@clds/themes - npm Package Compare versions

Comparing version 0.5.0 to 0.6.0

dist/cjs/dark.theme.d.ts

 declare const _default: {
     palette: {
-        unstable_new: {
-            primary: string;
-            contrastHigh: string;
-            contrastLow: string;
-            contrastInvert: string;
-            surface: string;
-            surfaceAlt: string;
-            background: string;
-            backgroundAlt: string;
-            secondary: string;
-            secondaryAlt: string;
-        };
         primary: string;
+        contrastHigh: string;
+        contrastLow: string;
+        contrastInvert: string;
+        surface: string;
+        surfaceAlt: string;
+        background: string;
+        backgroundAlt: string;
+        secondary: string;
+        secondaryAlt: string;
         error: string;
         errorAlt: string;
+        warning: string;
+        warningAlt: string;
         success: string;
         successAlt: string;
-        warning: string;
-        warningAlt: string;
-        background: string;
-        backgroundAlt: string;
-        surface: string;
-        surfaceAlt: string;
-        secondary: string;
-        secondaryAlt: string;
-        contrastHigh: string;
-        contrastLow: string;
-        contrastInvert: string;
         code: {
@@ -32,0 +20,0 @@ accent1: string;

dist/cjs/dark.theme.js

@@ -5,31 +5,18 @@ "use strict";
     palette: {
-        // DS quick wins gradual adoption
-        unstable_new: {
-            primary: '#0d9aff',
-            contrastHigh: '#f9fafb',
-            contrastLow: '#d1d6e0',
-            contrastInvert: '#000000',
-            surface: '#1f242e',
-            surfaceAlt: '#14181e',
-            background: '#090c0f',
-            backgroundAlt: '#000000',
-            secondary: '#3d475c',
-            secondaryAlt: '#535f7a',
-        },
-        primary: '#8ee8ff',
+        primary: '#28BBFA',
+        contrastHigh: '#f9fafb',
+        contrastLow: '#d1d6e0',
+        contrastInvert: '#000000',
+        surface: '#1f242e',
+        surfaceAlt: '#14181e',
+        background: '#090c0f',
+        backgroundAlt: '#000000',
+        secondary: '#3d475c',
+        secondaryAlt: '#535f7a',
         error: '#ff5959',
         errorAlt: '#ff5959',
+        warning: '#ffa359',
+        warningAlt: '#ffa359',
         success: '#9affa6',
         successAlt: '#59ff67',
-        warning: '#ffa359',
-        warningAlt: '#ffa359',
-        background: '#191d23',
-        backgroundAlt: '#000000',
-        surface: '#262c35',
-        surfaceAlt: '#111419',
-        secondary: '#3e4751',
-        secondaryAlt: '#5A616A',
-        contrastHigh: '#ffffff',
-        contrastLow: '#c6d1db',
-        contrastInvert: '#000000',
         code: {
@@ -36,0 +23,0 @@ accent1: '#ff9ae1',

dist/cjs/default.theme.d.ts

@@ -41,38 +41,18 @@ export declare const theme: {
     palette: {
-        unstable_new: {
-            primary: string;
-            contrastHigh: string;
-            contrastLow: string;
-            contrastInvert: string;
-            surface: string;
-            surfaceAlt: string;
-            background: string;
-            backgroundAlt: string;
-            secondary: string;
-            secondaryAlt: string;
-            overlayLight: string;
-            overlayLight2: string;
-            overlayLight3: string;
-            overlayDark: string;
-            overlayDark2: string;
-            overlayDark3: string;
-        };
         primary: string;
+        contrastHigh: string;
+        contrastLow: string;
+        contrastInvert: string;
+        surface: string;
+        surfaceAlt: string;
+        background: string;
+        backgroundAlt: string;
+        secondary: string;
+        secondaryAlt: string;
         error: string;
         errorAlt: string;
+        warning: string;
+        warningAlt: string;
         success: string;
         successAlt: string;
-        warning: string;
-        warningAlt: string;
-        background: string;
-        backgroundAlt: string;
-        surface: string;
-        surfaceAlt: string;
-        secondary: string;
-        secondaryAlt: string;
-        contrastHigh: string;
-        contrastLow: string;
-        contrastInvert: string;
-        overlaySurface: string;
-        overlayContrast: string;
         overlayLight: string;
@@ -79,0 +59,0 @@ overlayLight2: string;

dist/cjs/tokens/palette.d.ts

 declare const _default: {
-    unstable_new: {
-        primary: string;
-        contrastHigh: string;
-        contrastLow: string;
-        contrastInvert: string;
-        surface: string;
-        surfaceAlt: string;
-        background: string;
-        backgroundAlt: string;
-        secondary: string;
-        secondaryAlt: string;
-        overlayLight: string;
-        overlayLight2: string;
-        overlayLight3: string;
-        overlayDark: string;
-        overlayDark2: string;
-        overlayDark3: string;
-    };
     primary: string;
+    contrastHigh: string;
+    contrastLow: string;
+    contrastInvert: string;
+    surface: string;
+    surfaceAlt: string;
+    background: string;
+    backgroundAlt: string;
+    secondary: string;
+    secondaryAlt: string;
     error: string;
     errorAlt: string;
+    warning: string;
+    warningAlt: string;
     success: string;
     successAlt: string;
-    warning: string;
-    warningAlt: string;
-    background: string;
-    backgroundAlt: string;
-    surface: string;
-    surfaceAlt: string;
-    secondary: string;
-    secondaryAlt: string;
-    contrastHigh: string;
-    contrastLow: string;
-    contrastInvert: string;
-    overlaySurface: string;
-    overlayContrast: string;
     overlayLight: string;
@@ -39,0 +19,0 @@ overlayLight2: string;

dist/cjs/tokens/palette.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    // DS quick wins gradual adoption
-    unstable_new: {
-        primary: '#3847bf',
-        contrastHigh: '#0a0c0f',
-        contrastLow: '#333b4c',
-        contrastInvert: '#ffffff',
-        surface: '#ffffff',
-        surfaceAlt: '#f9fafb',
-        background: '#f3f4f7',
-        backgroundAlt: '#edeef3',
-        secondary: '#d1d6e0',
-        secondaryAlt: '#c2c9d6',
-        overlayLight: 'rgb(249, 250, 251)',
-        overlayLight2: 'rgba(249, 250, 251, 0.8)',
-        overlayLight3: 'rgba(249, 250, 251, 0.5)',
-        overlayDark: 'rgb(10, 12, 15)',
-        overlayDark2: 'rgba(10, 12, 15, 0.8)',
-        overlayDark3: 'rgba(10, 12, 15, 0.5)',
-    },
-    primary: '#005CE4',
+    primary: '#3847bf',
+    contrastHigh: '#0a0c0f',
+    contrastLow: '#333b4c',
+    contrastInvert: '#ffffff',
+    surface: '#ffffff',
+    surfaceAlt: '#f9fafb',
+    background: '#f3f4f7',
+    backgroundAlt: '#edeef3',
+    secondary: '#d1d6e0',
+    secondaryAlt: '#c2c9d6',
     error: '#CE190D',
     errorAlt: '#bf160a',
+    warning: '#ff620c',
+    warningAlt: '#E06F00',
     success: '#22AA00',
     successAlt: '#1f8719',
-    warning: '#ff620c',
-    warningAlt: '#E06F00',
-    background: '#E4EBF1',
-    backgroundAlt: '#DAE1E9',
-    surface: '#FFFFFF',
-    surfaceAlt: '#F0F4F8',
-    secondary: '#C6D1DB',
-    secondaryAlt: '#90A0B3',
-    contrastHigh: '#000000',
-    contrastLow: '#323a45',
-    contrastInvert: '#ffffff',
-    overlaySurface: 'rgba(0,0,0,0.8)',
-    overlayContrast: '#ffffff',
-    overlayLight: '#ffffff',
-    overlayLight2: 'rgba(255,255,255,0.8)',
-    overlayLight3: 'rgba(255,255,255,0.5)',
-    overlayDark: '#000000',
-    overlayDark2: 'rgba(0,0,0,0.8)',
-    overlayDark3: 'rgba(0,0,0,0.5)',
+    overlayLight: 'rgb(249, 250, 251)',
+    overlayLight2: 'rgba(249, 250, 251, 0.8)',
+    overlayLight3: 'rgba(249, 250, 251, 0.5)',
+    overlayDark: 'rgb(10, 12, 15)',
+    overlayDark2: 'rgba(10, 12, 15, 0.8)',
+    overlayDark3: 'rgba(10, 12, 15, 0.5)',
     code: {
@@ -48,0 +27,0 @@ accent1: '#b4278b',

dist/esm/dark.theme.d.ts

 declare const _default: {
     palette: {
-        unstable_new: {
-            primary: string;
-            contrastHigh: string;
-            contrastLow: string;
-            contrastInvert: string;
-            surface: string;
-            surfaceAlt: string;
-            background: string;
-            backgroundAlt: string;
-            secondary: string;
-            secondaryAlt: string;
-        };
         primary: string;
+        contrastHigh: string;
+        contrastLow: string;
+        contrastInvert: string;
+        surface: string;
+        surfaceAlt: string;
+        background: string;
+        backgroundAlt: string;
+        secondary: string;
+        secondaryAlt: string;
         error: string;
         errorAlt: string;
+        warning: string;
+        warningAlt: string;
         success: string;
         successAlt: string;
-        warning: string;
-        warningAlt: string;
-        background: string;
-        backgroundAlt: string;
-        surface: string;
-        surfaceAlt: string;
-        secondary: string;
-        secondaryAlt: string;
-        contrastHigh: string;
-        contrastLow: string;
-        contrastInvert: string;
         code: {
@@ -32,0 +20,0 @@ accent1: string;

dist/esm/dark.theme.js

 export default {
     palette: {
-        // DS quick wins gradual adoption
-        unstable_new: {
-            primary: '#0d9aff',
-            contrastHigh: '#f9fafb',
-            contrastLow: '#d1d6e0',
-            contrastInvert: '#000000',
-            surface: '#1f242e',
-            surfaceAlt: '#14181e',
-            background: '#090c0f',
-            backgroundAlt: '#000000',
-            secondary: '#3d475c',
-            secondaryAlt: '#535f7a',
-        },
-        primary: '#8ee8ff',
+        primary: '#28BBFA',
+        contrastHigh: '#f9fafb',
+        contrastLow: '#d1d6e0',
+        contrastInvert: '#000000',
+        surface: '#1f242e',
+        surfaceAlt: '#14181e',
+        background: '#090c0f',
+        backgroundAlt: '#000000',
+        secondary: '#3d475c',
+        secondaryAlt: '#535f7a',
         error: '#ff5959',
         errorAlt: '#ff5959',
+        warning: '#ffa359',
+        warningAlt: '#ffa359',
         success: '#9affa6',
         successAlt: '#59ff67',
-        warning: '#ffa359',
-        warningAlt: '#ffa359',
-        background: '#191d23',
-        backgroundAlt: '#000000',
-        surface: '#262c35',
-        surfaceAlt: '#111419',
-        secondary: '#3e4751',
-        secondaryAlt: '#5A616A',
-        contrastHigh: '#ffffff',
-        contrastLow: '#c6d1db',
-        contrastInvert: '#000000',
         code: {
@@ -33,0 +20,0 @@ accent1: '#ff9ae1',

dist/esm/default.theme.d.ts

@@ -41,38 +41,18 @@ export declare const theme: {
     palette: {
-        unstable_new: {
-            primary: string;
-            contrastHigh: string;
-            contrastLow: string;
-            contrastInvert: string;
-            surface: string;
-            surfaceAlt: string;
-            background: string;
-            backgroundAlt: string;
-            secondary: string;
-            secondaryAlt: string;
-            overlayLight: string;
-            overlayLight2: string;
-            overlayLight3: string;
-            overlayDark: string;
-            overlayDark2: string;
-            overlayDark3: string;
-        };
         primary: string;
+        contrastHigh: string;
+        contrastLow: string;
+        contrastInvert: string;
+        surface: string;
+        surfaceAlt: string;
+        background: string;
+        backgroundAlt: string;
+        secondary: string;
+        secondaryAlt: string;
         error: string;
         errorAlt: string;
+        warning: string;
+        warningAlt: string;
         success: string;
         successAlt: string;
-        warning: string;
-        warningAlt: string;
-        background: string;
-        backgroundAlt: string;
-        surface: string;
-        surfaceAlt: string;
-        secondary: string;
-        secondaryAlt: string;
-        contrastHigh: string;
-        contrastLow: string;
-        contrastInvert: string;
-        overlaySurface: string;
-        overlayContrast: string;
         overlayLight: string;
@@ -79,0 +59,0 @@ overlayLight2: string;

dist/esm/tokens/palette.d.ts

 declare const _default: {
-    unstable_new: {
-        primary: string;
-        contrastHigh: string;
-        contrastLow: string;
-        contrastInvert: string;
-        surface: string;
-        surfaceAlt: string;
-        background: string;
-        backgroundAlt: string;
-        secondary: string;
-        secondaryAlt: string;
-        overlayLight: string;
-        overlayLight2: string;
-        overlayLight3: string;
-        overlayDark: string;
-        overlayDark2: string;
-        overlayDark3: string;
-    };
     primary: string;
+    contrastHigh: string;
+    contrastLow: string;
+    contrastInvert: string;
+    surface: string;
+    surfaceAlt: string;
+    background: string;
+    backgroundAlt: string;
+    secondary: string;
+    secondaryAlt: string;
     error: string;
     errorAlt: string;
+    warning: string;
+    warningAlt: string;
     success: string;
     successAlt: string;
-    warning: string;
-    warningAlt: string;
-    background: string;
-    backgroundAlt: string;
-    surface: string;
-    surfaceAlt: string;
-    secondary: string;
-    secondaryAlt: string;
-    contrastHigh: string;
-    contrastLow: string;
-    contrastInvert: string;
-    overlaySurface: string;
-    overlayContrast: string;
     overlayLight: string;
@@ -39,0 +19,0 @@ overlayLight2: string;

dist/esm/tokens/palette.js

 export default {
-    // DS quick wins gradual adoption
-    unstable_new: {
-        primary: '#3847bf',
-        contrastHigh: '#0a0c0f',
-        contrastLow: '#333b4c',
-        contrastInvert: '#ffffff',
-        surface: '#ffffff',
-        surfaceAlt: '#f9fafb',
-        background: '#f3f4f7',
-        backgroundAlt: '#edeef3',
-        secondary: '#d1d6e0',
-        secondaryAlt: '#c2c9d6',
-        overlayLight: 'rgb(249, 250, 251)',
-        overlayLight2: 'rgba(249, 250, 251, 0.8)',
-        overlayLight3: 'rgba(249, 250, 251, 0.5)',
-        overlayDark: 'rgb(10, 12, 15)',
-        overlayDark2: 'rgba(10, 12, 15, 0.8)',
-        overlayDark3: 'rgba(10, 12, 15, 0.5)',
-    },
-    primary: '#005CE4',
+    primary: '#3847bf',
+    contrastHigh: '#0a0c0f',
+    contrastLow: '#333b4c',
+    contrastInvert: '#ffffff',
+    surface: '#ffffff',
+    surfaceAlt: '#f9fafb',
+    background: '#f3f4f7',
+    backgroundAlt: '#edeef3',
+    secondary: '#d1d6e0',
+    secondaryAlt: '#c2c9d6',
     error: '#CE190D',
     errorAlt: '#bf160a',
+    warning: '#ff620c',
+    warningAlt: '#E06F00',
     success: '#22AA00',
     successAlt: '#1f8719',
-    warning: '#ff620c',
-    warningAlt: '#E06F00',
-    background: '#E4EBF1',
-    backgroundAlt: '#DAE1E9',
-    surface: '#FFFFFF',
-    surfaceAlt: '#F0F4F8',
-    secondary: '#C6D1DB',
-    secondaryAlt: '#90A0B3',
-    contrastHigh: '#000000',
-    contrastLow: '#323a45',
-    contrastInvert: '#ffffff',
-    overlaySurface: 'rgba(0,0,0,0.8)',
-    overlayContrast: '#ffffff',
-    overlayLight: '#ffffff',
-    overlayLight2: 'rgba(255,255,255,0.8)',
-    overlayLight3: 'rgba(255,255,255,0.5)',
-    overlayDark: '#000000',
-    overlayDark2: 'rgba(0,0,0,0.8)',
-    overlayDark3: 'rgba(0,0,0,0.5)',
+    overlayLight: 'rgb(249, 250, 251)',
+    overlayLight2: 'rgba(249, 250, 251, 0.8)',
+    overlayLight3: 'rgba(249, 250, 251, 0.5)',
+    overlayDark: 'rgb(10, 12, 15)',
+    overlayDark2: 'rgba(10, 12, 15, 0.8)',
+    overlayDark3: 'rgba(10, 12, 15, 0.5)',
     code: {
@@ -46,0 +25,0 @@ accent1: '#b4278b',

package.json

 {
   "name": "@clds/themes",
   "description": "Cloudinary themes",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "author": "Cloudinary",
@@ -6,0 +6,0 @@ "main": "./dist/cjs/index.js",

src/dark.theme.ts

 export default {
   palette: {
-    // DS quick wins gradual adoption
-    unstable_new: {
-      primary: '#0d9aff',
-      contrastHigh: '#f9fafb',
-      contrastLow: '#d1d6e0',
-      contrastInvert: '#000000',
-      surface: '#1f242e',
-      surfaceAlt: '#14181e',
-      background: '#090c0f',
-      backgroundAlt: '#000000',
-      secondary: '#3d475c',
-      secondaryAlt: '#535f7a',
-    },
-    primary: '#8ee8ff',
+    primary: '#28BBFA',
+    contrastHigh: '#f9fafb',
+    contrastLow: '#d1d6e0',
+    contrastInvert: '#000000',
+    surface: '#1f242e',
+    surfaceAlt: '#14181e',
+    background: '#090c0f',
+    backgroundAlt: '#000000',
+    secondary: '#3d475c',
+    secondaryAlt: '#535f7a',
     error: '#ff5959',
     errorAlt: '#ff5959',
+    warning: '#ffa359',
+    warningAlt: '#ffa359',
     success: '#9affa6',
     successAlt: '#59ff67',
-    warning: '#ffa359',
-    warningAlt: '#ffa359',
-    background: '#191d23',
-    backgroundAlt: '#000000',
-    surface: '#262c35',
-    surfaceAlt: '#111419',
-    secondary: '#3e4751',
-    secondaryAlt: '#5A616A',
-    contrastHigh: '#ffffff',
-    contrastLow: '#c6d1db',
-    contrastInvert: '#000000',
     code: {
@@ -33,0 +20,0 @@ accent1: '#ff9ae1',

src/tokens/palette.ts

 export default {
-  // DS quick wins gradual adoption
-  unstable_new: {
-    primary: '#3847bf',
-    contrastHigh: '#0a0c0f',
-    contrastLow: '#333b4c',
-    contrastInvert: '#ffffff',
-    surface: '#ffffff',
-    surfaceAlt: '#f9fafb',
-    background: '#f3f4f7',
-    backgroundAlt: '#edeef3',
-    secondary: '#d1d6e0',
-    secondaryAlt: '#c2c9d6',
-    overlayLight: 'rgb(249, 250, 251)',
-    overlayLight2: 'rgba(249, 250, 251, 0.8)',
-    overlayLight3: 'rgba(249, 250, 251, 0.5)',
-    overlayDark: 'rgb(10, 12, 15)',
-    overlayDark2: 'rgba(10, 12, 15, 0.8)',
-    overlayDark3: 'rgba(10, 12, 15, 0.5)',
-  },
-  primary: '#005CE4',
+  primary: '#3847bf',
+  contrastHigh: '#0a0c0f',
+  contrastLow: '#333b4c',
+  contrastInvert: '#ffffff',
+  surface: '#ffffff',
+  surfaceAlt: '#f9fafb',
+  background: '#f3f4f7',
+  backgroundAlt: '#edeef3',
+  secondary: '#d1d6e0',
+  secondaryAlt: '#c2c9d6',
   error: '#CE190D',
   errorAlt: '#bf160a',
+  warning: '#ff620c',
+  warningAlt: '#E06F00',
   success: '#22AA00',
   successAlt: '#1f8719',
-  warning: '#ff620c',
-  warningAlt: '#E06F00',
-  background: '#E4EBF1',
-  backgroundAlt: '#DAE1E9',
-  surface: '#FFFFFF',
-  surfaceAlt: '#F0F4F8',
-  secondary: '#C6D1DB',
-  secondaryAlt: '#90A0B3',
-  contrastHigh: '#000000',
-  contrastLow: '#323a45',
-  contrastInvert: '#ffffff',
-  overlaySurface: 'rgba(0,0,0,0.8)', // deprecated, we should use overlayDark2 for 80% black
-  overlayContrast: '#ffffff', // deprecated, we should use overlayLight for white
-  overlayLight: '#ffffff',
-  overlayLight2: 'rgba(255,255,255,0.8)',
-  overlayLight3: 'rgba(255,255,255,0.5)',
-  overlayDark: '#000000',
-  overlayDark2: 'rgba(0,0,0,0.8)',
-  overlayDark3: 'rgba(0,0,0,0.5)',
+  overlayLight: 'rgb(249, 250, 251)',
+  overlayLight2: 'rgba(249, 250, 251, 0.8)',
+  overlayLight3: 'rgba(249, 250, 251, 0.5)',
+  overlayDark: 'rgb(10, 12, 15)',
+  overlayDark2: 'rgba(10, 12, 15, 0.8)',
+  overlayDark3: 'rgba(10, 12, 15, 0.5)',
   code: {
@@ -46,0 +25,0 @@ accent1: '#b4278b',

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

Worsened metrics

Total package byte prevSize

51247

decreased by-13.13%

Lines of code

1479

decreased by-12.23%

No dependency changes