@leafygreen-ui/tokens - npm Package Compare versions

Comparing version 2.5.2 to 2.5.3

CHANGELOG.md

 # @leafygreen-ui/tokens
 
+## 2.5.3
+
+### Patch Changes
+
+- 57dedc40: Adds `satisfies` to ensure consistent & correct `colors` token structure
+
 ## 2.5.2
@@ -4,0 +10,0 @@

dist/color/color.d.ts

 export declare const color: {
     readonly dark: {
-        background: {
-            primary: {
-                default: string;
-                hover: "#3D4F58";
-                focus: "#0C2657";
+        readonly background: {
+            readonly primary: {
+                readonly default: "#001E2B";
+                readonly hover: "#3D4F58";
+                readonly focus: "#0C2657";
             };
-            secondary: {
-                default: "#112733";
-                hover: "#3D4F58";
-                focus: "#0C2657";
+            readonly secondary: {
+                readonly default: "#112733";
+                readonly hover: "#3D4F58";
+                readonly focus: "#0C2657";
             };
-            inversePrimary: {
-                default: "#E8EDEB";
-                hover: "#F9FBFA";
-                focus: "#C3E7FE";
+            readonly inversePrimary: {
+                readonly default: "#E8EDEB";
+                readonly hover: "#F9FBFA";
+                readonly focus: "#C3E7FE";
             };
-            info: {
-                default: "#0C2657";
-                hover: "#0C2657";
-                focus: "#0C2657";
+            readonly info: {
+                readonly default: "#0C2657";
+                readonly hover: "#0C2657";
+                readonly focus: "#0C2657";
             };
-            warning: {
-                default: "#4C2100";
-                hover: "#4C2100";
-                focus: "#4C2100";
+            readonly warning: {
+                readonly default: "#4C2100";
+                readonly hover: "#4C2100";
+                readonly focus: "#4C2100";
             };
-            success: {
-                default: "#023430";
-                hover: "#023430";
-                focus: "#023430";
+            readonly success: {
+                readonly default: "#023430";
+                readonly hover: "#023430";
+                readonly focus: "#023430";
             };
-            error: {
-                default: "#5B0000";
-                hover: "#5B0000";
-                focus: "#5B0000";
+            readonly error: {
+                readonly default: "#5B0000";
+                readonly hover: "#5B0000";
+                readonly focus: "#5B0000";
             };
-            disabled: {
-                default: "#3D4F58";
-                hover: "#3D4F58";
-                focus: "#3D4F58";
+            readonly disabled: {
+                readonly default: "#3D4F58";
+                readonly hover: "#3D4F58";
+                readonly focus: "#3D4F58";
             };
         };
-        border: {
-            primary: {
-                default: "#889397";
-                hover: "#889397";
-                focus: "#0498EC";
+        readonly border: {
+            readonly primary: {
+                readonly default: "#889397";
+                readonly hover: "#889397";
+                readonly focus: "#0498EC";
             };
-            secondary: {
-                default: "#3D4F58";
-                hover: "#3D4F58";
-                focus: "#0498EC";
+            readonly secondary: {
+                readonly default: "#3D4F58";
+                readonly hover: "#3D4F58";
+                readonly focus: "#0498EC";
             };
-            success: {
-                default: "#00A35C";
-                hover: "#00A35C";
-                focus: "#0498EC";
+            readonly success: {
+                readonly default: "#00A35C";
+                readonly hover: "#00A35C";
+                readonly focus: "#0498EC";
             };
-            error: {
-                default: "#FF6960";
-                hover: "#FF6960";
-                focus: "#0498EC";
+            readonly error: {
+                readonly default: "#FF6960";
+                readonly hover: "#FF6960";
+                readonly focus: "#0498EC";
             };
-            disabled: {
-                default: "#3D4F58";
-                hover: "#3D4F58";
-                focus: "#3D4F58";
+            readonly disabled: {
+                readonly default: "#3D4F58";
+                readonly hover: "#3D4F58";
+                readonly focus: "#3D4F58";
             };
         };
-        icon: {
-            primary: {
-                default: "#C1C7C6";
-                hover: "#F9FBFA";
-                focus: "#E1F7FF";
+        readonly icon: {
+            readonly primary: {
+                readonly default: "#C1C7C6";
+                readonly hover: "#F9FBFA";
+                readonly focus: "#E1F7FF";
             };
-            secondary: {
-                default: "#889397";
-                hover: "#F9FBFA";
-                focus: "#E1F7FF";
+            readonly secondary: {
+                readonly default: "#889397";
+                readonly hover: "#F9FBFA";
+                readonly focus: "#E1F7FF";
             };
-            inversePrimary: {
-                default: string;
-                hover: string;
-                focus: "#083C90";
+            readonly inversePrimary: {
+                readonly default: "#FFFFFF";
+                readonly hover: "#001E2B";
+                readonly focus: "#083C90";
             };
-            info: {
-                default: "#0498EC";
-                hover: "#0498EC";
-                focus: "#0498EC";
+            readonly info: {
+                readonly default: "#0498EC";
+                readonly hover: "#0498EC";
+                readonly focus: "#0498EC";
             };
-            warning: {
-                default: "#FFC010";
-                hover: "#FFC010";
-                focus: "#FFC010";
+            readonly warning: {
+                readonly default: "#FFC010";
+                readonly hover: "#FFC010";
+                readonly focus: "#FFC010";
             };
-            success: {
-                default: "#00ED64";
-                hover: "#00ED64";
-                focus: "#00ED64";
+            readonly success: {
+                readonly default: "#00ED64";
+                readonly hover: "#00ED64";
+                readonly focus: "#00ED64";
             };
-            error: {
-                default: "#FF6960";
-                hover: "#FF6960";
-                focus: "#FF6960";
+            readonly error: {
+                readonly default: "#FF6960";
+                readonly hover: "#FF6960";
+                readonly focus: "#FF6960";
             };
-            disabled: {
-                default: "#5C6C75";
-                hover: "#5C6C75";
-                focus: "#5C6C75";
+            readonly disabled: {
+                readonly default: "#5C6C75";
+                readonly hover: "#5C6C75";
+                readonly focus: "#5C6C75";
             };
         };
-        text: {
-            primary: {
-                default: "#E8EDEB";
-                hover: "#E8EDEB";
-                focus: "#E1F7FF";
+        readonly text: {
+            readonly primary: {
+                readonly default: "#E8EDEB";
+                readonly hover: "#E8EDEB";
+                readonly focus: "#E1F7FF";
             };
-            secondary: {
-                default: "#C1C7C6";
-                hover: "#E8EDEB";
-                focus: "#E1F7FF";
+            readonly secondary: {
+                readonly default: "#C1C7C6";
+                readonly hover: "#E8EDEB";
+                readonly focus: "#E1F7FF";
             };
-            inversePrimary: {
-                default: string;
-                hover: string;
-                focus: "#083C90";
+            readonly inversePrimary: {
+                readonly default: "#001E2B";
+                readonly hover: "#001E2B";
+                readonly focus: "#083C90";
             };
-            inverseSecondary: {
-                default: "#3D4F58";
-                hover: string;
-                focus: "#083C90";
+            readonly inverseSecondary: {
+                readonly default: "#3D4F58";
+                readonly hover: "#001E2B";
+                readonly focus: "#083C90";
             };
-            error: {
-                default: "#FF6960";
-                hover: "#FF6960";
-                focus: "#FF6960";
+            readonly error: {
+                readonly default: "#FF6960";
+                readonly hover: "#FF6960";
+                readonly focus: "#FF6960";
             };
-            disabled: {
-                default: "#5C6C75";
-                hover: "#5C6C75";
-                focus: "#5C6C75";
+            readonly disabled: {
+                readonly default: "#5C6C75";
+                readonly hover: "#5C6C75";
+                readonly focus: "#5C6C75";
             };
@@ -148,143 +148,143 @@ };
     readonly light: {
-        background: {
-            primary: {
-                default: string;
-                hover: "#E8EDEB";
-                focus: "#E1F7FF";
+        readonly background: {
+            readonly primary: {
+                readonly default: "#FFFFFF";
+                readonly hover: "#E8EDEB";
+                readonly focus: "#E1F7FF";
             };
-            secondary: {
-                default: "#F9FBFA";
-                hover: "#E8EDEB";
-                focus: "#E1F7FF";
+            readonly secondary: {
+                readonly default: "#F9FBFA";
+                readonly hover: "#E8EDEB";
+                readonly focus: "#E1F7FF";
             };
-            inversePrimary: {
-                default: string;
-                hover: "#1C2D38";
-                focus: "#083C90";
+            readonly inversePrimary: {
+                readonly default: "#001E2B";
+                readonly hover: "#1C2D38";
+                readonly focus: "#083C90";
             };
-            info: {
-                default: "#E1F7FF";
-                hover: "#E1F7FF";
-                focus: "#E1F7FF";
+            readonly info: {
+                readonly default: "#E1F7FF";
+                readonly hover: "#E1F7FF";
+                readonly focus: "#E1F7FF";
             };
-            warning: {
-                default: "#FEF7DB";
-                hover: "#FEF7DB";
-                focus: "#FEF7DB";
+            readonly warning: {
+                readonly default: "#FEF7DB";
+                readonly hover: "#FEF7DB";
+                readonly focus: "#FEF7DB";
             };
-            success: {
-                default: "#E3FCF7";
-                hover: "#E3FCF7";
-                focus: "#E3FCF7";
+            readonly success: {
+                readonly default: "#E3FCF7";
+                readonly hover: "#E3FCF7";
+                readonly focus: "#E3FCF7";
             };
-            error: {
-                default: "#FFEAE5";
-                hover: "#FFEAE5";
-                focus: "#FFEAE5";
+            readonly error: {
+                readonly default: "#FFEAE5";
+                readonly hover: "#FFEAE5";
+                readonly focus: "#FFEAE5";
             };
-            disabled: {
-                default: "#E8EDEB";
-                hover: "#E8EDEB";
-                focus: "#E8EDEB";
+            readonly disabled: {
+                readonly default: "#E8EDEB";
+                readonly hover: "#E8EDEB";
+                readonly focus: "#E8EDEB";
             };
         };
-        border: {
-            primary: {
-                default: "#889397";
-                hover: "#889397";
-                focus: "#0498EC";
+        readonly border: {
+            readonly primary: {
+                readonly default: "#889397";
+                readonly hover: "#889397";
+                readonly focus: "#0498EC";
             };
-            secondary: {
-                default: "#E8EDEB";
-                hover: "#E8EDEB";
-                focus: "#0498EC";
+            readonly secondary: {
+                readonly default: "#E8EDEB";
+                readonly hover: "#E8EDEB";
+                readonly focus: "#0498EC";
             };
-            success: {
-                default: "#00A35C";
-                hover: "#00A35C";
-                focus: "#0498EC";
+            readonly success: {
+                readonly default: "#00A35C";
+                readonly hover: "#00A35C";
+                readonly focus: "#0498EC";
             };
-            error: {
-                default: "#DB3030";
-                hover: "#DB3030";
-                focus: "#0498EC";
+            readonly error: {
+                readonly default: "#DB3030";
+                readonly hover: "#DB3030";
+                readonly focus: "#0498EC";
             };
-            disabled: {
-                default: "#C1C7C6";
-                hover: "#C1C7C6";
-                focus: "#C1C7C6";
+            readonly disabled: {
+                readonly default: "#C1C7C6";
+                readonly hover: "#C1C7C6";
+                readonly focus: "#C1C7C6";
             };
         };
-        icon: {
-            primary: {
-                default: "#5C6C75";
-                hover: string;
-                focus: "#1254B7";
+        readonly icon: {
+            readonly primary: {
+                readonly default: "#5C6C75";
+                readonly hover: "#001E2B";
+                readonly focus: "#1254B7";
             };
-            secondary: {
-                default: "#889397";
-                hover: string;
-                focus: "#1254B7";
+            readonly secondary: {
+                readonly default: "#889397";
+                readonly hover: "#001E2B";
+                readonly focus: "#1254B7";
             };
-            inversePrimary: {
-                default: string;
-                hover: string;
-                focus: "#C3E7FE";
+            readonly inversePrimary: {
+                readonly default: "#FFFFFF";
+                readonly hover: "#FFFFFF";
+                readonly focus: "#C3E7FE";
             };
-            info: {
-                default: "#016BF8";
-                hover: "#016BF8";
-                focus: "#016BF8";
+            readonly info: {
+                readonly default: "#016BF8";
+                readonly hover: "#016BF8";
+                readonly focus: "#016BF8";
             };
-            warning: {
-                default: "#944F01";
-                hover: "#944F01";
-                focus: "#944F01";
+            readonly warning: {
+                readonly default: "#944F01";
+                readonly hover: "#944F01";
+                readonly focus: "#944F01";
             };
-            success: {
-                default: "#00A35C";
-                hover: "#00A35C";
-                focus: "#00A35C";
+            readonly success: {
+                readonly default: "#00A35C";
+                readonly hover: "#00A35C";
+                readonly focus: "#00A35C";
             };
-            error: {
-                default: "#DB3030";
-                hover: "#DB3030";
-                focus: "#DB3030";
+            readonly error: {
+                readonly default: "#DB3030";
+                readonly hover: "#DB3030";
+                readonly focus: "#DB3030";
             };
-            disabled: {
-                default: "#889397";
-                hover: "#889397";
-                focus: "#889397";
+            readonly disabled: {
+                readonly default: "#889397";
+                readonly hover: "#889397";
+                readonly focus: "#889397";
             };
         };
-        text: {
-            primary: {
-                default: string;
-                hover: string;
-                focus: "#1254B7";
+        readonly text: {
+            readonly primary: {
+                readonly default: "#001E2B";
+                readonly hover: "#001E2B";
+                readonly focus: "#1254B7";
             };
-            secondary: {
-                default: "#5C6C75";
-                hover: string;
-                focus: "#1254B7";
+            readonly secondary: {
+                readonly default: "#5C6C75";
+                readonly hover: "#001E2B";
+                readonly focus: "#1254B7";
             };
-            inversePrimary: {
-                default: string;
-                hover: string;
-                focus: "#C3E7FE";
+            readonly inversePrimary: {
+                readonly default: "#FFFFFF";
+                readonly hover: "#FFFFFF";
+                readonly focus: "#C3E7FE";
             };
-            inverseSecondary: {
-                default: "#C1C7C6";
-                hover: string;
-                focus: "#C3E7FE";
+            readonly inverseSecondary: {
+                readonly default: "#C1C7C6";
+                readonly hover: "#FFFFFF";
+                readonly focus: "#C3E7FE";
             };
-            error: {
-                default: "#DB3030";
-                hover: "#DB3030";
-                focus: "#DB3030";
+            readonly error: {
+                readonly default: "#DB3030";
+                readonly hover: "#DB3030";
+                readonly focus: "#DB3030";
             };
-            disabled: {
-                default: "#889397";
-                hover: "#889397";
-                focus: "#889397";
+            readonly disabled: {
+                readonly default: "#889397";
+                readonly hover: "#889397";
+                readonly focus: "#889397";
             };
@@ -291,0 +291,0 @@ };

dist/color/color.types.d.ts

@@ -1,7 +0,1 @@
-declare const State: {
-    readonly Default: "default";
-    readonly Hover: "hover";
-    readonly Focus: "focus";
-};
-type State = (typeof State)[keyof typeof State];
 declare const Type: {
@@ -26,3 +20,11 @@ readonly Background: "background";
 type Variant = (typeof Variant)[keyof typeof Variant];
+declare const State: {
+    readonly Default: "default";
+    readonly Hover: "hover";
+    readonly Focus: "focus";
+};
+type State = (typeof State)[keyof typeof State];
+export type VariantColorRecord = Partial<Record<Variant, Record<State, string>>>;
+export type ModeColorRecord = Record<Type, VariantColorRecord>;
 export { State, Type, Variant };
 //# sourceMappingURL=color.types.d.ts.map

dist/color/darkModeColors.d.ts

@@ -1,175 +0,143 @@
-export declare const darkModeTextColors: {
-    primary: {
-        default: "#E8EDEB";
-        hover: "#E8EDEB";
-        focus: "#E1F7FF";
-    };
-    secondary: {
-        default: "#C1C7C6";
-        hover: "#E8EDEB";
-        focus: "#E1F7FF";
-    };
-    inversePrimary: {
-        default: string;
-        hover: string;
-        focus: "#083C90";
-    };
-    inverseSecondary: {
-        default: "#3D4F58";
-        hover: string;
-        focus: "#083C90";
-    };
-    error: {
-        default: "#FF6960";
-        hover: "#FF6960";
-        focus: "#FF6960";
-    };
-    disabled: {
-        default: "#5C6C75";
-        hover: "#5C6C75";
-        focus: "#5C6C75";
-    };
-};
 export declare const darkModeColors: {
-    background: {
-        primary: {
-            default: string;
-            hover: "#3D4F58";
-            focus: "#0C2657";
+    readonly background: {
+        readonly primary: {
+            readonly default: "#001E2B";
+            readonly hover: "#3D4F58";
+            readonly focus: "#0C2657";
         };
-        secondary: {
-            default: "#112733";
-            hover: "#3D4F58";
-            focus: "#0C2657";
+        readonly secondary: {
+            readonly default: "#112733";
+            readonly hover: "#3D4F58";
+            readonly focus: "#0C2657";
         };
-        inversePrimary: {
-            default: "#E8EDEB";
-            hover: "#F9FBFA";
-            focus: "#C3E7FE";
+        readonly inversePrimary: {
+            readonly default: "#E8EDEB";
+            readonly hover: "#F9FBFA";
+            readonly focus: "#C3E7FE";
         };
-        info: {
-            default: "#0C2657";
-            hover: "#0C2657";
-            focus: "#0C2657";
+        readonly info: {
+            readonly default: "#0C2657";
+            readonly hover: "#0C2657";
+            readonly focus: "#0C2657";
         };
-        warning: {
-            default: "#4C2100";
-            hover: "#4C2100";
-            focus: "#4C2100";
+        readonly warning: {
+            readonly default: "#4C2100";
+            readonly hover: "#4C2100";
+            readonly focus: "#4C2100";
         };
-        success: {
-            default: "#023430";
-            hover: "#023430";
-            focus: "#023430";
+        readonly success: {
+            readonly default: "#023430";
+            readonly hover: "#023430";
+            readonly focus: "#023430";
         };
-        error: {
-            default: "#5B0000";
-            hover: "#5B0000";
-            focus: "#5B0000";
+        readonly error: {
+            readonly default: "#5B0000";
+            readonly hover: "#5B0000";
+            readonly focus: "#5B0000";
         };
-        disabled: {
-            default: "#3D4F58";
-            hover: "#3D4F58";
-            focus: "#3D4F58";
+        readonly disabled: {
+            readonly default: "#3D4F58";
+            readonly hover: "#3D4F58";
+            readonly focus: "#3D4F58";
         };
     };
-    border: {
-        primary: {
-            default: "#889397";
-            hover: "#889397";
-            focus: "#0498EC";
+    readonly border: {
+        readonly primary: {
+            readonly default: "#889397";
+            readonly hover: "#889397";
+            readonly focus: "#0498EC";
         };
-        secondary: {
-            default: "#3D4F58";
-            hover: "#3D4F58";
-            focus: "#0498EC";
+        readonly secondary: {
+            readonly default: "#3D4F58";
+            readonly hover: "#3D4F58";
+            readonly focus: "#0498EC";
         };
-        success: {
-            default: "#00A35C";
-            hover: "#00A35C";
-            focus: "#0498EC";
+        readonly success: {
+            readonly default: "#00A35C";
+            readonly hover: "#00A35C";
+            readonly focus: "#0498EC";
         };
-        error: {
-            default: "#FF6960";
-            hover: "#FF6960";
-            focus: "#0498EC";
+        readonly error: {
+            readonly default: "#FF6960";
+            readonly hover: "#FF6960";
+            readonly focus: "#0498EC";
         };
-        disabled: {
-            default: "#3D4F58";
-            hover: "#3D4F58";
-            focus: "#3D4F58";
+        readonly disabled: {
+            readonly default: "#3D4F58";
+            readonly hover: "#3D4F58";
+            readonly focus: "#3D4F58";
         };
     };
-    icon: {
-        primary: {
-            default: "#C1C7C6";
-            hover: "#F9FBFA";
-            focus: "#E1F7FF";
+    readonly icon: {
+        readonly primary: {
+            readonly default: "#C1C7C6";
+            readonly hover: "#F9FBFA";
+            readonly focus: "#E1F7FF";
         };
-        secondary: {
-            default: "#889397";
-            hover: "#F9FBFA";
-            focus: "#E1F7FF";
+        readonly secondary: {
+            readonly default: "#889397";
+            readonly hover: "#F9FBFA";
+            readonly focus: "#E1F7FF";
         };
-        inversePrimary: {
-            default: string;
-            hover: string;
-            focus: "#083C90";
+        readonly inversePrimary: {
+            readonly default: "#FFFFFF";
+            readonly hover: "#001E2B";
+            readonly focus: "#083C90";
         };
-        info: {
-            default: "#0498EC";
-            hover: "#0498EC";
-            focus: "#0498EC";
+        readonly info: {
+            readonly default: "#0498EC";
+            readonly hover: "#0498EC";
+            readonly focus: "#0498EC";
         };
-        warning: {
-            default: "#FFC010";
-            hover: "#FFC010";
-            focus: "#FFC010";
+        readonly warning: {
+            readonly default: "#FFC010";
+            readonly hover: "#FFC010";
+            readonly focus: "#FFC010";
         };
-        success: {
-            default: "#00ED64";
-            hover: "#00ED64";
-            focus: "#00ED64";
+        readonly success: {
+            readonly default: "#00ED64";
+            readonly hover: "#00ED64";
+            readonly focus: "#00ED64";
         };
-        error: {
-            default: "#FF6960";
-            hover: "#FF6960";
-            focus: "#FF6960";
+        readonly error: {
+            readonly default: "#FF6960";
+            readonly hover: "#FF6960";
+            readonly focus: "#FF6960";
         };
-        disabled: {
-            default: "#5C6C75";
-            hover: "#5C6C75";
-            focus: "#5C6C75";
+        readonly disabled: {
+            readonly default: "#5C6C75";
+            readonly hover: "#5C6C75";
+            readonly focus: "#5C6C75";
         };
     };
-    text: {
-        primary: {
-            default: "#E8EDEB";
-            hover: "#E8EDEB";
-            focus: "#E1F7FF";
+    readonly text: {
+        readonly primary: {
+            readonly default: "#E8EDEB";
+            readonly hover: "#E8EDEB";
+            readonly focus: "#E1F7FF";
         };
-        secondary: {
-            default: "#C1C7C6";
-            hover: "#E8EDEB";
-            focus: "#E1F7FF";
+        readonly secondary: {
+            readonly default: "#C1C7C6";
+            readonly hover: "#E8EDEB";
+            readonly focus: "#E1F7FF";
         };
-        inversePrimary: {
-            default: string;
-            hover: string;
-            focus: "#083C90";
+        readonly inversePrimary: {
+            readonly default: "#001E2B";
+            readonly hover: "#001E2B";
+            readonly focus: "#083C90";
         };
-        inverseSecondary: {
-            default: "#3D4F58";
-            hover: string;
-            focus: "#083C90";
+        readonly inverseSecondary: {
+            readonly default: "#3D4F58";
+            readonly hover: "#001E2B";
+            readonly focus: "#083C90";
         };
-        error: {
-            default: "#FF6960";
-            hover: "#FF6960";
-            focus: "#FF6960";
+        readonly error: {
+            readonly default: "#FF6960";
+            readonly hover: "#FF6960";
+            readonly focus: "#FF6960";
         };
-        disabled: {
-            default: "#5C6C75";
-            hover: "#5C6C75";
-            focus: "#5C6C75";
+        readonly disabled: {
+            readonly default: "#5C6C75";
+            readonly hover: "#5C6C75";
+            readonly focus: "#5C6C75";
         };
@@ -176,0 +144,0 @@ };

dist/color/lightModeColors.d.ts

@@ -1,175 +0,143 @@
-export declare const lightModeTextColors: {
-    primary: {
-        default: string;
-        hover: string;
-        focus: "#1254B7";
-    };
-    secondary: {
-        default: "#5C6C75";
-        hover: string;
-        focus: "#1254B7";
-    };
-    inversePrimary: {
-        default: string;
-        hover: string;
-        focus: "#C3E7FE";
-    };
-    inverseSecondary: {
-        default: "#C1C7C6";
-        hover: string;
-        focus: "#C3E7FE";
-    };
-    error: {
-        default: "#DB3030";
-        hover: "#DB3030";
-        focus: "#DB3030";
-    };
-    disabled: {
-        default: "#889397";
-        hover: "#889397";
-        focus: "#889397";
-    };
-};
 export declare const lightModeColors: {
-    background: {
-        primary: {
-            default: string;
-            hover: "#E8EDEB";
-            focus: "#E1F7FF";
+    readonly background: {
+        readonly primary: {
+            readonly default: "#FFFFFF";
+            readonly hover: "#E8EDEB";
+            readonly focus: "#E1F7FF";
         };
-        secondary: {
-            default: "#F9FBFA";
-            hover: "#E8EDEB";
-            focus: "#E1F7FF";
+        readonly secondary: {
+            readonly default: "#F9FBFA";
+            readonly hover: "#E8EDEB";
+            readonly focus: "#E1F7FF";
         };
-        inversePrimary: {
-            default: string;
-            hover: "#1C2D38";
-            focus: "#083C90";
+        readonly inversePrimary: {
+            readonly default: "#001E2B";
+            readonly hover: "#1C2D38";
+            readonly focus: "#083C90";
         };
-        info: {
-            default: "#E1F7FF";
-            hover: "#E1F7FF";
-            focus: "#E1F7FF";
+        readonly info: {
+            readonly default: "#E1F7FF";
+            readonly hover: "#E1F7FF";
+            readonly focus: "#E1F7FF";
         };
-        warning: {
-            default: "#FEF7DB";
-            hover: "#FEF7DB";
-            focus: "#FEF7DB";
+        readonly warning: {
+            readonly default: "#FEF7DB";
+            readonly hover: "#FEF7DB";
+            readonly focus: "#FEF7DB";
         };
-        success: {
-            default: "#E3FCF7";
-            hover: "#E3FCF7";
-            focus: "#E3FCF7";
+        readonly success: {
+            readonly default: "#E3FCF7";
+            readonly hover: "#E3FCF7";
+            readonly focus: "#E3FCF7";
         };
-        error: {
-            default: "#FFEAE5";
-            hover: "#FFEAE5";
-            focus: "#FFEAE5";
+        readonly error: {
+            readonly default: "#FFEAE5";
+            readonly hover: "#FFEAE5";
+            readonly focus: "#FFEAE5";
         };
-        disabled: {
-            default: "#E8EDEB";
-            hover: "#E8EDEB";
-            focus: "#E8EDEB";
+        readonly disabled: {
+            readonly default: "#E8EDEB";
+            readonly hover: "#E8EDEB";
+            readonly focus: "#E8EDEB";
         };
     };
-    border: {
-        primary: {
-            default: "#889397";
-            hover: "#889397";
-            focus: "#0498EC";
+    readonly border: {
+        readonly primary: {
+            readonly default: "#889397";
+            readonly hover: "#889397";
+            readonly focus: "#0498EC";
         };
-        secondary: {
-            default: "#E8EDEB";
-            hover: "#E8EDEB";
-            focus: "#0498EC";
+        readonly secondary: {
+            readonly default: "#E8EDEB";
+            readonly hover: "#E8EDEB";
+            readonly focus: "#0498EC";
         };
-        success: {
-            default: "#00A35C";
-            hover: "#00A35C";
-            focus: "#0498EC";
+        readonly success: {
+            readonly default: "#00A35C";
+            readonly hover: "#00A35C";
+            readonly focus: "#0498EC";
         };
-        error: {
-            default: "#DB3030";
-            hover: "#DB3030";
-            focus: "#0498EC";
+        readonly error: {
+            readonly default: "#DB3030";
+            readonly hover: "#DB3030";
+            readonly focus: "#0498EC";
         };
-        disabled: {
-            default: "#C1C7C6";
-            hover: "#C1C7C6";
-            focus: "#C1C7C6";
+        readonly disabled: {
+            readonly default: "#C1C7C6";
+            readonly hover: "#C1C7C6";
+            readonly focus: "#C1C7C6";
         };
     };
-    icon: {
-        primary: {
-            default: "#5C6C75";
-            hover: string;
-            focus: "#1254B7";
+    readonly icon: {
+        readonly primary: {
+            readonly default: "#5C6C75";
+            readonly hover: "#001E2B";
+            readonly focus: "#1254B7";
         };
-        secondary: {
-            default: "#889397";
-            hover: string;
-            focus: "#1254B7";
+        readonly secondary: {
+            readonly default: "#889397";
+            readonly hover: "#001E2B";
+            readonly focus: "#1254B7";
         };
-        inversePrimary: {
-            default: string;
-            hover: string;
-            focus: "#C3E7FE";
+        readonly inversePrimary: {
+            readonly default: "#FFFFFF";
+            readonly hover: "#FFFFFF";
+            readonly focus: "#C3E7FE";
         };
-        info: {
-            default: "#016BF8";
-            hover: "#016BF8";
-            focus: "#016BF8";
+        readonly info: {
+            readonly default: "#016BF8";
+            readonly hover: "#016BF8";
+            readonly focus: "#016BF8";
         };
-        warning: {
-            default: "#944F01";
-            hover: "#944F01";
-            focus: "#944F01";
+        readonly warning: {
+            readonly default: "#944F01";
+            readonly hover: "#944F01";
+            readonly focus: "#944F01";
         };
-        success: {
-            default: "#00A35C";
-            hover: "#00A35C";
-            focus: "#00A35C";
+        readonly success: {
+            readonly default: "#00A35C";
+            readonly hover: "#00A35C";
+            readonly focus: "#00A35C";
         };
-        error: {
-            default: "#DB3030";
-            hover: "#DB3030";
-            focus: "#DB3030";
+        readonly error: {
+            readonly default: "#DB3030";
+            readonly hover: "#DB3030";
+            readonly focus: "#DB3030";
         };
-        disabled: {
-            default: "#889397";
-            hover: "#889397";
-            focus: "#889397";
+        readonly disabled: {
+            readonly default: "#889397";
+            readonly hover: "#889397";
+            readonly focus: "#889397";
         };
     };
-    text: {
-        primary: {
-            default: string;
-            hover: string;
-            focus: "#1254B7";
+    readonly text: {
+        readonly primary: {
+            readonly default: "#001E2B";
+            readonly hover: "#001E2B";
+            readonly focus: "#1254B7";
         };
-        secondary: {
-            default: "#5C6C75";
-            hover: string;
-            focus: "#1254B7";
+        readonly secondary: {
+            readonly default: "#5C6C75";
+            readonly hover: "#001E2B";
+            readonly focus: "#1254B7";
         };
-        inversePrimary: {
-            default: string;
-            hover: string;
-            focus: "#C3E7FE";
+        readonly inversePrimary: {
+            readonly default: "#FFFFFF";
+            readonly hover: "#FFFFFF";
+            readonly focus: "#C3E7FE";
         };
-        inverseSecondary: {
-            default: "#C1C7C6";
-            hover: string;
-            focus: "#C3E7FE";
+        readonly inverseSecondary: {
+            readonly default: "#C1C7C6";
+            readonly hover: "#FFFFFF";
+            readonly focus: "#C3E7FE";
         };
-        error: {
-            default: "#DB3030";
-            hover: "#DB3030";
-            focus: "#DB3030";
+        readonly error: {
+            readonly default: "#DB3030";
+            readonly hover: "#DB3030";
+            readonly focus: "#DB3030";
         };
-        disabled: {
-            default: "#889397";
-            hover: "#889397";
-            focus: "#889397";
+        readonly disabled: {
+            readonly default: "#889397";
+            readonly hover: "#889397";
+            readonly focus: "#889397";
         };
@@ -176,0 +144,0 @@ };

dist/esm/index.js

@@ -1,2 +0,2 @@
-import{palette as e}from"@leafygreen-ui/palette";var a={Mobile:320,Tablet:768,Desktop:1024,XLDesktop:1440};function r(e,a,r){return(a=function(e){var a=function(e,a){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,a||"default");if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===a?String:Number)(e)}(e,"string");return"symbol"==typeof a?a:String(a)}(a))in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}var t,i,l,g,d,h,o,n,k,s,b,c,u,f,p,y,m,v,x,S,w,D,H,z,L,B,P,j,M,N,T,A,C,E,R,X,O,V,q,F,G,I,J,K,Q,U,W,Y,Z,$,_,ee,ae,re,te,ie,le,ge,de,he,oe,ne,ke,se,be,ce={Dark:"dark",Light:"light"},ue="default",fe="hover",pe="focus",ye="primary",me="secondary",ve="inversePrimary",xe="inverseSecondary",Se="info",we="warning",De="error",He="success",ze="disabled",Le=e.black,Be=e.blue,Pe=e.gray,je=e.green,Me=e.red,Ne=e.white,Te=e.yellow,Ae={background:(r(k={},ye,(r(t={},ue,Le),r(t,fe,Pe.dark2),r(t,pe,Be.dark3),t)),r(k,me,(r(i={},ue,Pe.dark4),r(i,fe,Pe.dark2),r(i,pe,Be.dark3),i)),r(k,ve,(r(l={},ue,Pe.light2),r(l,fe,Pe.light3),r(l,pe,Be.light2),l)),r(k,Se,(r(g={},ue,Be.dark3),r(g,fe,Be.dark3),r(g,pe,Be.dark3),g)),r(k,we,(r(d={},ue,Te.dark3),r(d,fe,Te.dark3),r(d,pe,Te.dark3),d)),r(k,He,(r(h={},ue,je.dark3),r(h,fe,je.dark3),r(h,pe,je.dark3),h)),r(k,De,(r(o={},ue,Me.dark3),r(o,fe,Me.dark3),r(o,pe,Me.dark3),o)),r(k,ze,(r(n={},ue,Pe.dark2),r(n,fe,Pe.dark2),r(n,pe,Pe.dark2),n)),k),border:(r(p={},ye,(r(s={},ue,Pe.base),r(s,fe,Pe.base),r(s,pe,Be.light1),s)),r(p,me,(r(b={},ue,Pe.dark2),r(b,fe,Pe.dark2),r(b,pe,Be.light1),b)),r(p,He,(r(c={},ue,je.dark1),r(c,fe,je.dark1),r(c,pe,Be.light1),c)),r(p,De,(r(u={},ue,Me.light1),r(u,fe,Me.light1),r(u,pe,Be.light1),u)),r(p,ze,(r(f={},ue,Pe.dark2),r(f,fe,Pe.dark2),r(f,pe,Pe.dark2),f)),p),icon:(r(z={},ye,(r(y={},ue,Pe.light1),r(y,fe,Pe.light3),r(y,pe,Be.light3),y)),r(z,me,(r(m={},ue,Pe.base),r(m,fe,Pe.light3),r(m,pe,Be.light3),m)),r(z,ve,(r(v={},ue,Ne),r(v,fe,Le),r(v,pe,Be.dark2),v)),r(z,Se,(r(x={},ue,Be.light1),r(x,fe,Be.light1),r(x,pe,Be.light1),x)),r(z,we,(r(S={},ue,Te.base),r(S,fe,Te.base),r(S,pe,Te.base),S)),r(z,He,(r(w={},ue,je.base),r(w,fe,je.base),r(w,pe,je.base),w)),r(z,De,(r(D={},ue,Me.light1),r(D,fe,Me.light1),r(D,pe,Me.light1),D)),r(z,ze,(r(H={},ue,Pe.dark1),r(H,fe,Pe.dark1),r(H,pe,Pe.dark1),H)),z),text:(r(T={},ye,(r(L={},ue,Pe.light2),r(L,fe,Pe.light2),r(L,pe,Be.light3),L)),r(T,me,(r(B={},ue,Pe.light1),r(B,fe,Pe.light2),r(B,pe,Be.light3),B)),r(T,ve,(r(P={},ue,Le),r(P,fe,Le),r(P,pe,Be.dark2),P)),r(T,xe,(r(j={},ue,Pe.dark2),r(j,fe,Le),r(j,pe,Be.dark2),j)),r(T,De,(r(M={},ue,Me.light1),r(M,fe,Me.light1),r(M,pe,Me.light1),M)),r(T,ze,(r(N={},ue,Pe.dark1),r(N,fe,Pe.dark1),r(N,pe,Pe.dark1),N)),T)},Ce=e.black,Ee=e.blue,Re=e.gray,Xe=e.green,Oe=e.red,Ve=e.white,qe=e.yellow,Fe={background:(r(F={},ye,(r(A={},ue,Ve),r(A,fe,Re.light2),r(A,pe,Ee.light3),A)),r(F,me,(r(C={},ue,Re.light3),r(C,fe,Re.light2),r(C,pe,Ee.light3),C)),r(F,ve,(r(E={},ue,Ce),r(E,fe,Re.dark3),r(E,pe,Ee.dark2),E)),r(F,Se,(r(R={},ue,Ee.light3),r(R,fe,Ee.light3),r(R,pe,Ee.light3),R)),r(F,we,(r(X={},ue,qe.light3),r(X,fe,qe.light3),r(X,pe,qe.light3),X)),r(F,He,(r(O={},ue,Xe.light3),r(O,fe,Xe.light3),r(O,pe,Xe.light3),O)),r(F,De,(r(V={},ue,Oe.light3),r(V,fe,Oe.light3),r(V,pe,Oe.light3),V)),r(F,ze,(r(q={},ue,Re.light2),r(q,fe,Re.light2),r(q,pe,Re.light2),q)),F),border:(r(U={},ye,(r(G={},ue,Re.base),r(G,fe,Re.base),r(G,pe,Ee.light1),G)),r(U,me,(r(I={},ue,Re.light2),r(I,fe,Re.light2),r(I,pe,Ee.light1),I)),r(U,He,(r(J={},ue,Xe.dark1),r(J,fe,Xe.dark1),r(J,pe,Ee.light1),J)),r(U,De,(r(K={},ue,Oe.base),r(K,fe,Oe.base),r(K,pe,Ee.light1),K)),r(U,ze,(r(Q={},ue,Re.light1),r(Q,fe,Re.light1),r(Q,pe,Re.light1),Q)),U),icon:(r(te={},ye,(r(W={},ue,Re.dark1),r(W,fe,Ce),r(W,pe,Ee.dark1),W)),r(te,me,(r(Y={},ue,Re.base),r(Y,fe,Ce),r(Y,pe,Ee.dark1),Y)),r(te,ve,(r(Z={},ue,Ve),r(Z,fe,Ve),r(Z,pe,Ee.light2),Z)),r(te,Se,(r($={},ue,Ee.base),r($,fe,Ee.base),r($,pe,Ee.base),$)),r(te,we,(r(_={},ue,qe.dark2),r(_,fe,qe.dark2),r(_,pe,qe.dark2),_)),r(te,He,(r(ee={},ue,Xe.dark1),r(ee,fe,Xe.dark1),r(ee,pe,Xe.dark1),ee)),r(te,De,(r(ae={},ue,Oe.base),r(ae,fe,Oe.base),r(ae,pe,Oe.base),ae)),r(te,ze,(r(re={},ue,Re.base),r(re,fe,Re.base),r(re,pe,Re.base),re)),te),text:(r(ne={},ye,(r(ie={},ue,Ce),r(ie,fe,Ce),r(ie,pe,Ee.dark1),ie)),r(ne,me,(r(le={},ue,Re.dark1),r(le,fe,Ce),r(le,pe,Ee.dark1),le)),r(ne,ve,(r(ge={},ue,Ve),r(ge,fe,Ve),r(ge,pe,Ee.light2),ge)),r(ne,xe,(r(de={},ue,Re.light1),r(de,fe,Ve),r(de,pe,Ee.light2),de)),r(ne,De,(r(he={},ue,Oe.base),r(he,fe,Oe.base),r(he,pe,Oe.base),he)),r(ne,ze,(r(oe={},ue,Re.base),r(oe,fe,Re.base),r(oe,pe,Re.base),oe)),ne)},Ge=(r(ke={},ce.Dark,Ae),r(ke,ce.Light,Fe),ke),Ie=(r(se={},ce.Light,{default:"0 0 0 2px ".concat(e.white,", 0 0 0 4px ").concat(e.blue.light1),input:"0 0 0 3px ".concat(e.blue.light1)}),r(se,ce.Dark,{default:"0 0 0 2px ".concat(e.black,", 0 0 0 4px ").concat(e.blue.light1),input:"0 0 0 3px ".concat(e.blue.light1)}),se),Je={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},Ke={regular:400,medium:500,bold:700},Qe=(r(be={},ce.Light,{gray:"0 0 0 3px ".concat(e.gray.light2),green:"0 0 0 3px ".concat(e.green.light2),red:"0 0 0 3px ".concat(e.red.light2)}),r(be,ce.Dark,{gray:"0 0 0 3px ".concat(e.gray.dark2),green:"0 0 0 3px ".concat(e.green.dark3),red:"0 0 0 3px ".concat(e.yellow.dark3)}),be),Ue={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},We={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1:4,2:8,3:16,4:24,5:32,6:64,7:88},Ye={faster:100,default:150,slower:300,slowest:500},Ze={Body1:13,Body2:16},$e={body1:{fontSize:Ze.Body1,lineHeight:20},body2:{fontSize:Ze.Body2,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:22}};export{Ze as BaseFontSize,ce as Mode,Ue as Size,a as borderRadius,a as breakpoints,Ge as color,Ie as focusRing,Je as fontFamilies,Ke as fontWeights,Qe as hoverRing,We as spacing,Ye as transitionDuration,$e as typeScales};
+import{palette as e}from"@leafygreen-ui/palette";var a={Mobile:320,Tablet:768,Desktop:1024,XLDesktop:1440};function r(e){var a=function(e,a){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,a);if("object"!=typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof a?a:a+""}function t(e,a,t){return(a=r(a))in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}var i={Dark:"dark",Light:"light"},l="primary",g="secondary",d="inversePrimary",h="inverseSecondary",o="info",k="warning",n="error",s="success",b="disabled",c="default",u="hover",f="focus",p=e.black,y=e.blue,m=e.gray,v=e.green,x=e.red,w=e.white,S=e.yellow,D={background:t(t(t(t(t(t(t(t({},l,t(t(t({},c,p),u,m.dark2),f,y.dark3)),g,t(t(t({},c,m.dark4),u,m.dark2),f,y.dark3)),d,t(t(t({},c,m.light2),u,m.light3),f,y.light2)),o,t(t(t({},c,y.dark3),u,y.dark3),f,y.dark3)),k,t(t(t({},c,S.dark3),u,S.dark3),f,S.dark3)),s,t(t(t({},c,v.dark3),u,v.dark3),f,v.dark3)),n,t(t(t({},c,x.dark3),u,x.dark3),f,x.dark3)),b,t(t(t({},c,m.dark2),u,m.dark2),f,m.dark2)),border:t(t(t(t(t({},l,t(t(t({},c,m.base),u,m.base),f,y.light1)),g,t(t(t({},c,m.dark2),u,m.dark2),f,y.light1)),s,t(t(t({},c,v.dark1),u,v.dark1),f,y.light1)),n,t(t(t({},c,x.light1),u,x.light1),f,y.light1)),b,t(t(t({},c,m.dark2),u,m.dark2),f,m.dark2)),icon:t(t(t(t(t(t(t(t({},l,t(t(t({},c,m.light1),u,m.light3),f,y.light3)),g,t(t(t({},c,m.base),u,m.light3),f,y.light3)),d,t(t(t({},c,w),u,p),f,y.dark2)),o,t(t(t({},c,y.light1),u,y.light1),f,y.light1)),k,t(t(t({},c,S.base),u,S.base),f,S.base)),s,t(t(t({},c,v.base),u,v.base),f,v.base)),n,t(t(t({},c,x.light1),u,x.light1),f,x.light1)),b,t(t(t({},c,m.dark1),u,m.dark1),f,m.dark1)),text:t(t(t(t(t(t({},l,t(t(t({},c,m.light2),u,m.light2),f,y.light3)),g,t(t(t({},c,m.light1),u,m.light2),f,y.light3)),d,t(t(t({},c,p),u,p),f,y.dark2)),h,t(t(t({},c,m.dark2),u,p),f,y.dark2)),n,t(t(t({},c,x.light1),u,x.light1),f,x.light1)),b,t(t(t({},c,m.dark1),u,m.dark1),f,m.dark1))},H=e.black,z=e.blue,L=e.gray,B=e.green,P=e.red,j=e.white,M=e.yellow,T={background:t(t(t(t(t(t(t(t({},l,t(t(t({},c,j),u,L.light2),f,z.light3)),g,t(t(t({},c,L.light3),u,L.light2),f,z.light3)),d,t(t(t({},c,H),u,L.dark3),f,z.dark2)),o,t(t(t({},c,z.light3),u,z.light3),f,z.light3)),k,t(t(t({},c,M.light3),u,M.light3),f,M.light3)),s,t(t(t({},c,B.light3),u,B.light3),f,B.light3)),n,t(t(t({},c,P.light3),u,P.light3),f,P.light3)),b,t(t(t({},c,L.light2),u,L.light2),f,L.light2)),border:t(t(t(t(t({},l,t(t(t({},c,L.base),u,L.base),f,z.light1)),g,t(t(t({},c,L.light2),u,L.light2),f,z.light1)),s,t(t(t({},c,B.dark1),u,B.dark1),f,z.light1)),n,t(t(t({},c,P.base),u,P.base),f,z.light1)),b,t(t(t({},c,L.light1),u,L.light1),f,L.light1)),icon:t(t(t(t(t(t(t(t({},l,t(t(t({},c,L.dark1),u,H),f,z.dark1)),g,t(t(t({},c,L.base),u,H),f,z.dark1)),d,t(t(t({},c,j),u,j),f,z.light2)),o,t(t(t({},c,z.base),u,z.base),f,z.base)),k,t(t(t({},c,M.dark2),u,M.dark2),f,M.dark2)),s,t(t(t({},c,B.dark1),u,B.dark1),f,B.dark1)),n,t(t(t({},c,P.base),u,P.base),f,P.base)),b,t(t(t({},c,L.base),u,L.base),f,L.base)),text:t(t(t(t(t(t({},l,t(t(t({},c,H),u,H),f,z.dark1)),g,t(t(t({},c,L.dark1),u,H),f,z.dark1)),d,t(t(t({},c,j),u,j),f,z.light2)),h,t(t(t({},c,L.light1),u,j),f,z.light2)),n,t(t(t({},c,P.base),u,P.base),f,P.base)),b,t(t(t({},c,L.base),u,L.base),f,L.base))},A=t(t({},i.Dark,D),i.Light,T),C=t(t({},i.Light,{default:"0 0 0 2px ".concat(e.white,", 0 0 0 4px ").concat(e.blue.light1),input:"0 0 0 3px ".concat(e.blue.light1)}),i.Dark,{default:"0 0 0 2px ".concat(e.black,", 0 0 0 4px ").concat(e.blue.light1),input:"0 0 0 3px ".concat(e.blue.light1)}),E={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},N={regular:400,medium:500,bold:700},R=t(t({},i.Light,{gray:"0 0 0 3px ".concat(e.gray.light2),green:"0 0 0 3px ".concat(e.green.light2),red:"0 0 0 3px ".concat(e.red.light2)}),i.Dark,{gray:"0 0 0 3px ".concat(e.gray.dark2),green:"0 0 0 3px ".concat(e.green.dark3),red:"0 0 0 3px ".concat(e.yellow.dark3)}),X={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},O={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1:4,2:8,3:16,4:24,5:32,6:64,7:88},V={faster:100,default:150,slower:300,slowest:500},q={Body1:13,Body2:16},F={body1:{fontSize:q.Body1,lineHeight:20},body2:{fontSize:q.Body2,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:22}};export{q as BaseFontSize,i as Mode,X as Size,a as borderRadius,a as breakpoints,A as color,C as focusRing,E as fontFamilies,N as fontWeights,R as hoverRing,O as spacing,V as transitionDuration,F as typeScales};
 //# sourceMappingURL=index.js.map

dist/focusRing.d.ts

@@ -9,3 +9,3 @@ /**
          */
-        readonly default: `0 0 0 2px ${string}, 0 0 0 4px #0498EC`;
+        readonly default: "0 0 0 2px #FFFFFF, 0 0 0 4px #0498EC";
         /**
@@ -20,3 +20,3 @@ * Use the `input` focus ring for elements that have a cursor
          */
-        readonly default: `0 0 0 2px ${string}, 0 0 0 4px #0498EC`;
+        readonly default: "0 0 0 2px #001E2B, 0 0 0 4px #0498EC";
         /**
@@ -23,0 +23,0 @@ * Use the `input` focus ring for elements that have a cursor

dist/index.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@leafygreen-ui/palette")):"function"==typeof define&&define.amd?define(["exports","@leafygreen-ui/palette"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/tokens"]={},e["@leafygreen-ui/palette"])}(this,(function(e,t){"use strict";var a={Mobile:320,Tablet:768,Desktop:1024,XLDesktop:1440};function l(e,t,a){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var l=a.call(e,t||"default");if("object"!=typeof l)return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var i,r,g,d,o,n,h,s,k,c,p,b,u,f,y,m,x,v,S,w,D,z,H,B,L,P,T,j,M,R,N,A,C,E,F,X,q,O,V,W,G,I,J,K,Q,U,Y,Z,$,_,ee,te,ae,le,ie,re,ge,de,oe,ne,he,se,ke,ce,pe,be={Dark:"dark",Light:"light"},ue="default",fe="hover",ye="focus",me="primary",xe="secondary",ve="inversePrimary",Se="inverseSecondary",we="info",De="warning",ze="error",He="success",Be="disabled",Le=t.palette.black,Pe=t.palette.blue,Te=t.palette.gray,je=t.palette.green,Me=t.palette.red,Re=t.palette.white,Ne=t.palette.yellow,Ae={background:(l(k={},me,(l(i={},ue,Le),l(i,fe,Te.dark2),l(i,ye,Pe.dark3),i)),l(k,xe,(l(r={},ue,Te.dark4),l(r,fe,Te.dark2),l(r,ye,Pe.dark3),r)),l(k,ve,(l(g={},ue,Te.light2),l(g,fe,Te.light3),l(g,ye,Pe.light2),g)),l(k,we,(l(d={},ue,Pe.dark3),l(d,fe,Pe.dark3),l(d,ye,Pe.dark3),d)),l(k,De,(l(o={},ue,Ne.dark3),l(o,fe,Ne.dark3),l(o,ye,Ne.dark3),o)),l(k,He,(l(n={},ue,je.dark3),l(n,fe,je.dark3),l(n,ye,je.dark3),n)),l(k,ze,(l(h={},ue,Me.dark3),l(h,fe,Me.dark3),l(h,ye,Me.dark3),h)),l(k,Be,(l(s={},ue,Te.dark2),l(s,fe,Te.dark2),l(s,ye,Te.dark2),s)),k),border:(l(y={},me,(l(c={},ue,Te.base),l(c,fe,Te.base),l(c,ye,Pe.light1),c)),l(y,xe,(l(p={},ue,Te.dark2),l(p,fe,Te.dark2),l(p,ye,Pe.light1),p)),l(y,He,(l(b={},ue,je.dark1),l(b,fe,je.dark1),l(b,ye,Pe.light1),b)),l(y,ze,(l(u={},ue,Me.light1),l(u,fe,Me.light1),l(u,ye,Pe.light1),u)),l(y,Be,(l(f={},ue,Te.dark2),l(f,fe,Te.dark2),l(f,ye,Te.dark2),f)),y),icon:(l(B={},me,(l(m={},ue,Te.light1),l(m,fe,Te.light3),l(m,ye,Pe.light3),m)),l(B,xe,(l(x={},ue,Te.base),l(x,fe,Te.light3),l(x,ye,Pe.light3),x)),l(B,ve,(l(v={},ue,Re),l(v,fe,Le),l(v,ye,Pe.dark2),v)),l(B,we,(l(S={},ue,Pe.light1),l(S,fe,Pe.light1),l(S,ye,Pe.light1),S)),l(B,De,(l(w={},ue,Ne.base),l(w,fe,Ne.base),l(w,ye,Ne.base),w)),l(B,He,(l(D={},ue,je.base),l(D,fe,je.base),l(D,ye,je.base),D)),l(B,ze,(l(z={},ue,Me.light1),l(z,fe,Me.light1),l(z,ye,Me.light1),z)),l(B,Be,(l(H={},ue,Te.dark1),l(H,fe,Te.dark1),l(H,ye,Te.dark1),H)),B),text:(l(N={},me,(l(L={},ue,Te.light2),l(L,fe,Te.light2),l(L,ye,Pe.light3),L)),l(N,xe,(l(P={},ue,Te.light1),l(P,fe,Te.light2),l(P,ye,Pe.light3),P)),l(N,ve,(l(T={},ue,Le),l(T,fe,Le),l(T,ye,Pe.dark2),T)),l(N,Se,(l(j={},ue,Te.dark2),l(j,fe,Le),l(j,ye,Pe.dark2),j)),l(N,ze,(l(M={},ue,Me.light1),l(M,fe,Me.light1),l(M,ye,Me.light1),M)),l(N,Be,(l(R={},ue,Te.dark1),l(R,fe,Te.dark1),l(R,ye,Te.dark1),R)),N)},Ce=t.palette.black,Ee=t.palette.blue,Fe=t.palette.gray,Xe=t.palette.green,qe=t.palette.red,Oe=t.palette.white,Ve=t.palette.yellow,We={background:(l(W={},me,(l(A={},ue,Oe),l(A,fe,Fe.light2),l(A,ye,Ee.light3),A)),l(W,xe,(l(C={},ue,Fe.light3),l(C,fe,Fe.light2),l(C,ye,Ee.light3),C)),l(W,ve,(l(E={},ue,Ce),l(E,fe,Fe.dark3),l(E,ye,Ee.dark2),E)),l(W,we,(l(F={},ue,Ee.light3),l(F,fe,Ee.light3),l(F,ye,Ee.light3),F)),l(W,De,(l(X={},ue,Ve.light3),l(X,fe,Ve.light3),l(X,ye,Ve.light3),X)),l(W,He,(l(q={},ue,Xe.light3),l(q,fe,Xe.light3),l(q,ye,Xe.light3),q)),l(W,ze,(l(O={},ue,qe.light3),l(O,fe,qe.light3),l(O,ye,qe.light3),O)),l(W,Be,(l(V={},ue,Fe.light2),l(V,fe,Fe.light2),l(V,ye,Fe.light2),V)),W),border:(l(U={},me,(l(G={},ue,Fe.base),l(G,fe,Fe.base),l(G,ye,Ee.light1),G)),l(U,xe,(l(I={},ue,Fe.light2),l(I,fe,Fe.light2),l(I,ye,Ee.light1),I)),l(U,He,(l(J={},ue,Xe.dark1),l(J,fe,Xe.dark1),l(J,ye,Ee.light1),J)),l(U,ze,(l(K={},ue,qe.base),l(K,fe,qe.base),l(K,ye,Ee.light1),K)),l(U,Be,(l(Q={},ue,Fe.light1),l(Q,fe,Fe.light1),l(Q,ye,Fe.light1),Q)),U),icon:(l(ie={},me,(l(Y={},ue,Fe.dark1),l(Y,fe,Ce),l(Y,ye,Ee.dark1),Y)),l(ie,xe,(l(Z={},ue,Fe.base),l(Z,fe,Ce),l(Z,ye,Ee.dark1),Z)),l(ie,ve,(l($={},ue,Oe),l($,fe,Oe),l($,ye,Ee.light2),$)),l(ie,we,(l(_={},ue,Ee.base),l(_,fe,Ee.base),l(_,ye,Ee.base),_)),l(ie,De,(l(ee={},ue,Ve.dark2),l(ee,fe,Ve.dark2),l(ee,ye,Ve.dark2),ee)),l(ie,He,(l(te={},ue,Xe.dark1),l(te,fe,Xe.dark1),l(te,ye,Xe.dark1),te)),l(ie,ze,(l(ae={},ue,qe.base),l(ae,fe,qe.base),l(ae,ye,qe.base),ae)),l(ie,Be,(l(le={},ue,Fe.base),l(le,fe,Fe.base),l(le,ye,Fe.base),le)),ie),text:(l(se={},me,(l(re={},ue,Ce),l(re,fe,Ce),l(re,ye,Ee.dark1),re)),l(se,xe,(l(ge={},ue,Fe.dark1),l(ge,fe,Ce),l(ge,ye,Ee.dark1),ge)),l(se,ve,(l(de={},ue,Oe),l(de,fe,Oe),l(de,ye,Ee.light2),de)),l(se,Se,(l(oe={},ue,Fe.light1),l(oe,fe,Oe),l(oe,ye,Ee.light2),oe)),l(se,ze,(l(ne={},ue,qe.base),l(ne,fe,qe.base),l(ne,ye,qe.base),ne)),l(se,Be,(l(he={},ue,Fe.base),l(he,fe,Fe.base),l(he,ye,Fe.base),he)),se)},Ge=(l(ke={},be.Dark,Ae),l(ke,be.Light,We),ke),Ie=(l(ce={},be.Light,{default:"0 0 0 2px ".concat(t.palette.white,", 0 0 0 4px ").concat(t.palette.blue.light1),input:"0 0 0 3px ".concat(t.palette.blue.light1)}),l(ce,be.Dark,{default:"0 0 0 2px ".concat(t.palette.black,", 0 0 0 4px ").concat(t.palette.blue.light1),input:"0 0 0 3px ".concat(t.palette.blue.light1)}),ce),Je=(l(pe={},be.Light,{gray:"0 0 0 3px ".concat(t.palette.gray.light2),green:"0 0 0 3px ".concat(t.palette.green.light2),red:"0 0 0 3px ".concat(t.palette.red.light2)}),l(pe,be.Dark,{gray:"0 0 0 3px ".concat(t.palette.gray.dark2),green:"0 0 0 3px ".concat(t.palette.green.dark3),red:"0 0 0 3px ".concat(t.palette.yellow.dark3)}),pe),Ke={Body1:13,Body2:16},Qe={body1:{fontSize:Ke.Body1,lineHeight:20},body2:{fontSize:Ke.Body2,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:22}};e.BaseFontSize=Ke,e.Mode=be,e.Size={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},e.borderRadius=a,e.breakpoints=a,e.color=Ge,e.focusRing=Ie,e.fontFamilies={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},e.fontWeights={regular:400,medium:500,bold:700},e.hoverRing=Je,e.spacing={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1:4,2:8,3:16,4:24,5:32,6:64,7:88},e.transitionDuration={faster:100,default:150,slower:300,slowest:500},e.typeScales=Qe}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@leafygreen-ui/palette")):"function"==typeof define&&define.amd?define(["exports","@leafygreen-ui/palette"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/tokens"]={},e["@leafygreen-ui/palette"])}(this,(function(e,t){"use strict";var a={Mobile:320,Tablet:768,Desktop:1024,XLDesktop:1440};function l(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var l=a.call(e,t);if("object"!=typeof l)return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof t?t:t+""}function i(e,t,a){return(t=l(t))in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}var r={Dark:"dark",Light:"light"},g="primary",d="secondary",o="inversePrimary",n="inverseSecondary",h="info",s="warning",k="error",c="success",p="disabled",b="default",u="hover",f="focus",y=t.palette.black,m=t.palette.blue,x=t.palette.gray,v=t.palette.green,S=t.palette.red,w=t.palette.white,D=t.palette.yellow,z={background:i(i(i(i(i(i(i(i({},g,i(i(i({},b,y),u,x.dark2),f,m.dark3)),d,i(i(i({},b,x.dark4),u,x.dark2),f,m.dark3)),o,i(i(i({},b,x.light2),u,x.light3),f,m.light2)),h,i(i(i({},b,m.dark3),u,m.dark3),f,m.dark3)),s,i(i(i({},b,D.dark3),u,D.dark3),f,D.dark3)),c,i(i(i({},b,v.dark3),u,v.dark3),f,v.dark3)),k,i(i(i({},b,S.dark3),u,S.dark3),f,S.dark3)),p,i(i(i({},b,x.dark2),u,x.dark2),f,x.dark2)),border:i(i(i(i(i({},g,i(i(i({},b,x.base),u,x.base),f,m.light1)),d,i(i(i({},b,x.dark2),u,x.dark2),f,m.light1)),c,i(i(i({},b,v.dark1),u,v.dark1),f,m.light1)),k,i(i(i({},b,S.light1),u,S.light1),f,m.light1)),p,i(i(i({},b,x.dark2),u,x.dark2),f,x.dark2)),icon:i(i(i(i(i(i(i(i({},g,i(i(i({},b,x.light1),u,x.light3),f,m.light3)),d,i(i(i({},b,x.base),u,x.light3),f,m.light3)),o,i(i(i({},b,w),u,y),f,m.dark2)),h,i(i(i({},b,m.light1),u,m.light1),f,m.light1)),s,i(i(i({},b,D.base),u,D.base),f,D.base)),c,i(i(i({},b,v.base),u,v.base),f,v.base)),k,i(i(i({},b,S.light1),u,S.light1),f,S.light1)),p,i(i(i({},b,x.dark1),u,x.dark1),f,x.dark1)),text:i(i(i(i(i(i({},g,i(i(i({},b,x.light2),u,x.light2),f,m.light3)),d,i(i(i({},b,x.light1),u,x.light2),f,m.light3)),o,i(i(i({},b,y),u,y),f,m.dark2)),n,i(i(i({},b,x.dark2),u,y),f,m.dark2)),k,i(i(i({},b,S.light1),u,S.light1),f,S.light1)),p,i(i(i({},b,x.dark1),u,x.dark1),f,x.dark1))},H=t.palette.black,B=t.palette.blue,L=t.palette.gray,P=t.palette.green,T=t.palette.red,j=t.palette.white,M=t.palette.yellow,R={background:i(i(i(i(i(i(i(i({},g,i(i(i({},b,j),u,L.light2),f,B.light3)),d,i(i(i({},b,L.light3),u,L.light2),f,B.light3)),o,i(i(i({},b,H),u,L.dark3),f,B.dark2)),h,i(i(i({},b,B.light3),u,B.light3),f,B.light3)),s,i(i(i({},b,M.light3),u,M.light3),f,M.light3)),c,i(i(i({},b,P.light3),u,P.light3),f,P.light3)),k,i(i(i({},b,T.light3),u,T.light3),f,T.light3)),p,i(i(i({},b,L.light2),u,L.light2),f,L.light2)),border:i(i(i(i(i({},g,i(i(i({},b,L.base),u,L.base),f,B.light1)),d,i(i(i({},b,L.light2),u,L.light2),f,B.light1)),c,i(i(i({},b,P.dark1),u,P.dark1),f,B.light1)),k,i(i(i({},b,T.base),u,T.base),f,B.light1)),p,i(i(i({},b,L.light1),u,L.light1),f,L.light1)),icon:i(i(i(i(i(i(i(i({},g,i(i(i({},b,L.dark1),u,H),f,B.dark1)),d,i(i(i({},b,L.base),u,H),f,B.dark1)),o,i(i(i({},b,j),u,j),f,B.light2)),h,i(i(i({},b,B.base),u,B.base),f,B.base)),s,i(i(i({},b,M.dark2),u,M.dark2),f,M.dark2)),c,i(i(i({},b,P.dark1),u,P.dark1),f,P.dark1)),k,i(i(i({},b,T.base),u,T.base),f,T.base)),p,i(i(i({},b,L.base),u,L.base),f,L.base)),text:i(i(i(i(i(i({},g,i(i(i({},b,H),u,H),f,B.dark1)),d,i(i(i({},b,L.dark1),u,H),f,B.dark1)),o,i(i(i({},b,j),u,j),f,B.light2)),n,i(i(i({},b,L.light1),u,j),f,B.light2)),k,i(i(i({},b,T.base),u,T.base),f,T.base)),p,i(i(i({},b,L.base),u,L.base),f,L.base))},A=i(i({},r.Dark,z),r.Light,R),C=i(i({},r.Light,{default:"0 0 0 2px ".concat(t.palette.white,", 0 0 0 4px ").concat(t.palette.blue.light1),input:"0 0 0 3px ".concat(t.palette.blue.light1)}),r.Dark,{default:"0 0 0 2px ".concat(t.palette.black,", 0 0 0 4px ").concat(t.palette.blue.light1),input:"0 0 0 3px ".concat(t.palette.blue.light1)}),E=i(i({},r.Light,{gray:"0 0 0 3px ".concat(t.palette.gray.light2),green:"0 0 0 3px ".concat(t.palette.green.light2),red:"0 0 0 3px ".concat(t.palette.red.light2)}),r.Dark,{gray:"0 0 0 3px ".concat(t.palette.gray.dark2),green:"0 0 0 3px ".concat(t.palette.green.dark3),red:"0 0 0 3px ".concat(t.palette.yellow.dark3)}),F={Body1:13,Body2:16},N={body1:{fontSize:F.Body1,lineHeight:20},body2:{fontSize:F.Body2,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:22}};e.BaseFontSize=F,e.Mode=r,e.Size={XSmall:"xsmall",Small:"small",Default:"default",Large:"large"},e.borderRadius=a,e.breakpoints=a,e.color=A,e.focusRing=C,e.fontFamilies={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},e.fontWeights={regular:400,medium:500,bold:700},e.hoverRing=E,e.spacing={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1:4,2:8,3:16,4:24,5:32,6:64,7:88},e.transitionDuration={faster:100,default:150,slower:300,slowest:500},e.typeScales=N}));
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@leafygreen-ui/tokens",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "description": "leafyGreen UI Kit Tokens",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

src/color/color.ts

 import { Mode } from '../mode';
 
+import { ModeColorRecord } from './color.types';
 import { darkModeColors } from './darkModeColors';
@@ -9,2 +10,2 @@ import { lightModeColors } from './lightModeColors';
   [Mode.Light]: lightModeColors,
-} as const;
+} as const satisfies Record<Mode, ModeColorRecord>;

src/color/color.types.ts

@@ -1,9 +0,1 @@
-const State = {
-  Default: 'default',
-  Hover: 'hover',
-  Focus: 'focus',
-} as const;
-
-type State = (typeof State)[keyof typeof State];
-
 const Type = {
@@ -15,3 +7,2 @@ Background: 'background',
 } as const;
-
 type Type = (typeof Type)[keyof typeof Type];
@@ -30,5 +21,16 @@
 } as const;
-
 type Variant = (typeof Variant)[keyof typeof Variant];
 
+const State = {
+  Default: 'default',
+  Hover: 'hover',
+  Focus: 'focus',
+} as const;
+type State = (typeof State)[keyof typeof State];
+
+export type VariantColorRecord = Partial<
+  Record<Variant, Record<State, string>>
+>;
+export type ModeColorRecord = Record<Type, VariantColorRecord>;
+
 export { State, Type, Variant };

src/color/darkModeColors.ts

 import { palette } from '@leafygreen-ui/palette';
 
-import { State, Variant } from './color.types';
+import {
+  ModeColorRecord,
+  State,
+  Variant,
+  VariantColorRecord,
+} from './color.types';
 
@@ -48,3 +53,3 @@ const { black, blue, gray, green, red, white, yellow } = palette;
   },
-};
+} as const satisfies VariantColorRecord;
 
@@ -77,3 +82,3 @@ const darkModeBorderColors = {
   },
-};
+} as const satisfies VariantColorRecord;
 
@@ -121,5 +126,5 @@ const darkModeIconColors = {
   },
-};
+} as const satisfies VariantColorRecord;
 
-export const darkModeTextColors = {
+const darkModeTextColors = {
   [Variant.Primary]: {
@@ -155,3 +160,3 @@ [State.Default]: gray.light2,
   },
-};
+} as const satisfies VariantColorRecord;
 
@@ -163,2 +168,2 @@ export const darkModeColors = {
   text: darkModeTextColors,
-};
+} as const satisfies ModeColorRecord;

src/color/lightModeColors.ts

 import { palette } from '@leafygreen-ui/palette';
 
-import { State, Variant } from './color.types';
+import {
+  ModeColorRecord,
+  State,
+  Variant,
+  VariantColorRecord,
+} from './color.types';
 
@@ -48,3 +53,3 @@ const { black, blue, gray, green, red, white, yellow } = palette;
   },
-};
+} as const satisfies VariantColorRecord;
 
@@ -77,3 +82,3 @@ const lightModBorderColors = {
   },
-};
+} as const satisfies VariantColorRecord;
 
@@ -121,5 +126,5 @@ const lightModeIconColors = {
   },
-};
+} as const satisfies VariantColorRecord;
 
-export const lightModeTextColors = {
+const lightModeTextColors = {
   [Variant.Primary]: {
@@ -155,3 +160,3 @@ [State.Default]: black,
   },
-};
+} as const satisfies VariantColorRecord;
 
@@ -163,2 +168,2 @@ export const lightModeColors = {
   text: lightModeTextColors,
-};
+} as const satisfies ModeColorRecord;

stories.js

@@ -1,1 +0,1 @@
-import e from"react";import t from"lodash/startCase";import{css as r}from"@leafygreen-ui/emotion";import{palette as a}from"@leafygreen-ui/palette";function n(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var l,o,c,d,g,u,s,h,k,b,f,m,p,y,x,v,E,w,S,N,j,z,O,H,P,D,C,L,T,A,F,I,M,B,R,V,q,G,J,K,Q,U,W,X,Y,Z,$,_,ee,te,re,ae,ne,ie,le,oe,ce,de,ge,ue,se,he,ke,be,fe={Dark:"dark",Light:"light"},me="default",pe="hover",ye="focus",xe="primary",ve="secondary",Ee="inversePrimary",we="inverseSecondary",Se="info",Ne="warning",je="error",ze="success",Oe="disabled",He=a.black,Pe=a.blue,De=a.gray,Ce=a.green,Le=a.red,Te=a.white,Ae=a.yellow,Fe={background:(n(k={},xe,(n(l={},me,He),n(l,pe,De.dark2),n(l,ye,Pe.dark3),l)),n(k,ve,(n(o={},me,De.dark4),n(o,pe,De.dark2),n(o,ye,Pe.dark3),o)),n(k,Ee,(n(c={},me,De.light2),n(c,pe,De.light3),n(c,ye,Pe.light2),c)),n(k,Se,(n(d={},me,Pe.dark3),n(d,pe,Pe.dark3),n(d,ye,Pe.dark3),d)),n(k,Ne,(n(g={},me,Ae.dark3),n(g,pe,Ae.dark3),n(g,ye,Ae.dark3),g)),n(k,ze,(n(u={},me,Ce.dark3),n(u,pe,Ce.dark3),n(u,ye,Ce.dark3),u)),n(k,je,(n(s={},me,Le.dark3),n(s,pe,Le.dark3),n(s,ye,Le.dark3),s)),n(k,Oe,(n(h={},me,De.dark2),n(h,pe,De.dark2),n(h,ye,De.dark2),h)),k),border:(n(x={},xe,(n(b={},me,De.base),n(b,pe,De.base),n(b,ye,Pe.light1),b)),n(x,ve,(n(f={},me,De.dark2),n(f,pe,De.dark2),n(f,ye,Pe.light1),f)),n(x,ze,(n(m={},me,Ce.dark1),n(m,pe,Ce.dark1),n(m,ye,Pe.light1),m)),n(x,je,(n(p={},me,Le.light1),n(p,pe,Le.light1),n(p,ye,Pe.light1),p)),n(x,Oe,(n(y={},me,De.dark2),n(y,pe,De.dark2),n(y,ye,De.dark2),y)),x),icon:(n(H={},xe,(n(v={},me,De.light1),n(v,pe,De.light3),n(v,ye,Pe.light3),v)),n(H,ve,(n(E={},me,De.base),n(E,pe,De.light3),n(E,ye,Pe.light3),E)),n(H,Ee,(n(w={},me,Te),n(w,pe,He),n(w,ye,Pe.dark2),w)),n(H,Se,(n(S={},me,Pe.light1),n(S,pe,Pe.light1),n(S,ye,Pe.light1),S)),n(H,Ne,(n(N={},me,Ae.base),n(N,pe,Ae.base),n(N,ye,Ae.base),N)),n(H,ze,(n(j={},me,Ce.base),n(j,pe,Ce.base),n(j,ye,Ce.base),j)),n(H,je,(n(z={},me,Le.light1),n(z,pe,Le.light1),n(z,ye,Le.light1),z)),n(H,Oe,(n(O={},me,De.dark1),n(O,pe,De.dark1),n(O,ye,De.dark1),O)),H),text:(n(F={},xe,(n(P={},me,De.light2),n(P,pe,De.light2),n(P,ye,Pe.light3),P)),n(F,ve,(n(D={},me,De.light1),n(D,pe,De.light2),n(D,ye,Pe.light3),D)),n(F,Ee,(n(C={},me,He),n(C,pe,He),n(C,ye,Pe.dark2),C)),n(F,we,(n(L={},me,De.dark2),n(L,pe,He),n(L,ye,Pe.dark2),L)),n(F,je,(n(T={},me,Le.light1),n(T,pe,Le.light1),n(T,ye,Le.light1),T)),n(F,Oe,(n(A={},me,De.dark1),n(A,pe,De.dark1),n(A,ye,De.dark1),A)),F)},Ie=a.black,Me=a.blue,Be=a.gray,Re=a.green,Ve=a.red,qe=a.white,Ge=a.yellow,Je={background:(n(K={},xe,(n(I={},me,qe),n(I,pe,Be.light2),n(I,ye,Me.light3),I)),n(K,ve,(n(M={},me,Be.light3),n(M,pe,Be.light2),n(M,ye,Me.light3),M)),n(K,Ee,(n(B={},me,Ie),n(B,pe,Be.dark3),n(B,ye,Me.dark2),B)),n(K,Se,(n(R={},me,Me.light3),n(R,pe,Me.light3),n(R,ye,Me.light3),R)),n(K,Ne,(n(V={},me,Ge.light3),n(V,pe,Ge.light3),n(V,ye,Ge.light3),V)),n(K,ze,(n(q={},me,Re.light3),n(q,pe,Re.light3),n(q,ye,Re.light3),q)),n(K,je,(n(G={},me,Ve.light3),n(G,pe,Ve.light3),n(G,ye,Ve.light3),G)),n(K,Oe,(n(J={},me,Be.light2),n(J,pe,Be.light2),n(J,ye,Be.light2),J)),K),border:(n(Z={},xe,(n(Q={},me,Be.base),n(Q,pe,Be.base),n(Q,ye,Me.light1),Q)),n(Z,ve,(n(U={},me,Be.light2),n(U,pe,Be.light2),n(U,ye,Me.light1),U)),n(Z,ze,(n(W={},me,Re.dark1),n(W,pe,Re.dark1),n(W,ye,Me.light1),W)),n(Z,je,(n(X={},me,Ve.base),n(X,pe,Ve.base),n(X,ye,Me.light1),X)),n(Z,Oe,(n(Y={},me,Be.light1),n(Y,pe,Be.light1),n(Y,ye,Be.light1),Y)),Z),icon:(n(le={},xe,(n($={},me,Be.dark1),n($,pe,Ie),n($,ye,Me.dark1),$)),n(le,ve,(n(_={},me,Be.base),n(_,pe,Ie),n(_,ye,Me.dark1),_)),n(le,Ee,(n(ee={},me,qe),n(ee,pe,qe),n(ee,ye,Me.light2),ee)),n(le,Se,(n(te={},me,Me.base),n(te,pe,Me.base),n(te,ye,Me.base),te)),n(le,Ne,(n(re={},me,Ge.dark2),n(re,pe,Ge.dark2),n(re,ye,Ge.dark2),re)),n(le,ze,(n(ae={},me,Re.dark1),n(ae,pe,Re.dark1),n(ae,ye,Re.dark1),ae)),n(le,je,(n(ne={},me,Ve.base),n(ne,pe,Ve.base),n(ne,ye,Ve.base),ne)),n(le,Oe,(n(ie={},me,Be.base),n(ie,pe,Be.base),n(ie,ye,Be.base),ie)),le),text:(n(he={},xe,(n(oe={},me,Ie),n(oe,pe,Ie),n(oe,ye,Me.dark1),oe)),n(he,ve,(n(ce={},me,Be.dark1),n(ce,pe,Ie),n(ce,ye,Me.dark1),ce)),n(he,Ee,(n(de={},me,qe),n(de,pe,qe),n(de,ye,Me.light2),de)),n(he,we,(n(ge={},me,Be.light1),n(ge,pe,qe),n(ge,ye,Me.light2),ge)),n(he,je,(n(ue={},me,Ve.base),n(ue,pe,Ve.base),n(ue,ye,Ve.base),ue)),n(he,Oe,(n(se={},me,Be.base),n(se,pe,Be.base),n(se,ye,Be.base),se)),he)};n(ke={},fe.Dark,Fe),n(ke,fe.Light,Je);var Ke,Qe,Ue,We,Xe,Ye,Ze,$e,_e,et,tt=(n(be={},fe.Light,{default:"0 0 0 2px ".concat(a.white,", 0 0 0 4px ").concat(a.blue.light1),input:"0 0 0 3px ".concat(a.blue.light1)}),n(be,fe.Dark,{default:"0 0 0 2px ".concat(a.black,", 0 0 0 4px ").concat(a.blue.light1),input:"0 0 0 3px ".concat(a.blue.light1)}),be),rt={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},at=(n(Ke={},fe.Light,{gray:"0 0 0 3px ".concat(a.gray.light2),green:"0 0 0 3px ".concat(a.green.light2),red:"0 0 0 3px ".concat(a.red.light2)}),n(Ke,fe.Dark,{gray:"0 0 0 3px ".concat(a.gray.dark2),green:"0 0 0 3px ".concat(a.green.dark3),red:"0 0 0 3px ".concat(a.yellow.dark3)}),Ke),nt={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1:4,2:8,3:16,4:24,5:32,6:64,7:88},it=100,lt={body1:{fontSize:13,lineHeight:20},body2:{fontSize:16,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:22}},ot={title:"Components/Tokens",component:null,parameters:{default:"Spacing"}},ct=r(Qe||(Qe=i(["\n  margin-left: ","px;\n"])),nt[3]),dt=Object.keys(nt).filter((function(e){return 0===Number(e)||Number(e)>25})).reduce((function(e,t,n){var l=t;return e[l]=r(Ue||(Ue=i(["\n      background-color: ",";\n      width: ","px;\n      height: ","px;\n    "])),a.purple.light2,nt[l],nt[l]),e}),{});function gt(t){var r=t.space;return e.createElement("div",{className:ct},e.createElement("code",null,"spacing[",r,"]: ",nt[r]),e.createElement("div",{className:dt[r]}))}var ut=function(){return e.createElement("div",null,e.createElement("h2",null,"Spacing"),e.createElement("div",{className:r(We||(We=i(["\n        display: flex;\n        flex-direction: column;\n        gap: ","px;\n      "])),nt[100])},Object.keys(nt).filter((function(e){return 0===Number(e)||Number(e)>25})).map((function(t){return e.createElement(gt,{space:t,key:t})}))))},st=function(){return e.createElement("div",null,e.createElement("h2",null,"Typescales"),Object.keys(lt).map((function(t){var a=t;return e.createElement("div",{key:a,className:r(Xe||(Xe=i(["\n              font-family: ",";\n              font-size: ","px;\n              line-height: ","px;\n              margin: ","px 0;\n            "])),a.includes("code")?rt.code:rt.default,lt[a].fontSize,lt[a].lineHeight,nt[3])},e.createElement("div",null,a))})))},ht=function(){return e.createElement("div",null,e.createElement("h2",null,"Font Families"),Object.keys(rt).map((function(t){var a=t;return e.createElement("div",{key:a,className:r(Ye||(Ye=i(["\n            font-family: ",";\n            margin: ","px 0;\n          "])),rt[a],nt[3])},e.createElement("div",null,a))})))},kt=function(){var n=function(e){return"dark"===e?"light":"dark"},l=function(e){return r(Ze||(Ze=i(["\n    display: flex;\n    gap: ","px;\n    color: ",";\n    background-color: ",";\n    border: 1px solid\n      ",";\n    border-radius: ","px;\n    padding: ","px;\n    margin: ","px 0;\n  "])),nt[2],"dark"===e?a.white:a.black,"dark"===e?a.black:a.white,"dark"===e?a.gray.light3:a.gray.dark3,nt[3],nt[4],nt[3])},o=r($e||($e=i(["\n    font-family: ",";\n    font-size: ","px;\n    outline: none;\n    background-color: unset;\n    border: unset;\n    padding: ","px;\n    border-radius: ","px;\n    cursor: pointer;\n    transition: box-shadow ","ms ease-in-out;\n  "])),rt.default,lt.body2.fontSize,nt[2],nt[1],it);return e.createElement("div",null,e.createElement("h2",null,"Interaction States"),e.createElement("div",null,Object.values(fe).map((function(c){return e.createElement("div",{key:c,className:l(c)},Object.keys(at[c]).map((function(l){var d=l;return e.createElement("button",{key:d,className:r(_e||(_e=i(["\n                    ",";\n                    background-color: ",";\n                    color: ",";\n                    &:hover {\n                      box-shadow: ",";\n                    }\n                    &:focus {\n                      box-shadow: ",";\n                    }\n                  "])),o,a[d]["".concat(c,"3")],a[d]["".concat(n(c),"2")],at[c][d],tt[c].default)},t(d))})),e.createElement("input",{type:"text",placeholder:"Input",className:r(et||(et=i(["\n                ",";\n                border: 1px solid ",";\n                &:hover {\n                  box-shadow: ",";\n                }\n                &:focus {\n                  box-shadow: ",";\n                }\n              "])),o,a.gray["".concat(c,"1")],at[c].gray,tt[c].input)}))}))))};kt.parameters={chromatic:{disableSnapshot:!0}};export{ht as FontFamilies,kt as InteractionRings,ut as Spacing,st as TypeScales,ot as default};
+import e from"react";import t from"lodash/startCase";import{css as r}from"@leafygreen-ui/emotion";import{palette as a}from"@leafygreen-ui/palette";function n(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var a=r.call(e,t);if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e,"string");return"symbol"==typeof t?t:t+""}function i(e,t,r){return(t=n(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var o={Dark:"dark",Light:"light"},c="primary",d="secondary",g="inversePrimary",u="inverseSecondary",h="info",s="warning",k="error",b="success",p="disabled",f="default",m="hover",y="focus",x=a.black,v=a.blue,E=a.gray,w=a.green,S=a.red,N=a.white,j=a.yellow,z={background:i(i(i(i(i(i(i(i({},c,i(i(i({},f,x),m,E.dark2),y,v.dark3)),d,i(i(i({},f,E.dark4),m,E.dark2),y,v.dark3)),g,i(i(i({},f,E.light2),m,E.light3),y,v.light2)),h,i(i(i({},f,v.dark3),m,v.dark3),y,v.dark3)),s,i(i(i({},f,j.dark3),m,j.dark3),y,j.dark3)),b,i(i(i({},f,w.dark3),m,w.dark3),y,w.dark3)),k,i(i(i({},f,S.dark3),m,S.dark3),y,S.dark3)),p,i(i(i({},f,E.dark2),m,E.dark2),y,E.dark2)),border:i(i(i(i(i({},c,i(i(i({},f,E.base),m,E.base),y,v.light1)),d,i(i(i({},f,E.dark2),m,E.dark2),y,v.light1)),b,i(i(i({},f,w.dark1),m,w.dark1),y,v.light1)),k,i(i(i({},f,S.light1),m,S.light1),y,v.light1)),p,i(i(i({},f,E.dark2),m,E.dark2),y,E.dark2)),icon:i(i(i(i(i(i(i(i({},c,i(i(i({},f,E.light1),m,E.light3),y,v.light3)),d,i(i(i({},f,E.base),m,E.light3),y,v.light3)),g,i(i(i({},f,N),m,x),y,v.dark2)),h,i(i(i({},f,v.light1),m,v.light1),y,v.light1)),s,i(i(i({},f,j.base),m,j.base),y,j.base)),b,i(i(i({},f,w.base),m,w.base),y,w.base)),k,i(i(i({},f,S.light1),m,S.light1),y,S.light1)),p,i(i(i({},f,E.dark1),m,E.dark1),y,E.dark1)),text:i(i(i(i(i(i({},c,i(i(i({},f,E.light2),m,E.light2),y,v.light3)),d,i(i(i({},f,E.light1),m,E.light2),y,v.light3)),g,i(i(i({},f,x),m,x),y,v.dark2)),u,i(i(i({},f,E.dark2),m,x),y,v.dark2)),k,i(i(i({},f,S.light1),m,S.light1),y,S.light1)),p,i(i(i({},f,E.dark1),m,E.dark1),y,E.dark1))},O=a.black,H=a.blue,P=a.gray,D=a.green,C=a.red,L=a.white,T=a.yellow,A={background:i(i(i(i(i(i(i(i({},c,i(i(i({},f,L),m,P.light2),y,H.light3)),d,i(i(i({},f,P.light3),m,P.light2),y,H.light3)),g,i(i(i({},f,O),m,P.dark3),y,H.dark2)),h,i(i(i({},f,H.light3),m,H.light3),y,H.light3)),s,i(i(i({},f,T.light3),m,T.light3),y,T.light3)),b,i(i(i({},f,D.light3),m,D.light3),y,D.light3)),k,i(i(i({},f,C.light3),m,C.light3),y,C.light3)),p,i(i(i({},f,P.light2),m,P.light2),y,P.light2)),border:i(i(i(i(i({},c,i(i(i({},f,P.base),m,P.base),y,H.light1)),d,i(i(i({},f,P.light2),m,P.light2),y,H.light1)),b,i(i(i({},f,D.dark1),m,D.dark1),y,H.light1)),k,i(i(i({},f,C.base),m,C.base),y,H.light1)),p,i(i(i({},f,P.light1),m,P.light1),y,P.light1)),icon:i(i(i(i(i(i(i(i({},c,i(i(i({},f,P.dark1),m,O),y,H.dark1)),d,i(i(i({},f,P.base),m,O),y,H.dark1)),g,i(i(i({},f,L),m,L),y,H.light2)),h,i(i(i({},f,H.base),m,H.base),y,H.base)),s,i(i(i({},f,T.dark2),m,T.dark2),y,T.dark2)),b,i(i(i({},f,D.dark1),m,D.dark1),y,D.dark1)),k,i(i(i({},f,C.base),m,C.base),y,C.base)),p,i(i(i({},f,P.base),m,P.base),y,P.base)),text:i(i(i(i(i(i({},c,i(i(i({},f,O),m,O),y,H.dark1)),d,i(i(i({},f,P.dark1),m,O),y,H.dark1)),g,i(i(i({},f,L),m,L),y,H.light2)),u,i(i(i({},f,P.light1),m,L),y,H.light2)),k,i(i(i({},f,C.base),m,C.base),y,C.base)),p,i(i(i({},f,P.base),m,P.base),y,P.base))};i(i({},o.Dark,z),o.Light,A);var F,I,M,B,R,V,q,G,J,K=i(i({},o.Light,{default:"0 0 0 2px ".concat(a.white,", 0 0 0 4px ").concat(a.blue.light1),input:"0 0 0 3px ".concat(a.blue.light1)}),o.Dark,{default:"0 0 0 2px ".concat(a.black,", 0 0 0 4px ").concat(a.blue.light1),input:"0 0 0 3px ".concat(a.blue.light1)}),Q={default:"'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial, sans-serif",serif:"'MongoDB Value Serif', 'Times New Roman', serif",code:"'Source Code Pro', Menlo, monospace"},U=i(i({},o.Light,{gray:"0 0 0 3px ".concat(a.gray.light2),green:"0 0 0 3px ".concat(a.green.light2),red:"0 0 0 3px ".concat(a.red.light2)}),o.Dark,{gray:"0 0 0 3px ".concat(a.gray.dark2),green:"0 0 0 3px ".concat(a.green.dark3),red:"0 0 0 3px ".concat(a.yellow.dark3)}),W={0:0,25:1,50:2,100:4,150:6,200:8,300:12,400:16,600:24,800:32,900:36,1e3:40,1200:48,1400:56,1600:64,1:4,2:8,3:16,4:24,5:32,6:64,7:88},X=100,Y={body1:{fontSize:13,lineHeight:20},body2:{fontSize:16,lineHeight:28},code1:{fontSize:13,lineHeight:20},code2:{fontSize:15,lineHeight:24},disclaimer:{fontSize:12,lineHeight:20},large:{fontSize:18,lineHeight:22}},Z={title:"Components/Tokens",component:null,parameters:{default:"Spacing"}},$=r(F||(F=l(["\n  margin-left: ","px;\n"])),W[3]),_=Object.keys(W).filter((function(e){return 0===Number(e)||Number(e)>25})).reduce((function(e,t,n){var i=t;return e[i]=r(I||(I=l(["\n      background-color: ",";\n      width: ","px;\n      height: ","px;\n    "])),a.purple.light2,W[i],W[i]),e}),{});function ee(t){var r=t.space;return e.createElement("div",{className:$},e.createElement("code",null,"spacing[",r,"]: ",W[r]),e.createElement("div",{className:_[r]}))}var te=function(){return e.createElement("div",null,e.createElement("h2",null,"Spacing"),e.createElement("div",{className:r(M||(M=l(["\n        display: flex;\n        flex-direction: column;\n        gap: ","px;\n      "])),W[100])},Object.keys(W).filter((function(e){return 0===Number(e)||Number(e)>25})).map((function(t){return e.createElement(ee,{space:t,key:t})}))))},re=function(){return e.createElement("div",null,e.createElement("h2",null,"Typescales"),Object.keys(Y).map((function(t){var a=t;return e.createElement("div",{key:a,className:r(B||(B=l(["\n              font-family: ",";\n              font-size: ","px;\n              line-height: ","px;\n              margin: ","px 0;\n            "])),a.includes("code")?Q.code:Q.default,Y[a].fontSize,Y[a].lineHeight,W[3])},e.createElement("div",null,a))})))},ae=function(){return e.createElement("div",null,e.createElement("h2",null,"Font Families"),Object.keys(Q).map((function(t){var a=t;return e.createElement("div",{key:a,className:r(R||(R=l(["\n            font-family: ",";\n            margin: ","px 0;\n          "])),Q[a],W[3])},e.createElement("div",null,a))})))},ne=function(){var n=function(e){return"dark"===e?"light":"dark"},i=function(e){return r(V||(V=l(["\n    display: flex;\n    gap: ","px;\n    color: ",";\n    background-color: ",";\n    border: 1px solid\n      ",";\n    border-radius: ","px;\n    padding: ","px;\n    margin: ","px 0;\n  "])),W[2],"dark"===e?a.white:a.black,"dark"===e?a.black:a.white,"dark"===e?a.gray.light3:a.gray.dark3,W[3],W[4],W[3])},c=r(q||(q=l(["\n    font-family: ",";\n    font-size: ","px;\n    outline: none;\n    background-color: unset;\n    border: unset;\n    padding: ","px;\n    border-radius: ","px;\n    cursor: pointer;\n    transition: box-shadow ","ms ease-in-out;\n  "])),Q.default,Y.body2.fontSize,W[2],W[1],X);return e.createElement("div",null,e.createElement("h2",null,"Interaction States"),e.createElement("div",null,Object.values(o).map((function(o){return e.createElement("div",{key:o,className:i(o)},Object.keys(U[o]).map((function(i){var d=i;return e.createElement("button",{key:d,className:r(G||(G=l(["\n                    ",";\n                    background-color: ",";\n                    color: ",";\n                    &:hover {\n                      box-shadow: ",";\n                    }\n                    &:focus {\n                      box-shadow: ",";\n                    }\n                  "])),c,a[d]["".concat(o,"3")],a[d]["".concat(n(o),"2")],U[o][d],K[o].default)},t(d))})),e.createElement("input",{type:"text",placeholder:"Input",className:r(J||(J=l(["\n                ",";\n                border: 1px solid ",";\n                &:hover {\n                  box-shadow: ",";\n                }\n                &:focus {\n                  box-shadow: ",";\n                }\n              "])),c,a.gray["".concat(o,"1")],U[o].gray,K[o].input)}))}))))};ne.parameters={chromatic:{disableSnapshot:!0}};export{ae as FontFamilies,ne as InteractionRings,te as Spacing,re as TypeScales,Z as default};

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

119345

decreased by-5.11%

Lines of code

1595

decreased by-3.8%

No dependency changes