feat(netlify): add logo to intro page (#1878)

* feat(netlify): add logo to intro page

chore(deps): bump dependencies

chore(deps): bump vite

chore(deps): bump node, angular, @types/node, @types/react, @sveltejs/vite-plugin-svelte

chore(deps): bump angular, svelte-check

chore(deps): bump svelte, tslib, eslint

fix(readme): readmes for next packages need different path to image

chore(deps): bump yarn, typescript-eslint, jsdom,

chore(yarn): update lock

chore(deps): bump angular, @carbon/*, @types/node, styled-components, sveltekit, vue-tsc., @vitejs/plugin-vue

fix(release): commit changes to search index for docs

chore(deps): bump @types/react

feat(docs): add footer to intro page

* chore(deps): bump

* chore(deps): bump

* Update .github/workflows/release.yml

---------

Co-authored-by: Eliad Moosavi <theiliad@users.noreply.github.com>

.github/workflows/release.yml

@@ -7,7 +7,7 @@ on:
 jobs:
   build:
     if: github.actor != 'carbon-bot' &&	!startsWith(github.event.head_commit.message, 'skip-release')
-    name: Create release - Node.js v20.16.0
+    name: Create release - Node.js v20.17.0
     runs-on: ubuntu-latest
 
     steps:
@@ -16,10 +16,10 @@ jobs:
         with:
           token: ${{ secrets.GH_TOKEN }}
 
-      - name: Use Node.js 20.16.0
+      - name: Use Node.js 20.17.0
         uses: actions/setup-node@v4
         with:
-          node-version: '20.16.0'
+          node-version: '20.17.0'
 
       - name: Install dependencies 🔧
         run: yarn install --immutable --check-cache
@@ -40,6 +40,16 @@ jobs:
           yarn build
           node scripts/update-angular-dependency-version.mjs
 
+      - name: Commit and push changes (if there are any)
+        run: |
+          git add .
+          if ! git diff-index --quiet HEAD; then
+            git commit -m "skip-release - chore(build): updated search index for docs"
+            git push origin master
+          fi
+        env:
+          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+
       - name: Publish to npmjs registry and Github
         run: |
           npm config set //registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }} -q

.yarnrc.yml

@@ -1,3 +1,3 @@
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.4.0.cjs
+yarnPath: .yarn/releases/yarn-4.4.1.cjs

package.json

@@ -16,19 +16,19 @@
 		"packages/*"
 	],
 	"engines": {
-		"node": "^20.16.0 ^22.2.0"
+		"node": "^20.17.0 ^22.2.0"
 	},
-	"packageManager": "yarn@4.4.0",
+	"packageManager": "yarn@4.4.1",
 	"devDependencies": {
-		"@commitlint/cli": "^19.4.0",
-		"@commitlint/config-conventional": "^19.2.2",
+		"@commitlint/cli": "^19.4.1",
+		"@commitlint/config-conventional": "^19.4.1",
 		"@eslint/compat": "^1.1.1",
-		"@eslint/js": "^9.9.0",
+		"@eslint/js": "^9.9.1",
 		"@playwright/test": "^1.46.1",
-		"@types/node": "^22.4.0",
+		"@types/node": "^22.5.2",
 		"@vue/eslint-config-prettier": "^9.0.0",
 		"@vue/eslint-config-typescript": "^13.0.0",
-		"eslint": "^9.9.0",
+		"eslint": "^9.9.1",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-jsdoc": "^50.2.2",
 		"eslint-plugin-prettier": "^5.2.1",
@@ -37,16 +37,16 @@
 		"eslint-plugin-svelte": "^2.43.0",
 		"eslint-plugin-vue": "^9.27.0",
 		"globals": "^15.9.0",
-		"husky": "^9.1.4",
+		"husky": "^9.1.5",
 		"lerna": "^8.1.8",
-		"lint-staged": "^15.2.9",
+		"lint-staged": "^15.2.10",
 		"prettier": "^3.3.3",
 		"prettier-config-carbon": "^0.11.0",
 		"prettier-plugin-svelte": "^3.2.6",
-		"svelte": "^4.2.18",
+		"svelte": "^4.2.19",
 		"svelte-eslint-parser": "^0.41.0",
 		"typescript": "^5.5.4",
-		"typescript-eslint": "^8.1.0",
+		"typescript-eslint": "^8.3.0",
 		"vue-eslint-parser": "^9.4.3"
 	},
 	"release": {

packages/angular/README.md

@@ -1,6 +1,6 @@
 <p align="center">
 	<a href="https://charts.carbondesignsystem.com/">
-		<img src="../../assets/dashboard.png" alt="Carbon Charts" />
+		<img src="../../carbon-charts/HEAD/assets/dashboard.png" alt="Carbon Charts" />
 	</a>
 	<h3 align="center">Carbon Charts Angular</h3>
 	<p align="center">

packages/angular/package.json

@@ -29,27 +29,27 @@
 	"dependencies": {
 		"@carbon/charts": "workspace:*",
 		"@ibm/telemetry-js": "^1.6.1",
-		"tslib": "^2.6.3"
+		"tslib": "^2.7.0"
 	},
 	"devDependencies": {
-		"@angular-devkit/build-angular": "^18.2.0",
-		"@angular/cli": "^18.2.0",
-		"@angular/common": "^18.2.0",
-		"@angular/compiler": "^18.2.0",
-		"@angular/compiler-cli": "^18.2.0",
-		"@angular/core": "^18.2.0",
-		"@angular/platform-browser": "^18.2.0",
-		"@angular/platform-browser-dynamic": "^18.2.0",
-		"@carbon/icons": "^11.47.0",
+		"@angular-devkit/build-angular": "^18.2.2",
+		"@angular/cli": "^18.2.2",
+		"@angular/common": "^18.2.2",
+		"@angular/compiler": "^18.2.2",
+		"@angular/compiler-cli": "^18.2.2",
+		"@angular/core": "^18.2.2",
+		"@angular/platform-browser": "^18.2.2",
+		"@angular/platform-browser-dynamic": "^18.2.2",
+		"@carbon/icons": "^11.48.0",
 		"@playwright/test": "^1.46.1",
 		"angular-eslint": "^18.3.0",
 		"concurrently": "^8.2.2",
-		"eslint": "^9.9.0",
-		"ng-packagr": "^18.2.0",
+		"eslint": "^9.9.1",
+		"ng-packagr": "^18.2.1",
 		"prettier": "^3.3.3",
 		"typescript": "~5.5.4",
-		"typescript-eslint": "^8.1.0",
-		"zone.js": "~0.14.10"
+		"typescript-eslint": "^8.3.0",
+		"zone.js": "~0.15.0"
 	},
 	"publishConfig": {
 		"tag": "next",

packages/core/package.json

@@ -73,7 +73,7 @@
 		"directory": "packages/core"
 	},
 	"dependencies": {
-		"@carbon/colors": "^11.24.0",
+		"@carbon/colors": "^11.25.0",
 		"@carbon/utils-position": "^1.3.0",
 		"@ibm/telemetry-js": "^1.6.1",
 		"@types/d3": "^7.4.3",
@@ -87,28 +87,28 @@
 		"html-to-image": "^1.11.11",
 		"lodash-es": "^4.17.21",
 		"topojson-client": "^3.1.0",
-		"tslib": "^2.6.3"
+		"tslib": "^2.7.0"
 	},
 	"devDependencies": {
-		"@carbon/layout": "^11.24.0",
-		"@carbon/styles": "^1.63.0",
-		"@carbon/themes": "^11.38.0",
+		"@carbon/layout": "^11.25.0",
+		"@carbon/styles": "^1.64.0",
+		"@carbon/themes": "^11.39.0",
 		"@playwright/test": "^1.46.1",
 		"@rollup/plugin-replace": "^5.0.7",
 		"@types/dompurify": "^3.0.5",
 		"@types/lodash-es": "^4.17.12",
-		"@types/node": "^22.4.0",
+		"@types/node": "^22.5.2",
 		"concurrently": "^8.2.2",
 		"downlevel-dts": "^0.11.0",
-		"eslint": "^9.9.0",
-		"jsdom": "^24.1.1",
+		"eslint": "^9.9.1",
+		"jsdom": "^25.0.0",
 		"prettier": "^3.3.3",
 		"publint": "^0.2.10",
 		"resize-observer-polyfill": "^1.5.1",
 		"sass": "^1.77.8",
 		"typescript": "^5.5.4",
-		"vite": "^5.4.1",
-		"vite-plugin-dts": "^4.0.3",
+		"vite": "^5.4.2",
+		"vite-plugin-dts": "^4.1.0",
 		"vitest": "^2.0.5"
 	},
 	"publishConfig": {

packages/docs/package.json

@@ -21,28 +21,28 @@
 	"dependencies": {
 		"@carbon/charts": "workspace:*",
 		"@carbon/charts-react": "workspace:*",
-		"@carbon/icons-react": "^11.47.0",
-		"@carbon/react": "^1.64.0",
+		"@carbon/icons-react": "^11.48.0",
+		"@carbon/react": "^1.65.0",
 		"@stackblitz/sdk": "^1.11.0",
 		"fuse.js": "^7.0.0",
 		"highlight.js": "^11.10.0",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
 		"react-router-dom": "^6.26.1",
-		"styled-components": "^6.1.12"
+		"styled-components": "^6.1.13"
 	},
 	"devDependencies": {
-		"@types/react": "^18.3.3",
+		"@types/react": "^18.3.5",
 		"@types/react-dom": "^18.3.0",
 		"@types/topojson-specification": "^1.0.5",
 		"@vitejs/plugin-react-swc": "^3.7.0",
-		"eslint": "^9.9.0",
-		"jsdom": "^24.1.1",
+		"eslint": "^9.9.1",
+		"jsdom": "^25.0.0",
 		"prettier": "^3.3.3",
 		"sass": "^1.77.8",
-		"typedoc": "^0.26.5",
+		"typedoc": "^0.26.6",
 		"typescript": "^5.5.4",
-		"vite": "^5.4.1"
+		"vite": "^5.4.2"
 	},
 	"publishConfig": {
 		"access": "restricted"

packages/docs/src/routes/Introduction.tsx

@@ -8,6 +8,14 @@ const GraphTilesContainer = styled.div`
 	flex-wrap: wrap;
 `
 
+const StyledFooter = styled.footer`
+	background-color: black;
+	margin: -3rem;
+	margin-top: 3rem;
+	padding: 3rem;
+	padding-bottom: 7rem;
+`
+
 export default function Introduction() {
 	return (
 		<>
@@ -78,6 +86,15 @@ export default function Introduction() {
 			<GraphTilesContainer>
 				<GraphTile route="/choropleth" title="Choropleth" svg="choropleth" />
 			</GraphTilesContainer>
+
+			<StyledFooter>
+				<a href="https://www.netlify.com">
+					<img
+						src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg"
+						alt="Deploys by Netlify"
+					/>
+				</a>
+			</StyledFooter>
 		</>
 	)
 }

packages/react/package.json

@@ -39,7 +39,7 @@
 	},
 	"dependencies": {
 		"@carbon/charts": "workspace:*",
-		"@carbon/icons-react": "^11.47.0",
+		"@carbon/icons-react": "^11.48.0",
 		"@ibm/telemetry-js": "^1.6.1"
 	},
 	"peerDependencies": {
@@ -48,19 +48,19 @@
 	},
 	"devDependencies": {
 		"@playwright/test": "^1.46.1",
-		"@types/react": "^18.3.3",
+		"@types/react": "^18.3.5",
 		"@types/react-dom": "^18.3.0",
 		"@vitejs/plugin-react-swc": "^3.7.0",
 		"classnames": "^2.5.1",
 		"concurrently": "^8.2.2",
 		"downlevel-dts": "^0.11.0",
-		"eslint": "^9.9.0",
+		"eslint": "^9.9.1",
 		"prettier": "^3.3.3",
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1",
 		"typescript": "^5.5.4",
-		"vite": "^5.4.1",
-		"vite-plugin-dts": "^4.0.3"
+		"vite": "^5.4.2",
+		"vite-plugin-dts": "^4.1.0"
 	},
 	"publishConfig": {
 		"access": "public"

packages/svelte/package.json

@@ -42,17 +42,17 @@
 	"devDependencies": {
 		"@playwright/test": "^1.46.1",
 		"@sveltejs/adapter-static": "^3.0.4",
-		"@sveltejs/kit": "^2.5.22",
+		"@sveltejs/kit": "^2.5.25",
 		"@sveltejs/package": "^2.3.4",
-		"@sveltejs/vite-plugin-svelte": "^3.1.1",
-		"eslint": "^9.9.0",
+		"@sveltejs/vite-plugin-svelte": "^3.1.2",
+		"eslint": "^9.9.1",
 		"prettier": "^3.3.3",
 		"publint": "^0.2.10",
-		"svelte": "^4.2.18",
-		"svelte-check": "^3.8.5",
-		"tslib": "^2.6.3",
+		"svelte": "^4.2.19",
+		"svelte-check": "^4.0.0",
+		"tslib": "^2.7.0",
 		"typescript": "^5.5.4",
-		"vite": "^5.4.1"
+		"vite": "^5.4.2"
 	},
 	"publishConfig": {
 		"access": "public"

packages/vue/README.md

@@ -1,6 +1,6 @@
 <p align="center">
 	<a href="https://charts.carbondesignsystem.com/">
-		<img src="../../assets/dashboard.png" alt="Carbon Charts" />
+		<img src="../../carbon-charts/HEAD/assets/dashboard.png" alt="Carbon Charts" />
 	</a>
 	<h3 align="center">Carbon Charts Vue</h3>
 	<p align="center">
@@ -17,8 +17,7 @@
 	</p>
 </p>
 
-For Vue.js 2.x support, please use
-`@carbon/charts-vue@latest`.
+For Vue.js 2.x support, please use `@carbon/charts-vue@latest`.
 
 ## [Documentation with StackBlitz examples](https://charts.carbondesignsystem.com/)
 

packages/vue/package.json

@@ -40,14 +40,14 @@
 	},
 	"devDependencies": {
 		"@playwright/test": "^1.46.1",
-		"@vitejs/plugin-vue": "^5.1.2",
-		"eslint": "^9.9.0",
+		"@vitejs/plugin-vue": "^5.1.3",
+		"eslint": "^9.9.1",
 		"prettier": "^3.3.3",
 		"typescript": "^5.5.4",
-		"vite": "^5.4.1",
-		"vite-plugin-dts": "^4.0.3",
+		"vite": "^5.4.2",
+		"vite-plugin-dts": "^4.1.0",
 		"vue": "^3.4.38",
-		"vue-tsc": "^2.0.29"
+		"vue-tsc": "^2.1.4"
 	},
 	"publishConfig": {
 		"access": "public",