chore(deps): install prettier-plugin-package

.prettierignore

@@ -7,3 +7,4 @@
 es
 dist
 node_modules
+custom-elements.json

examples/codesandbox/angular/package.json

@@ -1,13 +1,13 @@
 {
   "name": "carbon-web-components-getting-started-angular",
   "version": "0.1.0",
+  "private": true,
   "description": "Sample project for getting started with the Web Components from the Carbon Design System with Angular.",
   "scripts": {
+    "build": "ng build",
     "ng": "ng",
-    "start": "ng serve --port 8080",
-    "build": "ng build"
+    "start": "ng serve --port 8080"
   },
-  "private": true,
   "dependencies": {
     "@angular/animations": "^8.0.0",
     "@angular/common": "^8.0.0",

examples/codesandbox/angular/tsconfig.app.json

@@ -4,11 +4,6 @@
     "outDir": "./out-tsc/app",
     "types": []
   },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.ts"
-  ]
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "include": ["src/**/*.ts"]
 }

examples/codesandbox/angular/tsconfig.json

@@ -11,13 +11,8 @@
     "moduleResolution": "node",
     "importHelpers": true,
     "target": "es2015",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2018",
-      "dom"
-    ]
+    "typeRoots": ["node_modules/@types"],
+    "lib": ["es2018", "dom"]
   },
   "angularCompilerOptions": {
     "disableTypeScriptVersionCheck": true,

examples/codesandbox/cdn/package.json

@@ -6,9 +6,9 @@
   "license": "Apache-2",
   "main": "index.html",
   "scripts": {
+    "build": "parcel build *.html --no-minify --public-url ./",
     "clean": "rimraf node_modules dist .cache",
-    "start": "parcel index.html --port=9000 --no-hmr",
-    "build": "parcel build *.html --no-minify --public-url ./"
+    "start": "parcel index.html --port=9000 --no-hmr"
   },
   "devDependencies": {
     "parcel-bundler": "1.12.3",

examples/codesandbox/data-table/package.json

@@ -6,8 +6,8 @@
   "license": "Apache-2",
   "main": "index.html",
   "scripts": {
-    "start": "parcel index.html --no-hmr",
-    "build": "parcel build index.html"
+    "build": "parcel build index.html",
+    "start": "parcel index.html --no-hmr"
   },
   "dependencies": {
     "carbon-web-components": "^1.19.0",

examples/codesandbox/form/angular/package.json

@@ -1,13 +1,13 @@
 {
   "name": "carbon-web-components-getting-started-angular-forms",
   "version": "0.1.0",
+  "private": true,
   "description": "Sample project for getting started with the Web Components from the Carbon Design System with Angular forms.",
   "scripts": {
+    "build": "ng build",
     "ng": "ng",
-    "start": "ng serve --port 8080",
-    "build": "ng build"
+    "start": "ng serve --port 8080"
   },
-  "private": true,
   "dependencies": {
     "@angular/animations": "~8.1.0",
     "@angular/common": "~8.1.0",

examples/codesandbox/form/angular/tsconfig.app.json

@@ -4,11 +4,6 @@
     "outDir": "./out-tsc/app",
     "types": []
   },
-  "files": [
-    "src/main.ts",
-    "src/polyfills.ts"
-  ],
-  "include": [
-    "src/**/*.ts"
-  ]
+  "files": ["src/main.ts", "src/polyfills.ts"],
+  "include": ["src/**/*.ts"]
 }

examples/codesandbox/form/angular/tsconfig.json

@@ -11,13 +11,8 @@
     "moduleResolution": "node",
     "importHelpers": true,
     "target": "es2015",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2018",
-      "dom"
-    ]
+    "typeRoots": ["node_modules/@types"],
+    "lib": ["es2018", "dom"]
   },
   "angularCompilerOptions": {
     "disableTypeScriptVersionCheck": true,

examples/codesandbox/ie/package.json

@@ -2,12 +2,12 @@
   "name": "carbon-web-components-ie-getting-started",
   "version": "0.1.0",
   "description": "Sample project for getting started with the Web Components from the Carbon Design System with IE.",
+  "license": "Apache-2",
+  "author": "",
   "scripts": {
     "start": "webpack-dev-server --mode development --port 8080"
   },
   "keywords": [],
-  "author": "",
-  "license": "Apache-2",
   "devDependencies": {
     "@babel/core": "^7.8.0",
     "@babel/plugin-transform-runtime": "^7.8.0",

examples/codesandbox/next/package.json

@@ -3,10 +3,10 @@
   "version": "0.1.0",
   "private": true,
   "description": "Sample project for getting started with the Web Components from the Carbon Design System with Next.js.",
+  "license": "Apache-2",
   "scripts": {
     "start": "echo 'Running Next in Node 12.16.3+. If you have such Node version in your system just `next` here will work.' && ./node_modules/node/node_modules/.bin/node ./node_modules/.bin/next"
   },
-  "license": "Apache-2",
   "dependencies": {
     "carbon-web-components": "^1.19.0",
     "next": "^10.0.0",

examples/codesandbox/rtl/package.json

@@ -2,12 +2,12 @@
   "name": "carbon-web-components-rtl-getting-started",
   "version": "0.1.0",
   "description": "Sample project for getting started with the Web Components from the Carbon Design System with IE.",
+  "license": "Apache-2",
+  "author": "",
   "scripts": {
     "start": "webpack-dev-server --mode development --port 8080"
   },
   "keywords": [],
-  "author": "",
-  "license": "Apache-2",
   "devDependencies": {
     "@babel/core": "^7.8.0",
     "@babel/plugin-transform-runtime": "^7.8.0",

examples/codesandbox/vue/package.json

@@ -3,8 +3,8 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build"
+    "build": "vue-cli-service build",
+    "serve": "vue-cli-service serve"
   },
   "dependencies": {
     "carbon-web-components": "^1.19.0",
@@ -20,11 +20,6 @@
     "vue-eslint-parser": "^6.0.0",
     "vue-template-compiler": "^2.5.0"
   },
-  "postcss": {
-    "plugins": {
-      "autoprefixer": {}
-    }
-  },
   "browserslist": [
     "> 1%",
     "last 2 versions",
@@ -36,5 +31,10 @@
       "ecmaVersion": 6,
       "sourceType": "module"
     }
+  },
+  "postcss": {
+    "plugins": {
+      "autoprefixer": {}
+    }
   }
 }

package.json

@@ -2,6 +2,8 @@
   "name": "carbon-web-components",
   "version": "1.19.0",
   "license": "Apache-2.0",
+  "repository": "https://github.com/carbon-design-system/carbon-web-components",
+  "bugs": "https://github.com/carbon-design-system/carbon-web-components/issues",
   "main": "es/index.js",
   "module": "es/index.js",
   "exports": {
@@ -24,66 +26,60 @@
     "./custom-elements.json": "./custom-elements.json",
     "./package.json": "./package.json"
   },
-  "typings": "es/index.d.ts",
-  "repository": "https://github.com/carbon-design-system/carbon-web-components",
-  "bugs": "https://github.com/carbon-design-system/carbon-web-components/issues",
-  "files": [
-    "es/**/*",
-    "lib/**/*",
-    "scss/**/*",
-    "dist/**/*",
-    "custom-elements.json"
-  ],
-  "keywords": [
-    "carbon",
-    "component",
-    "components",
-    "pattern",
-    "patterns",
-    "style guide",
-    "carbon-design-system",
-    "web components"
-  ],
   "scripts": {
     "build": "gulp build && yarn build:ngc && yarn wca",
+    "build-storybook:angular": "node --max-old-space-size=8192 node_modules/@storybook/angular/bin/build.js -c .storybook/angular -o storybook-static-angular",
+    "build-storybook:react": "gulp build:modules:react && node --max-old-space-size=8192 node_modules/@storybook/react/bin/build.js -c .storybook/react -o storybook-static-react",
+    "build-storybook:vue": "node --max-old-space-size=8192 node_modules/@storybook/vue/bin/build.js -c .storybook/vue -o storybook-static-vue",
     "build:dist": "gulp build:dist",
     "build:dist:dev": "gulp build:dist:dev",
     "build:ngc": "yarn build:ngc:esm2015 && yarn build:ngc:esm5",
     "build:ngc:esm2015": "ngc -p tsconfig-angular-esm2015.json",
     "build:ngc:esm5": "ngc -p tsconfig-angular-esm5.json",
-    "build-storybook:angular": "node --max-old-space-size=8192 node_modules/@storybook/angular/bin/build.js -c .storybook/angular -o storybook-static-angular",
-    "build-storybook:react": "gulp build:modules:react && node --max-old-space-size=8192 node_modules/@storybook/react/bin/build.js -c .storybook/react -o storybook-static-react",
-    "build-storybook:vue": "node --max-old-space-size=8192 node_modules/@storybook/vue/bin/build.js -c .storybook/vue -o storybook-static-vue",
     "ci-check": "yarn wca && yarn format:diff && yarn lint:src && yarn typecheck && yarn build && yarn test:unit && yarn lint:dist",
     "clean": "gulp clean",
-    "format": "prettier --write \"**/*.{css,js,ts,md,scss}\"",
-    "format:diff": "prettier --check \"**/*.{css,js,ts,md,scss}\"",
+    "format": "prettier --write \"**/*.{css,js,json,md,scss,ts}\"",
+    "format:diff": "prettier --check \"**/*.{css,js,json,md,scss,ts}\"",
     "format:staged": "prettier --write",
     "lint": "yarn lint:src && yarn lint:dist",
     "lint:dist": "yarn lint:license:dist",
-    "lint:license:src": "gulp lint:license:src",
     "lint:license:dist": "gulp lint:license:dist",
+    "lint:license:src": "gulp lint:license:src",
     "lint:license:staged": "tools/check-license.js -w",
     "lint:scripts": "eslint --ext .js,.ts,.tsx .",
     "lint:scripts:staged": "eslint",
     "lint:src": "yarn lint:license:src && yarn lint:scripts",
     "reset": "yarn cache clean && yarn clean && rimraf node_modules && yarn install && yarn build",
+    "start": "yarn storybook",
+    "storybook": "start-storybook -p 9000",
+    "storybook:angular": "node node_modules/@storybook/angular/bin/index.js -p 9001 -c .storybook/angular",
+    "storybook:react": "node node_modules/@storybook/react/bin/index.js -p 9002 -c .storybook/react",
+    "storybook:vue": "node node_modules/@storybook/vue/bin/index.js -p 9003 -c .storybook/vue",
     "test": "gulp test && yarn test:integration",
     "test:integration": "yarn test:integration:build && yarn test:integration:ui",
     "test:integration:build": "jest -c tests/integration/build/jest.config.js --runInBand",
     "test:integration:ui": "jest -c tests/integration/ui/jest.config.js --runInBand",
     "test:unit": "gulp test:unit",
     "typecheck": "tsc --noEmit -p tsconfig.json",
-    "start": "yarn storybook",
-    "storybook": "start-storybook -p 9000",
-    "storybook:angular": "node node_modules/@storybook/angular/bin/index.js -p 9001 -c .storybook/angular",
-    "storybook:react": "node node_modules/@storybook/react/bin/index.js -p 9002 -c .storybook/react",
-    "storybook:vue": "node node_modules/@storybook/vue/bin/index.js -p 9003 -c .storybook/vue",
     "wca": "web-component-analyzer analyze src --outFile custom-elements.json"
   },
-  "resolutions": {
-    "babel-plugin-transform-vue-jsx": "^4.0.0"
-  },
+  "files": [
+    "custom-elements.json",
+    "dist/**/*",
+    "es/**/*",
+    "lib/**/*",
+    "scss/**/*"
+  ],
+  "keywords": [
+    "carbon",
+    "component",
+    "components",
+    "pattern",
+    "patterns",
+    "style guide",
+    "carbon-design-system",
+    "web components"
+  ],
   "dependencies": {
     "@babel/runtime": "^7.16.3",
     "carbon-components": "10.48.0",
@@ -231,6 +227,7 @@
     "postcss-loader": "^3.0.0",
     "postcss-selector-parser": "^6.0.0",
     "prettier": "~2.5.0",
+    "prettier-plugin-package": "^1.3.0",
     "prop-types": "^15.7.0",
     "puppeteer": "^12.0.0",
     "raw-loader": "^4.0.0",
@@ -270,6 +267,10 @@
     "webpack-dev-server": "^4.0.0",
     "zone.js": "~0.11.0"
   },
+  "resolutions": {
+    "babel-plugin-transform-vue-jsx": "^4.0.0"
+  },
+  "typings": "es/index.d.ts",
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
@@ -294,8 +295,10 @@
     }
   },
   "lint-staged": {
+    "*.{css,js,json,md,scss,ts}": [
+      "yarn format:staged"
+    ],
     "*.{js,ts,tsx}": [
-      "yarn format:staged",
       "yarn lint:license:staged",
       "yarn lint:scripts:staged"
     ],

renovate.json

@@ -1,10 +1,4 @@
 {
-  "extends": [
-    "config:base",
-    ":maintainLockFilesWeekly",
-    ":preserveSemverRanges",
-    "schedule:weekends",
-    ":noUnscheduledUpdates"
-  ],
+  "extends": ["config:base", ":maintainLockFilesWeekly", ":preserveSemverRanges", "schedule:weekends", ":noUnscheduledUpdates"],
   "rangeStrategy": "replace"
 }

tsconfig.json

@@ -18,12 +18,6 @@
     "allowSyntheticDefaultImports": true,
     "resolveJsonModule": true
   },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "tests/**/*.ts",
-    ".storybook/**/*.ts",
-    ".storybook/**/*.tsx"
-  ],
+  "include": ["src/**/*.ts", "src/**/*.tsx", "tests/**/*.ts", ".storybook/**/*.ts", ".storybook/**/*.tsx"],
   "exclude": []
 }

yarn.lock

@@ -15727,6 +15727,11 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
+prettier-plugin-package@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-package/-/prettier-plugin-package-1.3.0.tgz#b42d12eda16b67c9fcf95054d799fe3f542aef54"
+  integrity sha512-KPNHR/Jm2zTevBp1SnjzMnooO1BOQW2bixVbOp8flOJoW+dxdDwEncObfsKZdkjwrv6AIH4oWqm5EO/etDmK9Q==
+
 "prettier@^1.18.2 || ^2.0.0", prettier@^2.0.0:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.4.1.tgz#671e11c89c14a4cfc876ce564106c4a6726c9f5c"