From 20133e20983f52566992c2112358d2c1e684fb71 Mon Sep 17 00:00:00 2001 From: Bence Markus Date: Sat, 25 Nov 2023 11:07:14 +0100 Subject: [PATCH] dependency update --- package-lock.json | 164 ++++++++++++++++---------------- package.json | 14 +-- src/components/Badge/badge.scss | 74 +++++++------- 3 files changed, 127 insertions(+), 125 deletions(-) diff --git a/package-lock.json b/package-lock.json index 57970133..042896e1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,10 +8,10 @@ "name": "@mrksbnc/bamboo", "version": "0.0.0", "dependencies": { - "vue": "^3.3.4" + "vue": "^3.3.9" }, "devDependencies": { - "@rushstack/eslint-patch": "^1.3.3", + "@rushstack/eslint-patch": "^1.6.0", "@storybook/addon-a11y": "^7.5.3", "@storybook/addon-actions": "^7.5.3", "@storybook/addon-controls": "^7.5.3", @@ -30,15 +30,15 @@ "@storybook/vue3": "^7.5.3", "@storybook/vue3-vite": "^7.5.3", "@tsconfig/node18": "^18.2.2", - "@types/jsdom": "^21.1.3", - "@types/node": "^20.9.1", + "@types/jsdom": "^21.1.6", + "@types/node": "^20.10.0", "@vitejs/plugin-vue": "^4.4.0", "@vue/eslint-config-prettier": "^8.0.0", "@vue/eslint-config-typescript": "^12.0.0", "@vue/test-utils": "^2.4.1", "@vue/tsconfig": "^0.4.0", "autoprefixer": "^10.4.16", - "eslint": "8.52.0", + "eslint": "^8.52.0", "eslint-config-prettier": "^9.0.0", "eslint-plugin-prettier": "^5.0.1", "eslint-plugin-storybook": "^0.6.15", @@ -53,8 +53,8 @@ "sass": "^1.69.5", "storybook": "^7.5.3", "storybook-dark-mode": "^3.0.1", - "typescript": "~5.2.0", - "vite": "^4.4.11", + "typescript": "^5.3.2", + "vite": "^4.5.0", "vite-plugin-dts": "^3.6.3", "vitest": "^0.34.6", "vue-tsc": "^1.8.19" @@ -3974,9 +3974,9 @@ } }, "node_modules/@rushstack/eslint-patch": { - "version": "1.5.1", - "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.5.1.tgz", - "integrity": "sha512-6i/8UoL0P5y4leBIGzvkZdS85RDMG9y1ihZzmTZQ5LdHUYmZ7pKFoj8X0236s3lusPs1Fa5HTQUpwI+UfTcmeA==", + "version": "1.6.0", + "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.6.0.tgz", + "integrity": "sha512-2/U3GXA6YiPYQDLGwtGlnNgKYBSwCFIHf8Y9LUY5VATHdtbLlU0Y1R3QoBnT0aB4qv/BEiVVsj7LJXoQCgJ2vA==", "dev": true }, "node_modules/@rushstack/node-core-library": { @@ -5802,9 +5802,9 @@ } }, "node_modules/@types/jsdom": { - "version": "21.1.5", - "resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-21.1.5.tgz", - "integrity": "sha512-sBK/3YjS3uuPj+HzZyhB4GGTnFmk0mdyQfhzZ/sqs9ciyG41QJdZZdwcPa6OfW97OTNTwl5tBAsfEOm/dui9pQ==", + "version": "21.1.6", + "resolved": "https://registry.npmjs.org/@types/jsdom/-/jsdom-21.1.6.tgz", + "integrity": "sha512-/7kkMsC+/kMs7gAYmmBR9P0vGTnOoLhQhyhQJSlXGI5bzTHp6xdo0TtKWQAsz6pmSAeVqKSbqeyP6hytqr9FDw==", "dev": true, "dependencies": { "@types/node": "*", @@ -5858,9 +5858,9 @@ "dev": true }, "node_modules/@types/node": { - "version": "20.9.2", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.9.2.tgz", - "integrity": "sha512-WHZXKFCEyIUJzAwh3NyyTHYSR35SevJ6mZ1nWwJafKtiQbqRTIKSRcw3Ma3acqgsent3RRDqeVwpHntMk+9irg==", + "version": "20.10.0", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.0.tgz", + "integrity": "sha512-D0WfRmU9TQ8I9PFx9Yc+EBHw+vSpIub4IDvQivcp26PtPrdMGAq5SDcpXEo/epqa/DXotVpekHiLNTg3iaKXBQ==", "dev": true, "dependencies": { "undici-types": "~5.26.4" @@ -6414,36 +6414,36 @@ } }, "node_modules/@vue/compiler-core": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.8.tgz", - "integrity": "sha512-hN/NNBUECw8SusQvDSqqcVv6gWq8L6iAktUR0UF3vGu2OhzRqcOiAno0FmBJWwxhYEXRlQJT5XnoKsVq1WZx4g==", + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.9.tgz", + "integrity": "sha512-+/Lf68Vr/nFBA6ol4xOtJrW+BQWv3QWKfRwGSm70jtXwfhZNF4R/eRgyVJYoxFRhdCTk/F6g99BP0ffPgZihfQ==", "dependencies": { - "@babel/parser": "^7.23.0", - "@vue/shared": "3.3.8", + "@babel/parser": "^7.23.3", + "@vue/shared": "3.3.9", "estree-walker": "^2.0.2", "source-map-js": "^1.0.2" } }, "node_modules/@vue/compiler-dom": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.8.tgz", - "integrity": "sha512-+PPtv+p/nWDd0AvJu3w8HS0RIm/C6VGBIRe24b9hSyNWOAPEUosFZ5diwawwP8ip5sJ8n0Pe87TNNNHnvjs0FQ==", + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.9.tgz", + "integrity": "sha512-nfWubTtLXuT4iBeDSZ5J3m218MjOy42Vp2pmKVuBKo2/BLcrFUX8nCSr/bKRFiJ32R8qbdnnnBgRn9AdU5v0Sg==", "dependencies": { - "@vue/compiler-core": "3.3.8", - "@vue/shared": "3.3.8" + "@vue/compiler-core": "3.3.9", + "@vue/shared": "3.3.9" } }, "node_modules/@vue/compiler-sfc": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.8.tgz", - "integrity": "sha512-WMzbUrlTjfYF8joyT84HfwwXo+8WPALuPxhy+BZ6R4Aafls+jDBnSz8PDz60uFhuqFbl3HxRfxvDzrUf3THwpA==", - "dependencies": { - "@babel/parser": "^7.23.0", - "@vue/compiler-core": "3.3.8", - "@vue/compiler-dom": "3.3.8", - "@vue/compiler-ssr": "3.3.8", - "@vue/reactivity-transform": "3.3.8", - "@vue/shared": "3.3.8", + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.9.tgz", + "integrity": "sha512-wy0CNc8z4ihoDzjASCOCsQuzW0A/HP27+0MDSSICMjVIFzk/rFViezkR3dzH+miS2NDEz8ywMdbjO5ylhOLI2A==", + "dependencies": { + "@babel/parser": "^7.23.3", + "@vue/compiler-core": "3.3.9", + "@vue/compiler-dom": "3.3.9", + "@vue/compiler-ssr": "3.3.9", + "@vue/reactivity-transform": "3.3.9", + "@vue/shared": "3.3.9", "estree-walker": "^2.0.2", "magic-string": "^0.30.5", "postcss": "^8.4.31", @@ -6451,12 +6451,12 @@ } }, "node_modules/@vue/compiler-ssr": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.8.tgz", - "integrity": "sha512-hXCqQL/15kMVDBuoBYpUnSYT8doDNwsjvm3jTefnXr+ytn294ySnT8NlsFHmTgKNjwpuFy7XVV8yTeLtNl/P6w==", + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.9.tgz", + "integrity": "sha512-NO5oobAw78R0G4SODY5A502MGnDNiDjf6qvhn7zD7TJGc8XDeIEw4fg6JU705jZ/YhuokBKz0A5a/FL/XZU73g==", "dependencies": { - "@vue/compiler-dom": "3.3.8", - "@vue/shared": "3.3.8" + "@vue/compiler-dom": "3.3.9", + "@vue/shared": "3.3.9" } }, "node_modules/@vue/eslint-config-prettier": { @@ -6558,60 +6558,60 @@ } }, "node_modules/@vue/reactivity": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.8.tgz", - "integrity": "sha512-ctLWitmFBu6mtddPyOKpHg8+5ahouoTCRtmAHZAXmolDtuZXfjL2T3OJ6DL6ezBPQB1SmMnpzjiWjCiMYmpIuw==", + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.9.tgz", + "integrity": "sha512-VmpIqlNp+aYDg2X0xQhJqHx9YguOmz2UxuUJDckBdQCNkipJvfk9yA75woLWElCa0Jtyec3lAAt49GO0izsphw==", "dependencies": { - "@vue/shared": "3.3.8" + "@vue/shared": "3.3.9" } }, "node_modules/@vue/reactivity-transform": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.8.tgz", - "integrity": "sha512-49CvBzmZNtcHua0XJ7GdGifM8GOXoUMOX4dD40Y5DxI3R8OUhMlvf2nvgUAcPxaXiV5MQQ1Nwy09ADpnLQUqRw==", + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.9.tgz", + "integrity": "sha512-HnUFm7Ry6dFa4Lp63DAxTixUp8opMtQr6RxQCpDI1vlh12rkGIeYqMvJtK+IKyEfEOa2I9oCkD1mmsPdaGpdVg==", "dependencies": { - "@babel/parser": "^7.23.0", - "@vue/compiler-core": "3.3.8", - "@vue/shared": "3.3.8", + "@babel/parser": "^7.23.3", + "@vue/compiler-core": "3.3.9", + "@vue/shared": "3.3.9", "estree-walker": "^2.0.2", "magic-string": "^0.30.5" } }, "node_modules/@vue/runtime-core": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.8.tgz", - "integrity": "sha512-qurzOlb6q26KWQ/8IShHkMDOuJkQnQcTIp1sdP4I9MbCf9FJeGVRXJFr2mF+6bXh/3Zjr9TDgURXrsCr9bfjUw==", + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.9.tgz", + "integrity": "sha512-xxaG9KvPm3GTRuM4ZyU8Tc+pMVzcu6eeoSRQJ9IE7NmCcClW6z4B3Ij6L4EDl80sxe/arTtQ6YmgiO4UZqRc+w==", "dependencies": { - "@vue/reactivity": "3.3.8", - "@vue/shared": "3.3.8" + "@vue/reactivity": "3.3.9", + "@vue/shared": "3.3.9" } }, "node_modules/@vue/runtime-dom": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.8.tgz", - "integrity": "sha512-Noy5yM5UIf9UeFoowBVgghyGGPIDPy1Qlqt0yVsUdAVbqI8eeMSsTqBtauaEoT2UFXUk5S64aWVNJN4MJ2vRdA==", + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.9.tgz", + "integrity": "sha512-e7LIfcxYSWbV6BK1wQv9qJyxprC75EvSqF/kQKe6bdZEDNValzeRXEVgiX7AHI6hZ59HA4h7WT5CGvm69vzJTQ==", "dependencies": { - "@vue/runtime-core": "3.3.8", - "@vue/shared": "3.3.8", + "@vue/runtime-core": "3.3.9", + "@vue/shared": "3.3.9", "csstype": "^3.1.2" } }, "node_modules/@vue/server-renderer": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.8.tgz", - "integrity": "sha512-zVCUw7RFskvPuNlPn/8xISbrf0zTWsTSdYTsUTN1ERGGZGVnRxM2QZ3x1OR32+vwkkCm0IW6HmJ49IsPm7ilLg==", + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.9.tgz", + "integrity": "sha512-w0zT/s5l3Oa3ZjtLW88eO4uV6AQFqU8X5GOgzq7SkQQu6vVr+8tfm+OI2kDBplS/W/XgCBuFXiPw6T5EdwXP0A==", "dependencies": { - "@vue/compiler-ssr": "3.3.8", - "@vue/shared": "3.3.8" + "@vue/compiler-ssr": "3.3.9", + "@vue/shared": "3.3.9" }, "peerDependencies": { - "vue": "3.3.8" + "vue": "3.3.9" } }, "node_modules/@vue/shared": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.8.tgz", - "integrity": "sha512-8PGwybFwM4x8pcfgqEQFy70NaQxASvOC5DJwLQfpArw1UDfUXrJkdxD3BhVTMS+0Lef/TU7YO0Jvr0jJY8T+mw==" + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.9.tgz", + "integrity": "sha512-ZE0VTIR0LmYgeyhurPTpy4KzKsuDyQbMSdM49eKkMnT5X4VfFBLysMzjIZhLEFQYjjOVVfbvUDHckwjDFiO2eA==" }, "node_modules/@vue/test-utils": { "version": "2.4.2", @@ -16739,9 +16739,9 @@ "dev": true }, "node_modules/typescript": { - "version": "5.2.2", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz", - "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==", + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.3.2.tgz", + "integrity": "sha512-6l+RyNy7oAHDfxC4FzSJcz9vnjTKxrLpDG5M2Vu4SHRVNg6xzqZp6LYSR9zjqQTu8DU/f5xwxUdADOkbrIX2gQ==", "devOptional": true, "bin": { "tsc": "bin/tsc", @@ -17387,15 +17387,15 @@ } }, "node_modules/vue": { - "version": "3.3.8", - "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.8.tgz", - "integrity": "sha512-5VSX/3DabBikOXMsxzlW8JyfeLKlG9mzqnWgLQLty88vdZL7ZJgrdgBOmrArwxiLtmS+lNNpPcBYqrhE6TQW5w==", - "dependencies": { - "@vue/compiler-dom": "3.3.8", - "@vue/compiler-sfc": "3.3.8", - "@vue/runtime-dom": "3.3.8", - "@vue/server-renderer": "3.3.8", - "@vue/shared": "3.3.8" + "version": "3.3.9", + "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.9.tgz", + "integrity": "sha512-sy5sLCTR8m6tvUk1/ijri3Yqzgpdsmxgj6n6yl7GXXCXqVbmW2RCXe9atE4cEI6Iv7L89v5f35fZRRr5dChP9w==", + "dependencies": { + "@vue/compiler-dom": "3.3.9", + "@vue/compiler-sfc": "3.3.9", + "@vue/runtime-dom": "3.3.9", + "@vue/server-renderer": "3.3.9", + "@vue/shared": "3.3.9" }, "peerDependencies": { "typescript": "*" diff --git a/package.json b/package.json index 7e5fca64..7ecd891f 100644 --- a/package.json +++ b/package.json @@ -56,10 +56,10 @@ } }, "dependencies": { - "vue": "^3.3.4" + "vue": "^3.3.9" }, "devDependencies": { - "@rushstack/eslint-patch": "^1.3.3", + "@rushstack/eslint-patch": "^1.6.0", "@storybook/addon-a11y": "^7.5.3", "@storybook/addon-actions": "^7.5.3", "@storybook/addon-controls": "^7.5.3", @@ -78,15 +78,15 @@ "@storybook/vue3": "^7.5.3", "@storybook/vue3-vite": "^7.5.3", "@tsconfig/node18": "^18.2.2", - "@types/jsdom": "^21.1.3", - "@types/node": "^20.9.1", + "@types/jsdom": "^21.1.6", + "@types/node": "^20.10.0", "@vitejs/plugin-vue": "^4.4.0", "@vue/eslint-config-prettier": "^8.0.0", "@vue/eslint-config-typescript": "^12.0.0", "@vue/test-utils": "^2.4.1", "@vue/tsconfig": "^0.4.0", "autoprefixer": "^10.4.16", - "eslint": "8.52.0", + "eslint": "^8.52.0", "eslint-config-prettier": "^9.0.0", "eslint-plugin-prettier": "^5.0.1", "eslint-plugin-storybook": "^0.6.15", @@ -101,8 +101,8 @@ "sass": "^1.69.5", "storybook": "^7.5.3", "storybook-dark-mode": "^3.0.1", - "typescript": "~5.2.0", - "vite": "^4.4.11", + "typescript": "^5.3.2", + "vite": "^4.5.0", "vite-plugin-dts": "^3.6.3", "vitest": "^0.34.6", "vue-tsc": "^1.8.19" diff --git a/src/components/Badge/badge.scss b/src/components/Badge/badge.scss index a22240ea..c93d054c 100644 --- a/src/components/Badge/badge.scss +++ b/src/components/Badge/badge.scss @@ -1,5 +1,12 @@ +@import '@/styles/typography.scss'; + .bo-badge { - font-weight: 600; + @extend .font-medium; + + cursor: default; + user-select: none; + line-height: 1rem; + font-size: 0.75rem; align-items: center; display: inline-flex; justify-content: center; @@ -13,135 +20,130 @@ &.outline { color: var(--black); background-color: transparent; - border: 1px solid var(--black); + border: 0.063rem solid var(--black); } } &.info { &.filled { - color: var(--white); - background-color: var(--blue-600); + color: var(--blue-800); + background-color: var(--blue-100); } &.outline { color: var(--blue-600); background-color: transparent; - border: 1px solid var(--blue-600); + border: 0.063rem solid var(--blue-600); } } &.tertiary { &.filled { - color: var(--white); - background-color: var(--gray-600); + color: var(--gray-600); + background-color: var(--gray-100); } &.outline { color: var(--gray-600); background-color: transparent; - border: 1px solid var(--gray-600); + border: 0.063rem solid var(--gray-600); } } &.success { &.filled { - color: var(--white); - background-color: var(--green-600); + color: var(--green-600); + background-color: var(--green-100); } &.outline { color: var(--green-600); background-color: transparent; - border: 1px solid var(--green-600); + border: 0.063rem solid var(--green-600); } } &.warning { &.filled { - color: var(--white); - background-color: var(--yellow-500); + color: var(--yellow-600); + background-color: var(--yellow-100); } &.outline { color: var(--yellow-500); background-color: transparent; - border: 1px solid var(--yellow-500); + border: 0.063rem solid var(--yellow-500); } } &.danger { &.filled { - color: var(--white); - background-color: var(--red-600); + color: var(--red-600); + background-color: var(--red-100); } &.outline { color: var(--red-600); background-color: transparent; - border: 1px solid var(--red-600); + border: 0.063rem solid var(--red-600); } } &.square { border-radius: 0; - padding: 5px 12px; max-width: fit-content; + padding: 0.25rem 0.625rem; } &.pill { - padding: 4px 12px; - border-radius: 16px; + border-radius: 0.25rem; max-width: fit-content; + padding: 0.25rem 0.625rem; } &.circle { - padding: 5px; + padding: 0.313rem; border-radius: 50%; &.xs { - width: 6px; + width: 0.375rem; } &.sm { - width: 8px; + width: 0.5rem; } &.md { - width: 12px; + width: 0.75; } &.lg { - width: 16px; + width: 1rem; } &.xl { - width: 20px; + width: 1.25rem; } } &.xs { - height: 6px; - font-size: x-small; + height: 0.375rem; } &.sm { - height: 8px; - font-size: small; + height: 0.5rem; } &.md { - height: 12px; - font-size: small; + height: 0.75; } &.lg { - height: 16px; - font-size: large; + height: 1rem; } &.xl { - height: 20px; - font-size: larger; + height: 1.25rem; } &.label {