@bitrise/bitkit 12.0.0 → 12.0.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "12.0.0",
+  "version": "12.0.2",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",
@@ -20,15 +20,15 @@
     "framer-motion": "./node_modules/framer-motion/dist/cjs"
   },
   "dependencies": {
-    "@chakra-ui/react": "^2.2.4",
-    "@chakra-ui/react-utils": "^2.0.1",
-    "@chakra-ui/styled-system": "^2.3.1",
-    "@chakra-ui/utils": "^2.0.4",
-    "@emotion/react": "^11.9.3",
-    "@emotion/styled": "^11.9.3",
+    "@chakra-ui/react": "^2.3.7",
+    "@chakra-ui/react-utils": "^2.0.8",
+    "@chakra-ui/styled-system": "^2.3.4",
+    "@chakra-ui/utils": "^2.0.11",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
     "@floating-ui/react-dom-interactions": "^0.8.1",
-    "framer-motion": "^6.5.1",
-    "luxon": "^3.0.3",
+    "framer-motion": "^7.6.5",
+    "luxon": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-focus-lock": "^2.9.1"
@@ -38,7 +38,7 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.9",
+    "@babel/core": "^7.20.2",
     "@bitrise/eslint-plugin": "^2.2.0",
     "@commitlint/cli": "^16.3.0",
     "@commitlint/config-conventional": "^16.2.4",
@@ -46,46 +46,46 @@
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-actions": "^6.5.12",
-    "@storybook/addon-essentials": "^6.5.12",
-    "@storybook/addon-interactions": "^6.5.12",
-    "@storybook/addon-links": "^6.5.12",
-    "@storybook/addons": "^6.5.12",
-    "@storybook/builder-webpack5": "^6.5.12",
-    "@storybook/manager-webpack5": "^6.5.12",
-    "@storybook/react": "^6.5.12",
+    "@storybook/addon-actions": "^6.5.13",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/addon-interactions": "^6.5.13",
+    "@storybook/addon-links": "^6.5.13",
+    "@storybook/addons": "^6.5.13",
+    "@storybook/builder-webpack5": "^6.5.13",
+    "@storybook/manager-webpack5": "^6.5.13",
+    "@storybook/react": "^6.5.13",
     "@storybook/testing-library": "^0.0.13",
-    "@storybook/theming": "^6.5.12",
-    "@testing-library/dom": "^8.16.0",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.3.0",
+    "@storybook/theming": "^6.5.13",
+    "@testing-library/dom": "^8.19.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^14.4.3",
-    "@types/jest": "^29.0.3",
-    "@types/luxon": "^3.0.1",
-    "@types/react": "^18.0.21",
-    "@types/react-dom": "^18.0.6",
-    "@typescript-eslint/eslint-plugin": "^5.30.7",
-    "@typescript-eslint/parser": "^5.30.7",
+    "@types/jest": "^29.2.2",
+    "@types/luxon": "^3.1.0",
+    "@types/react": "^18.0.25",
+    "@types/react-dom": "^18.0.8",
+    "@typescript-eslint/eslint-plugin": "^5.42.1",
+    "@typescript-eslint/parser": "^5.42.1",
     "axios": "^0.27.2",
-    "eslint": "^8.20.0",
+    "eslint": "^8.27.0",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest": "^26.6.0",
-    "eslint-plugin-jsx-a11y": "^6.6.0",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-react": "^7.31.10",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.1",
-    "eslint-plugin-testing-library": "^5.5.1",
+    "eslint-plugin-storybook": "^0.6.7",
+    "eslint-plugin-testing-library": "^5.9.1",
     "glob": "^8.0.3",
     "husky": "^7.0.4",
-    "jest": "^29.0.3",
+    "jest": "^29.3.1",
     "jest-environment-jsdom": "^28.1.3",
-    "jsdom": "^20.0.0",
+    "jsdom": "^20.0.2",
     "prettier": "^2.7.1",
-    "react-hook-form": "^7.33.1",
-    "semantic-release": "^19.0.3",
-    "ts-jest": "^29.0.1",
-    "typescript": "^4.8.2"
+    "react-hook-form": "^7.39.2",
+    "semantic-release": "^19.0.5",
+    "ts-jest": "^29.0.3",
+    "typescript": "^4.8.4"
   },
   "files": [
     "src",

package/src/Components/Tabs/Tabs.theme.ts

@@ -39,11 +39,13 @@ const baseStyle = defineStyle(
         backgroundColor: 'neutral.95',
       },
       _focusVisible: {
-        backgroundColor: 'purple.95',
-        color: 'purple.50',
+        boxShadow: 'inset 0 2px var(--colors-purple-50), inset 0 0 0 3px var(--colors-purple-70)',
       },
       _first: {
         boxShadow: 'none',
+        _focusVisible: {
+          boxShadow: 'inset 0 2px var(--colors-purple-50), inset 0 0 0 3px var(--colors-purple-70)',
+        },
       },
     },
     lineTab: {
@@ -65,11 +67,6 @@ const baseStyle = defineStyle(
           backgroundColor: 'transparent',
         },
       },
-      _focusVisible: {
-        backgroundColor: 'purple.95',
-        boxShadow: 'none',
-        color: 'purple.50',
-      },
       _hover: {
         backgroundColor: 'neutral.95',
       },
@@ -83,6 +80,9 @@ const baseStyle = defineStyle(
           background: 'transparent',
         },
       },
+      _focusVisible: {
+        boxShadow: 'inset 0 -2px var(--colors-purple-50), inset 0 0 0 3px var(--colors-purple-70)',
+      },
     },
     tablist: {
       maxWidth: '100%',

package/src/Foundations/Shadows/Shadows.ts

@@ -4,9 +4,9 @@ const shadows = {
   large: '0 0.125rem 1.5rem 0 rgba(0, 0, 0, 0.08)',
   inner: '0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset',
   innerSmall: '0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.1) inset',
-  outline: '0 0 0 3px #C289E6',
+  outline: '0 0 0 3px var(--colors-purple-70)',
   tooltip: '0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2)',
-  formFocus: '0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset, 0 0 0 3px #C289E6',
+  formFocus: '0 0.125rem 0.1875rem 0 rgba(0, 0, 0, 0.1) inset, 0 0 0 3px var(--colors-purple-70)',
   none: 'none',
 };