Merge pull request #1118 from carbon-design-system/dev

chore: publish `v1.46`

.achecker.yml

@@ -5,5 +5,3 @@ failLevels:
 
 policies:
   - WCAG_2_1
-
-ruleArchive: preview

.circleci/config.yml

@@ -6,7 +6,7 @@ jobs:
       - checkout
       - run: yarn install --offline --frozen-lockfile
       - run: yarn run audit
-      - run: yarn lint:js
+      - run: yarn lint
       - run: yarn build
       - run: yarn test
       - run: yarn semantic-release

.nvmrc

@@ -1 +1 @@
-12
+14

.storybook/index.js

@@ -12,17 +12,10 @@ const CATEGORIES = {
   LAYOUT_MODULES: 'Layout modules',
   PAGE_LAYOUTS: 'Page layouts (Canary)',
   PATTERNS: 'Patterns',
-  SECURITY: 'Security',
 };
 
-const {
-  COMPONENTS,
-  DEPRECATED,
-  LAYOUT_MODULES,
-  PAGE_LAYOUTS,
-  PATTERNS,
-  SECURITY,
-} = CATEGORIES;
+const { COMPONENTS, DEPRECATED, LAYOUT_MODULES, PAGE_LAYOUTS, PATTERNS } =
+  CATEGORIES;
 
 const ORDER = [
   LAYOUT_MODULES,
@@ -98,6 +91,11 @@ const disableCentered = () => ({
 const disableCenteredStories = (stories) =>
   stories.addParameters(disableCentered());
 
+// Returns the formatted ID to embed a story in Docs — https://storybook.js.org/docs/rax/api/mdx#embedding-stories
+function getDocsId(id) {
+  return id;
+}
+
 /**
  * Helper configuration for aligning stories supporting Storybook Docs with the same addon and tab configuration.
  * @returns {Object<string, Object>} The helper configuration.
@@ -134,15 +132,19 @@ Also refer to http://${library}.carbondesignsystem.com/?path=/docs/${group}-${st
     : description,
 });
 
+const parameters = {};
+
 export {
   disableCentered,
   disableCenteredStories,
   getComponentsCategory as components,
   getDeprecatedCategory as deprecated,
+  getDocsId,
   getDocsParameters,
   getLayoutModulesCategory as layoutModules,
   getPageLayoutsCategory as pageLayouts,
   getPatternsCategory as patterns,
   info,
   ORDER,
+  parameters,
 };

.storybook/main.js

@@ -14,9 +14,15 @@ module.exports = {
     '@storybook/addon-docs',
     '@storybook/addon-google-analytics',
     '@storybook/addon-links',
-    '@storybook/addon-postcss',
     '@storybook/addon-viewport',
-    '@storybook/addon-storysource',
+    {
+      name: '@storybook/addon-storysource',
+      options: {
+        rule: {
+          test: /(-story|\.stories)\.js$/,
+        },
+      },
+    },
     '@storybook/addon-knobs',
     '@storybook/addon-controls',
     '@storybook/addon-actions',

.stylelintrc

@@ -2,17 +2,10 @@
   "extends": ["stylelint-config-carbon"],
   "plugins": ["stylelint-plugin-carbon-tokens"],
   "rules": {
-    "carbon/layout-token-use": [true, { "severity": "warning" }],
-    "carbon/motion-token-use": [true, { "severity": "warning" }],
-    "carbon/theme-token-use": [true, { severity: "warning" }],
-    "carbon/type-token-use": [
-      true,
-      {
-        "acceptCarbonFontWeightFunction": true,
-        "acceptCarbonTypeScaleFunction": true,
-        "severity": "warning"
-      }
-    ],
+    "carbon/layout-token-use": [true],
+    "carbon/motion-token-use": [true],
+    "carbon/theme-token-use": [true],
+    "carbon/type-token-use": [true],
     "declaration-property-value-disallowed-list": null,
     "property-no-unknown": [
       true,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/ibm-security",
-  "version": "1.45.0",
+  "version": "1.45.0-prerelease.13",
   "description": "Carbon for IBM Security",
   "license": "Apache-2.0",
   "main": "lib/index.js",
@@ -14,22 +14,24 @@
   "scripts": {
     "audit": "node scripts/audit",
     "build": "run-s build:*",
-    "build:pre": "run-s build:pre:*",
-    "build:pre:clean": "rm -rf css es lib scss storybook-static",
+    "build:clean": "rm -rf css es lib scss storybook-static",
     "build:main": "run-p build:main:*",
     "build:main:copy-assets": "node scripts/copyAssets.js",
     "build:main:cjs": "babel src -d lib --ignore '**/_mocks_/**','**/__tests__/**','**/*-story.js','src/globals/scss-exports'",
     "build:main:es": "BABEL_ENV=es babel src -d es --ignore '**/_mocks_/**','**/__tests__/**','**/*-story.js','src/globals/scss-exports'",
     "build:main:scss": "gulp copy:scss",
     "build:main:scss-exports": "rollup -c rollup.config.js",
-    "build:main:styles": "node scripts/styles.js",
+    "build:main:styles": "sass -I node_modules --no-source-map src/index.scss css/index.css",
     "build:post": "run-p build:post:*",
-    "build:post:clean-css": "cleancss -O2 -o css/index.min.css css/index.css",
+    "build:post:css": "run-s build:post:css:*",
+    "build:post:css:autoprefixer": "postcss css/index.css -u autoprefixer -o css/index.css",
+    "build:post:css:clean": "cleancss -O2 -o css/index.min.css css/index.css",
     "build:post:storybook": "build-storybook -s public",
     "docs": "node scripts/themes && git add docs/themes/themes.md",
     "format": "yarn precommit:format '**/*.{js, json, html, md, mdx, scss}'",
     "jest": "jest",
     "jest:watch": "yarn jest --watch",
+    "lint": "run-p -c lint:*",
     "lint:js": "yarn precommit:lint:js .",
     "lint:scss": "yarn precommit:lint:scss '**/*.scss'",
     "lint-staged": "lint-staged",
@@ -53,22 +55,22 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.14.8",
-    "@carbon/colors": "10.30.0",
-    "@carbon/grid": "10.33.0",
-    "@carbon/icons-react": "10.37.0",
+    "@carbon/colors": "10.31.0",
+    "@carbon/grid": "10.35.0",
+    "@carbon/icons-react": "10.38.0",
     "@carbon/import-once": "10.5.0",
-    "@carbon/layout": "10.29.0",
-    "@carbon/motion": "10.22.0",
+    "@carbon/layout": "10.31.0",
+    "@carbon/motion": "10.23.0",
     "@carbon/telemetry": "^0.0.0-alpha.6",
-    "@carbon/themes": "10.40.0",
-    "@carbon/type": "10.33.0",
-    "carbon-components": "10.41.0",
-    "carbon-components-react": "7.41.0",
+    "@carbon/themes": "10.42.0",
+    "@carbon/type": "10.35.0",
+    "carbon-components": "10.43.0",
+    "carbon-components-react": "7.43.0",
     "carbon-icons": "7.0.7",
     "classnames": "^2.3.1",
     "downshift": "^6.1.3",
     "export-to-csv": "^0.2.1",
-    "focus-trap-react": "^8.7.0",
+    "focus-trap-react": "^8.8.1",
     "invariant": "^2.2.3",
     "numeral": "^2.0.6",
     "prop-types": "^15.7.2",
@@ -94,7 +96,6 @@
     "@carbon/bundler": "^10.11.0",
     "@commitlint/cli": "^8.0.0",
     "@commitlint/config-conventional": "^8.0.0",
-    "@csstools/postcss-sass": "^4.0.0",
     "@semantic-release/git": "^7.1.0-beta.3",
     "@storybook/addon-a11y": "^6.3.7",
     "@storybook/addon-actions": "^6.3.7",
@@ -104,7 +105,6 @@
     "@storybook/addon-info": "^5.3.21",
     "@storybook/addon-knobs": "^6.3.0",
     "@storybook/addon-links": "^6.3.7",
-    "@storybook/addon-postcss": "^2.0.0",
     "@storybook/addon-storysource": "^6.3.7",
     "@storybook/addon-viewport": "^6.3.7",
     "@storybook/addons": "^6.3.7",
@@ -115,8 +115,8 @@
     "@testing-library/jest-dom": "5.14.1",
     "@testing-library/react": "11.2.7",
     "@testing-library/user-event": "13.1.9",
-    "accessibility-checker": "^3.1.7",
-    "autoprefixer": "^9.4.10",
+    "accessibility-checker": "^3.1.10",
+    "autoprefixer": "^10.3.7",
     "axe-core": "^4.2.2",
     "babel-jest": "^27.0.6",
     "babel-loader": "^8.2.2",
@@ -140,29 +140,29 @@
     "husky": "^3.0.9",
     "jest": "^27.0.4",
     "lint-staged": "^9.4.2",
-    "node-sass": "^4.7.2",
+    "node-sass": "^6.0.1",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.2.10",
-    "postcss-scss": "^2.0.0",
+    "postcss-cli": "^9.0.1",
     "prettier": "^2.3.2",
     "prettier-config-carbon": "^0.4.0",
     "prismjs": "^1.15.0",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-is": "^17.0.2",
     "recompose": "^0.30.0",
-    "rollup": "^0.66.5",
+    "rollup": "^2.58.0",
     "rollup-plugin-babel": "^4.4.0",
-    "rollup-plugin-node-resolve": "^4.2.4",
-    "rollup-plugin-postcss": "^1.6.2",
-    "sass": "^1.32.8",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-postcss": "^4.0.1",
+    "sass": "^1.38.1",
     "sass-extract": "^2.1.0",
     "semantic-release": "^17.2.3",
     "shelljs": "^0.8.4",
     "style-loader": "^0.23.1",
     "stylelint": "^13.13.1",
     "stylelint-config-carbon": "^1.7.0",
-    "stylelint-plugin-carbon-tokens": "^0.11.1",
+    "stylelint-plugin-carbon-tokens": "^0.11.2",
     "webpack-merge": "^5.1.4",
     "yarn": "^1.16.0"
   },

rollup.config.js

@@ -32,7 +32,6 @@ const createFromDefault = ({
   },
   out = cjs,
 } = {}) => ({
-  experimentalCodeSplitting,
   input,
   output: {
     chunkFileNames: 'chunks/[hash].js',