@chakra-ui/theme - npm Package Compare versions

Comparing version 0.0.0-dev-20230424205150 to 0.0.0-dev-20230424210540

dist/components/breadcrumb.d.ts

@@ -6,15 +6,26 @@ import * as _chakra_ui_styled_system from '@chakra-ui/styled-system';
         link: {
+            [x: string]: string | {
+                cursor: string;
+                _hover: {
+                    [x: string]: string;
+                };
+                _focusVisible: {
+                    boxShadow: string;
+                };
+            };
             transitionProperty: string;
             transitionDuration: string;
             transitionTimingFunction: string;
-            cursor: string;
-            textDecoration: string;
             outline: string;
             color: string;
-            _hover: {
-                textDecoration: string;
+            textDecoration: string;
+            "&:not([aria-current=page])": {
+                cursor: string;
+                _hover: {
+                    [x: string]: string;
+                };
+                _focusVisible: {
+                    boxShadow: string;
+                };
             };
-            _focusVisible: {
-                boxShadow: string;
-            };
         };
@@ -21,0 +32,0 @@ } | undefined;

dist/components/breadcrumb.js

@@ -29,2 +29,3 @@ "use strict";
 var { defineMultiStyleConfig, definePartsStyle } = (0, import_styled_system.createMultiStyleConfigHelpers)(import_anatomy.breadcrumbAnatomy.keys);
+var $decor = (0, import_styled_system.cssVar)("breadcrumb-link-decor");
 var baseStyleLink = (0, import_styled_system.defineStyle)({
@@ -34,11 +35,14 @@ transitionProperty: "common",
   transitionTimingFunction: "ease-out",
-  cursor: "pointer",
-  textDecoration: "none",
   outline: "none",
   color: "inherit",
-  _hover: {
-    textDecoration: "underline"
-  },
-  _focusVisible: {
-    boxShadow: "outline"
+  textDecoration: $decor.reference,
+  [$decor.variable]: "none",
+  "&:not([aria-current=page])": {
+    cursor: "pointer",
+    _hover: {
+      [$decor.variable]: "underline"
+    },
+    _focusVisible: {
+      boxShadow: "outline"
+    }
   }
@@ -45,0 +49,0 @@ });

package.json

 {
   "name": "@chakra-ui/theme",
-  "version": "0.0.0-dev-20230424205150",
+  "version": "0.0.0-dev-20230424210540",
   "description": "The default theme for chakra components",
@@ -36,8 +36,8 @@ "keywords": [
   "peerDependencies": {
-    "@chakra-ui/styled-system": "0.0.0-dev-20230424205150"
+    "@chakra-ui/styled-system": "0.0.0-dev-20230424210540"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "@chakra-ui/cli": "0.0.0-dev-20230424205150",
-    "@chakra-ui/styled-system": "0.0.0-dev-20230424205150"
+    "@chakra-ui/cli": "0.0.0-dev-20230424210540",
+    "@chakra-ui/styled-system": "0.0.0-dev-20230424210540"
   },
@@ -44,0 +44,0 @@ "tsup": {

No alert changes

Improved metrics

Total package byte prevSize

923082

increased by0.2%

Lines of code

31215

increased by0.16%

No dependency changes