@clds/themes - npm Package Compare versions

Comparing version 0.4.0 to 0.5.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;
@@ -4,0 +16,0 @@ error: string;

dist/cjs/dark.theme.js

@@ -5,2 +5,15 @@ "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',
@@ -7,0 +20,0 @@ error: '#ff5959',

dist/cjs/default.theme.d.ts

@@ -41,2 +41,20 @@ 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;
@@ -43,0 +61,0 @@ error: 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;
@@ -3,0 +21,0 @@ error: 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',
@@ -5,0 +24,0 @@ error: '#CE190D',

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;
@@ -4,0 +16,0 @@ error: 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',
@@ -4,0 +17,0 @@ error: '#ff5959',

dist/esm/default.theme.d.ts

@@ -41,2 +41,20 @@ 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;
@@ -43,0 +61,0 @@ error: 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;
@@ -3,0 +21,0 @@ error: 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',
@@ -3,0 +22,0 @@ error: '#CE190D',

package.json

 {
   "name": "@clds/themes",
   "description": "Cloudinary themes",
-  "version": "0.4.0",
+  "version": "0.5.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',
@@ -4,0 +17,0 @@ error: '#ff5959',

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',
@@ -3,0 +22,0 @@ error: '#CE190D',

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

Improved metrics

Total package byte prevSize

58995

increased by13.94%

Lines of code

1685

increased by12.86%

No dependency changes