@clds/theme-helper - npm Package Compare versions

Comparing version 0.56.0-beta.1 to 0.56.0-beta.2

dist/createDedupedGlobalStyle.d.ts

@@ -6,4 +6,4 @@ import { FC } from 'react';
 }
-export declare type CreateGlobalStyleParams = Parameters<typeof createGlobalStyle>;
+export type CreateGlobalStyleParams = Parameters<typeof createGlobalStyle>;
 declare function createDedupedGlobalStyle(first: CreateGlobalStyleParams['0'], ...interpolations: Array<CreateGlobalStyleParams['0']>): FC<DedupedGlobalStyle>;
 export { createDedupedGlobalStyle as createGlobalStyle };

dist/generateTheme.d.ts

 import type { DefaultTheme } from 'styled-components';
-export declare type Leaf = string | number | boolean;
-export declare type Node = Leaf | ParentNode;
+export type Leaf = string | number | boolean;
+export type Node = Leaf | ParentNode;
 export interface ParentNode {
     [key: string]: Node;
 }
-export declare type Theme = ParentNode;
+export type Theme = ParentNode;
+type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
 /**
  * Generates full theme object that can be placed directly into theme context.
  */
-export declare const generateTheme: <Theme_1 extends {
-    radius?: {
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-        round?: string | undefined;
-        unstable_new?: {
-            sm?: string | undefined;
-            md?: string | undefined;
-            lg?: string | undefined;
-            xl?: string | undefined;
-        } | undefined;
-    } | undefined;
-    font?: {
-        size?: {
-            xxl?: string | undefined;
-            xl?: string | undefined;
-            lg?: string | undefined;
-            md?: string | undefined;
-            sm?: string | undefined;
-            xs?: string | undefined;
-            xxs?: string | undefined;
-        } | undefined;
-        color?: {
-            base?: string | undefined;
-            primary?: string | undefined;
-            secondary?: string | undefined;
-        } | undefined;
-    } | undefined;
-    spacing?: {
-        xxs?: string | undefined;
-        xs?: string | undefined;
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-        xl?: string | undefined;
-        xxl?: string | undefined;
-    } | undefined;
-    palette?: {
-        mode?: string | undefined;
-        primary?: string | undefined;
-        contrastHigh?: string | undefined;
-        contrastLow?: string | undefined;
-        contrastInvert?: string | undefined;
-        surface?: string | undefined;
-        surfaceAlt?: string | undefined;
-        background?: string | undefined;
-        backgroundAlt?: string | undefined;
-        secondary?: string | undefined;
-        secondaryAlt?: string | undefined;
-        error?: string | undefined;
-        errorAlt?: string | undefined;
-        warning?: string | undefined;
-        warningAlt?: string | undefined;
-        success?: string | undefined;
-        successAlt?: string | undefined;
-        overlayLight?: string | undefined;
-        overlayLight2?: string | undefined;
-        overlayLight3?: string | undefined;
-        overlayDark?: string | undefined;
-        overlayDark2?: string | undefined;
-        overlayDark3?: string | undefined;
-        code?: {
-            accent1?: string | undefined;
-            accent2?: string | undefined;
-            accent3?: string | undefined;
-            accent4?: string | undefined;
-            accent5?: string | undefined;
-            accent6?: string | undefined;
-            accent7?: string | undefined;
-            accent8?: string | undefined;
-            accent9?: string | undefined;
-        } | undefined;
-        brand?: {
-            cloudinaryBlue?: string | undefined;
-            cloudinaryBlueLight?: string | undefined;
-            cloudinaryBlueDark?: string | undefined;
-            offsetGray?: string | undefined;
-            darkBlue?: string | undefined;
-            accentCoral?: string | undefined;
-            accentPeach?: string | undefined;
-            accentYellow?: string | undefined;
-            accentTurquoise?: string | undefined;
-            accentLightBlue?: string | undefined;
-        } | undefined;
-        dataVis?: {
-            accent1?: string | undefined;
-            accent2?: string | undefined;
-            accent3?: string | undefined;
-            accent4?: string | undefined;
-            accent5?: string | undefined;
-            accent6?: string | undefined;
-            accent7?: string | undefined;
-            accent8?: string | undefined;
-            accent9?: string | undefined;
-            accent10?: string | undefined;
-            accent11?: string | undefined;
-            accent12?: string | undefined;
-        } | undefined;
-    } | undefined;
-    shadow?: {
-        sm?: string | undefined;
-        md?: string | undefined;
-        lg?: string | undefined;
-    } | undefined;
-    globals?: {
-        font?: {
-            size?: string | undefined;
-            family?: string | undefined;
-            url?: string | undefined;
-        } | undefined;
-        focus?: {
-            color?: string | undefined;
-        } | undefined;
-        background?: {
-            color?: string | undefined;
-        } | undefined;
-    } | undefined;
-    color?: {
-        darkBlue?: string | undefined;
-        blue?: string | undefined;
-        lightBlue?: string | undefined;
-        lighterBlue?: string | undefined;
-        orange?: string | undefined;
-        lightOrange?: string | undefined;
-        lightGreen?: string | undefined;
-        green?: string | undefined;
-        darkGreen?: string | undefined;
-        lightRed?: string | undefined;
-        red?: string | undefined;
-        darkRed?: string | undefined;
-        purple?: string | undefined;
-        teal?: string | undefined;
-        lime?: string | undefined;
-        pink?: string | undefined;
-        yellow?: string | undefined;
-        brown?: string | undefined;
-        gray?: string | undefined;
-        cyan?: string | undefined;
-        olive?: string | undefined;
-        white?: string | undefined;
-        gray00?: string | undefined;
-        gray20?: string | undefined;
-        gray40?: string | undefined;
-        gray50?: string | undefined;
-        gray60?: string | undefined;
-        gray70?: string | undefined;
-        gray80?: string | undefined;
-        gray90?: string | undefined;
-        gray100?: string | undefined;
-        black?: string | undefined;
-    } | undefined;
-}>(theme?: Theme_1 | undefined) => <Theme_2 extends DefaultTheme>(themeFromContext?: Theme_2 | undefined) => {
+export declare const generateTheme: <Theme extends DeepPartial<DefaultTheme>>(theme?: Theme) => <Theme_1 extends DefaultTheme>(themeFromContext?: Theme_1) => {
     radius: {
@@ -318,1 +168,2 @@ sm: string;
 };
+export {};

package.json

 {
   "name": "@clds/theme-helper",
   "description": "Helper for themes",
-  "version": "0.56.0-beta.1",
+  "version": "0.56.0-beta.2",
   "author": "Cloudinary",
@@ -13,3 +13,3 @@ "main": "./dist/index.js",
     "es-toolkit": "^1.31.0",
-    "@clds/themes": "0.56.0-beta.1"
+    "@clds/themes": "0.56.0-beta.2"
   },
@@ -16,0 +16,0 @@ "devDependencies": {

Fixed alerts

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

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

87922

decreased by-3.63%

Lines of code

235

decreased by-38.8%

Dependency changes

• + Added@clds/themes@0.56.0-beta.2(transitive)

• - Removed@clds/themes@0.56.0-beta.1(transitive)

• Updated@clds/themes@0.56.0-beta.2