@chakra-ui/theme - npm Package Compare versions

Comparing version 0.0.0-dev-20230711204333 to 0.0.0-dev-20230714212045

dist/components/input.js

@@ -112,9 +112,9 @@ "use strict";
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec),
-        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColorVar)(theme, ec)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, ec),
+        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColor)(theme, ec)}`
       },
       _focusVisible: {
         zIndex: 1,
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc),
-        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColorVar)(theme, fc)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, fc),
+        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColor)(theme, fc)}`
       }
@@ -145,7 +145,7 @@ },
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec)
+        borderColor: (0, import_theme_tools.getColor)(theme, ec)
       },
       _focusVisible: {
         bg: "transparent",
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc)
+        borderColor: (0, import_theme_tools.getColor)(theme, fc)
       }
@@ -175,8 +175,8 @@ },
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec),
-        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColorVar)(theme, ec)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, ec),
+        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColor)(theme, ec)}`
       },
       _focusVisible: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc),
-        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColorVar)(theme, fc)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, fc),
+        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColor)(theme, fc)}`
       }
@@ -183,0 +183,0 @@ },

dist/components/number-input.js

@@ -180,9 +180,9 @@ "use strict";
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec),
-        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColorVar)(theme, ec)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, ec),
+        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColor)(theme, ec)}`
       },
       _focusVisible: {
         zIndex: 1,
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc),
-        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColorVar)(theme, fc)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, fc),
+        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColor)(theme, fc)}`
       }
@@ -213,7 +213,7 @@ },
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec)
+        borderColor: (0, import_theme_tools.getColor)(theme, ec)
       },
       _focusVisible: {
         bg: "transparent",
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc)
+        borderColor: (0, import_theme_tools.getColor)(theme, fc)
       }
@@ -243,8 +243,8 @@ },
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec),
-        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColorVar)(theme, ec)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, ec),
+        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColor)(theme, ec)}`
       },
       _focusVisible: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc),
-        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColorVar)(theme, fc)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, fc),
+        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColor)(theme, fc)}`
       }
@@ -251,0 +251,0 @@ },

dist/components/pin-input.js

@@ -115,9 +115,9 @@ "use strict";
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec),
-        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColorVar)(theme, ec)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, ec),
+        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColor)(theme, ec)}`
       },
       _focusVisible: {
         zIndex: 1,
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc),
-        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColorVar)(theme, fc)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, fc),
+        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColor)(theme, fc)}`
       }
@@ -148,7 +148,7 @@ },
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec)
+        borderColor: (0, import_theme_tools.getColor)(theme, ec)
       },
       _focusVisible: {
         bg: "transparent",
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc)
+        borderColor: (0, import_theme_tools.getColor)(theme, fc)
       }
@@ -178,8 +178,8 @@ },
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec),
-        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColorVar)(theme, ec)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, ec),
+        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColor)(theme, ec)}`
       },
       _focusVisible: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc),
-        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColorVar)(theme, fc)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, fc),
+        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColor)(theme, fc)}`
       }
@@ -186,0 +186,0 @@ },

dist/components/progress.js

@@ -40,3 +40,3 @@ "use strict";
     transparent 0%,
-    ${(0, import_theme_tools.getColorVar)(t, bgColor)} 50%,
+    ${(0, import_theme_tools.getColor)(t, bgColor)} 50%,
     transparent 100%
@@ -43,0 +43,0 @@ )`;

dist/components/select.js

@@ -116,9 +116,9 @@ "use strict";
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec),
-        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColorVar)(theme, ec)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, ec),
+        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColor)(theme, ec)}`
       },
       _focusVisible: {
         zIndex: 1,
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc),
-        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColorVar)(theme, fc)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, fc),
+        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColor)(theme, fc)}`
       }
@@ -149,7 +149,7 @@ },
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec)
+        borderColor: (0, import_theme_tools.getColor)(theme, ec)
       },
       _focusVisible: {
         bg: "transparent",
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc)
+        borderColor: (0, import_theme_tools.getColor)(theme, fc)
       }
@@ -179,8 +179,8 @@ },
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec),
-        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColorVar)(theme, ec)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, ec),
+        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColor)(theme, ec)}`
       },
       _focusVisible: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc),
-        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColorVar)(theme, fc)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, fc),
+        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColor)(theme, fc)}`
       }
@@ -187,0 +187,0 @@ },

dist/components/textarea.js

@@ -115,9 +115,9 @@ "use strict";
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec),
-        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColorVar)(theme, ec)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, ec),
+        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColor)(theme, ec)}`
       },
       _focusVisible: {
         zIndex: 1,
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc),
-        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColorVar)(theme, fc)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, fc),
+        boxShadow: `0 0 0 1px ${(0, import_theme_tools.getColor)(theme, fc)}`
       }
@@ -148,7 +148,7 @@ },
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec)
+        borderColor: (0, import_theme_tools.getColor)(theme, ec)
       },
       _focusVisible: {
         bg: "transparent",
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc)
+        borderColor: (0, import_theme_tools.getColor)(theme, fc)
       }
@@ -178,8 +178,8 @@ },
       _invalid: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, ec),
-        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColorVar)(theme, ec)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, ec),
+        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColor)(theme, ec)}`
       },
       _focusVisible: {
-        borderColor: (0, import_theme_tools.getColorVar)(theme, fc),
-        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColorVar)(theme, fc)}`
+        borderColor: (0, import_theme_tools.getColor)(theme, fc),
+        boxShadow: `0px 1px 0px 0px ${(0, import_theme_tools.getColor)(theme, fc)}`
       }
@@ -186,0 +186,0 @@ },

package.json

 {
   "name": "@chakra-ui/theme",
-  "version": "0.0.0-dev-20230711204333",
+  "version": "0.0.0-dev-20230714212045",
   "description": "The default theme for chakra components",
@@ -31,4 +31,4 @@ "keywords": [
   "dependencies": {
-    "@chakra-ui/anatomy": "0.0.0-dev-20230711204333",
-    "@chakra-ui/theme-tools": "0.0.0-dev-20230711204333",
+    "@chakra-ui/anatomy": "0.0.0-dev-20230714212045",
+    "@chakra-ui/theme-tools": "0.0.0-dev-20230714212045",
     "@chakra-ui/shared-utils": "2.0.5"
@@ -35,0 +35,0 @@ },

No alert changes

Worsened metrics

Total package byte prevSize

900375

decreased by-0.03%

Dependency changes

• + Added@chakra-ui/anatomy@0.0.0-dev-20230714212045(transitive)

• + Added@chakra-ui/theme-tools@0.0.0-dev-20230714212045(transitive)

• - Removed@chakra-ui/anatomy@0.0.0-dev-20230711204333(transitive)

• - Removed@chakra-ui/theme-tools@0.0.0-dev-20230711204333(transitive)

• Updated@chakra-ui/anatomy@0.0.0-dev-20230714212045

• Updated@chakra-ui/theme-tools@0.0.0-dev-20230714212045