diff --git a/.yarn/cache/@rollup-plugin-replace-npm-2.3.4-2b255f0126-97ae11600a.zip b/.yarn/cache/@rollup-plugin-replace-npm-2.3.4-2b255f0126-97ae11600a.zip new file mode 100644 index 000000000000..d3c4fcb23fa3 Binary files /dev/null and b/.yarn/cache/@rollup-plugin-replace-npm-2.3.4-2b255f0126-97ae11600a.zip differ diff --git a/.yarn/cache/estree-walker-npm-0.3.1-eafc7846cc-20a1a9833e.zip b/.yarn/cache/estree-walker-npm-0.3.1-eafc7846cc-20a1a9833e.zip deleted file mode 100644 index 9536fdc2d5ac..000000000000 Binary files a/.yarn/cache/estree-walker-npm-0.3.1-eafc7846cc-20a1a9833e.zip and /dev/null differ diff --git a/.yarn/cache/magic-string-npm-0.19.1-0dffe528c9-eabaf9b175.zip b/.yarn/cache/magic-string-npm-0.19.1-0dffe528c9-eabaf9b175.zip deleted file mode 100644 index ee347c85365b..000000000000 Binary files a/.yarn/cache/magic-string-npm-0.19.1-0dffe528c9-eabaf9b175.zip and /dev/null differ diff --git a/.yarn/cache/rollup-plugin-strip-banner-npm-0.2.0-0aa46b3887-ba6dab339b.zip b/.yarn/cache/rollup-plugin-strip-banner-npm-0.2.0-0aa46b3887-ba6dab339b.zip deleted file mode 100644 index fd39eb052ff2..000000000000 Binary files a/.yarn/cache/rollup-plugin-strip-banner-npm-0.2.0-0aa46b3887-ba6dab339b.zip and /dev/null differ diff --git a/.yarn/cache/rollup-pluginutils-npm-2.0.1-cb018e5ebc-40f9e1af99.zip b/.yarn/cache/rollup-pluginutils-npm-2.0.1-cb018e5ebc-40f9e1af99.zip deleted file mode 100644 index bece4920080b..000000000000 Binary files a/.yarn/cache/rollup-pluginutils-npm-2.0.1-cb018e5ebc-40f9e1af99.zip and /dev/null differ diff --git a/.yarn/cache/vlq-npm-0.2.3-292fe9aaa1-48055a9675.zip b/.yarn/cache/vlq-npm-0.2.3-292fe9aaa1-48055a9675.zip deleted file mode 100644 index 5081a1a44d03..000000000000 Binary files a/.yarn/cache/vlq-npm-0.2.3-292fe9aaa1-48055a9675.zip and /dev/null differ diff --git a/config/jest-config-carbon/package.json b/config/jest-config-carbon/package.json index 9b94ca453488..1146586a889b 100644 --- a/config/jest-config-carbon/package.json +++ b/config/jest-config-carbon/package.json @@ -2,7 +2,7 @@ "name": "jest-config-carbon", "private": true, "description": "Jest configuration and preset for Carbon", - "version": "0.1.0-rc.0", + "version": "0.1.0", "license": "Apache-2.0", "main": "index.js", "repository": { diff --git a/config/prettier-config-carbon/package.json b/config/prettier-config-carbon/package.json index bdb8ad11ef66..96aa0cd6fa94 100644 --- a/config/prettier-config-carbon/package.json +++ b/config/prettier-config-carbon/package.json @@ -1,7 +1,7 @@ { "name": "prettier-config-carbon", "description": "Prettier config for the Carbon Design System", - "version": "0.6.0-rc.0", + "version": "0.6.0", "license": "Apache-2.0", "main": "index.js", "repository": { diff --git a/packages/cli/package.json b/packages/cli/package.json index 2e28bcdaa14a..b26a3d7733aa 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/cli", "description": "Task automation for working with the Carbon Design System", - "version": "10.18.0-rc.0", + "version": "10.18.0", "license": "Apache-2.0", "bin": { "carbon-cli": "./bin/carbon-cli.js" @@ -42,7 +42,7 @@ "lodash.template": "^4.5.0", "markdown-toc": "^1.2.0", "prettier": "^2.2.1", - "prettier-config-carbon": "^0.6.0-rc.0", + "prettier-config-carbon": "^0.6.0", "progress-estimator": "^0.2.2", "remark": "^10.0.1", "replace-in-file": "^6.1.0", diff --git a/packages/colors/package.json b/packages/colors/package.json index f3d2b02c70dd..27b0f5ceb7db 100644 --- a/packages/colors/package.json +++ b/packages/colors/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/colors", "description": "Colors for digital and software products using the Carbon Design System", - "version": "10.19.0-rc.0", + "version": "10.19.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -35,10 +35,10 @@ "clean": "rimraf css es lib umd scss index.scss" }, "devDependencies": { - "@carbon/cli": "^10.18.0-rc.0", + "@carbon/cli": "^10.18.0", "@carbon/cli-reporter": "^10.4.0", - "@carbon/scss-generator": "^10.12.0-rc.0", - "@carbon/test-utils": "^10.14.0-rc.0", + "@carbon/scss-generator": "^10.12.0", + "@carbon/test-utils": "^10.14.0", "change-case": "^4.1.1", "core-js": "^3.6.5", "fs-extra": "^8.1.0", diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md index 148f7e04873d..05fcffe5a58c 100644 --- a/packages/components/docs/sass.md +++ b/packages/components/docs/sass.md @@ -9580,6 +9580,7 @@ $field-01: if( - **Used by**: - [carbon--theme [mixin]](#carbon--theme-mixin) - [snippet [mixin]](#snippet-mixin) + - [bx--snippet [mixin]](#bx--snippet-mixin) - [date-picker [mixin]](#date-picker-mixin) - [dropdown [mixin]](#dropdown-mixin) - [file-uploader [mixin]](#file-uploader-mixin) @@ -17777,13 +17778,15 @@ Code snippet base styles position: relative; width: 100%; max-width: rem(600px); - background-color: $snippet-background-color; + background-color: $field-01; } ``` - **Group**: [code-snippet](#code-snippet) +- **Requires**: + - [field-01 [variable]](#field-01-variable) - **Used by**: - [snippet [mixin]](#snippet-mixin) @@ -23194,6 +23197,12 @@ Inline notification styles @include carbon--breakpoint(max) { max-width: rem(832px); } + + // Firefox HCM fix + @media screen and (prefers-contrast) { + outline-width: 1px; + outline-style: solid; + } } .#{$prefix}--inline-notification:not(.#{$prefix}--inline-notification--low-contrast) @@ -23581,6 +23590,12 @@ Toast notification styles @include carbon--breakpoint(max) { width: rem(352px); } + + // Firefox HCM fix + @media screen and (prefers-contrast) { + outline-width: 1px; + outline-style: solid; + } } .#{$prefix}--toast-notification:not(.#{$prefix}--toast-notification--low-contrast) diff --git a/packages/components/package.json b/packages/components/package.json index 102af6b1cfcd..5652b9acc7c8 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -1,7 +1,7 @@ { "name": "carbon-components", "description": "The Carbon Design System is IBM’s open-source design system for products and experiences.", - "version": "10.27.0-rc.0", + "version": "10.27.0", "license": "Apache-2.0", "main": "umd/index.js", "module": "es/index.js", @@ -85,11 +85,11 @@ "@babel/preset-env": "^7.10.0", "@babel/preset-react": "^7.10.0", "@babel/runtime": "^7.10.0", - "@carbon/cli": "^10.18.0-rc.0", - "@carbon/elements": "^10.26.0-rc.0", - "@carbon/icons-handlebars": "^10.24.0-rc.0", - "@carbon/icons-react": "^10.24.0-rc.0", - "@carbon/test-utils": "^10.14.0-rc.0", + "@carbon/cli": "^10.18.0", + "@carbon/elements": "^10.26.0", + "@carbon/icons-handlebars": "^10.24.0", + "@carbon/icons-react": "^10.24.0", + "@carbon/test-utils": "^10.14.0", "@frctl/fractal": "^1.1.0", "adaro": "1.0.4", "autoprefixer": "^9.7.4", diff --git a/packages/components/src/components/code-snippet/_mixins.scss b/packages/components/src/components/code-snippet/_mixins.scss index 5f463d847dbd..f1b9d60b5a11 100644 --- a/packages/components/src/components/code-snippet/_mixins.scss +++ b/packages/components/src/components/code-snippet/_mixins.scss @@ -16,5 +16,5 @@ position: relative; width: 100%; max-width: rem(600px); - background-color: $snippet-background-color; + background-color: $field-01; } diff --git a/packages/components/src/components/notification/_inline-notification.scss b/packages/components/src/components/notification/_inline-notification.scss index c477fbf9fcde..032da9d0f8d2 100644 --- a/packages/components/src/components/notification/_inline-notification.scss +++ b/packages/components/src/components/notification/_inline-notification.scss @@ -47,6 +47,12 @@ @include carbon--breakpoint(max) { max-width: rem(832px); } + + // Firefox HCM fix + @media screen and (prefers-contrast) { + outline-width: 1px; + outline-style: solid; + } } .#{$prefix}--inline-notification:not(.#{$prefix}--inline-notification--low-contrast) diff --git a/packages/components/src/components/notification/_toast-notification.scss b/packages/components/src/components/notification/_toast-notification.scss index 62fa9a719d54..b789a1b94d35 100644 --- a/packages/components/src/components/notification/_toast-notification.scss +++ b/packages/components/src/components/notification/_toast-notification.scss @@ -40,6 +40,12 @@ @include carbon--breakpoint(max) { width: rem(352px); } + + // Firefox HCM fix + @media screen and (prefers-contrast) { + outline-width: 1px; + outline-style: solid; + } } .#{$prefix}--toast-notification:not(.#{$prefix}--toast-notification--low-contrast) diff --git a/packages/components/src/globals/scss/_theme-tokens.scss b/packages/components/src/globals/scss/_theme-tokens.scss index 37c6c5a16cdb..b93cf8fa43c4 100644 --- a/packages/components/src/globals/scss/_theme-tokens.scss +++ b/packages/components/src/globals/scss/_theme-tokens.scss @@ -190,6 +190,7 @@ $checkbox-border-width: 2px !default; /// @type Color /// @access public /// @group code-snippet +/// @deprecated $snippet-background-color: $field-01 !default; /// @type Color diff --git a/packages/elements/package.json b/packages/elements/package.json index 1e91fdae187b..aa86a5e5fbf5 100644 --- a/packages/elements/package.json +++ b/packages/elements/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/elements", "description": "A collection of design elements in code for the IBM Design Language", - "version": "10.26.0-rc.0", + "version": "10.26.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -35,17 +35,17 @@ "clean": "rimraf es lib umd && node tasks/clean.js" }, "dependencies": { - "@carbon/colors": "^10.19.0-rc.0", - "@carbon/grid": "^10.19.0-rc.0", - "@carbon/icons": "^10.24.0-rc.0", - "@carbon/import-once": "^10.5.0-rc.0", - "@carbon/layout": "^10.17.0-rc.0", - "@carbon/motion": "^10.12.0-rc.0", - "@carbon/themes": "^10.26.0-rc.0", - "@carbon/type": "^10.20.0-rc.0" + "@carbon/colors": "^10.19.0", + "@carbon/grid": "^10.19.0", + "@carbon/icons": "^10.24.0", + "@carbon/import-once": "^10.5.0", + "@carbon/layout": "^10.17.0", + "@carbon/motion": "^10.12.0", + "@carbon/themes": "^10.26.0", + "@carbon/type": "^10.20.0" }, "devDependencies": { - "@carbon/cli": "^10.18.0-rc.0", + "@carbon/cli": "^10.18.0", "fs-extra": "^8.1.0", "klaw-sync": "^6.0.0", "replace-in-file": "^3.4.2", diff --git a/packages/elements/src/__tests__/PublicAPI-test.js b/packages/elements/src/__tests__/PublicAPI-test.js new file mode 100644 index 000000000000..21fc7f33f87b --- /dev/null +++ b/packages/elements/src/__tests__/PublicAPI-test.js @@ -0,0 +1,12 @@ +/** + * Copyright IBM Corp. 2018, 2018 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +import * as CarbonElements from '../'; + +test('Public API should only change with a semver change', () => { + expect(Object.keys(CarbonElements).sort()).toMatchSnapshot(); +}); diff --git a/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap b/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap new file mode 100644 index 000000000000..075e3e2a33fc --- /dev/null +++ b/packages/elements/src/__tests__/__snapshots__/PublicAPI-test.js.snap @@ -0,0 +1,299 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`Public API should only change with a semver change 1`] = ` +Array [ + "active01", + "activeDanger", + "activeLightUI", + "activePrimary", + "activeSecondary", + "activeTertiary", + "activeUI", + "baseFontSize", + "black", + "black100", + "blue", + "blue10", + "blue100", + "blue20", + "blue30", + "blue40", + "blue50", + "blue60", + "blue70", + "blue80", + "blue90", + "bodyLong01", + "bodyLong02", + "bodyShort01", + "bodyShort02", + "brand01", + "brand02", + "brand03", + "breakpoint", + "breakpointDown", + "breakpointUp", + "breakpoints", + "buttonSeparator", + "caption01", + "code01", + "code02", + "colors", + "container", + "container01", + "container02", + "container03", + "container04", + "container05", + "coolGray", + "coolGray10", + "coolGray100", + "coolGray20", + "coolGray30", + "coolGray40", + "coolGray50", + "coolGray60", + "coolGray70", + "coolGray80", + "coolGray90", + "cyan", + "cyan10", + "cyan100", + "cyan20", + "cyan30", + "cyan40", + "cyan50", + "cyan60", + "cyan70", + "cyan80", + "cyan90", + "danger", + "danger01", + "danger02", + "decorative01", + "disabled01", + "disabled02", + "disabled03", + "display01", + "display02", + "display03", + "display04", + "easings", + "em", + "expressiveHeading01", + "expressiveHeading02", + "expressiveHeading03", + "expressiveHeading04", + "expressiveHeading05", + "expressiveHeading06", + "expressiveParagraph01", + "field01", + "field02", + "fluid", + "fluidSpacing", + "fluidSpacing01", + "fluidSpacing02", + "fluidSpacing03", + "fluidSpacing04", + "focus", + "fontFamilies", + "fontFamily", + "fontWeight", + "fontWeights", + "formatTokenName", + "g10", + "g100", + "g90", + "getTypeSize", + "gray", + "gray10", + "gray100", + "gray20", + "gray30", + "gray40", + "gray50", + "gray60", + "gray70", + "gray80", + "gray90", + "green", + "green10", + "green100", + "green20", + "green30", + "green40", + "green50", + "green60", + "green70", + "green80", + "green90", + "heading01", + "heading02", + "helperText01", + "highlight", + "hoverDanger", + "hoverField", + "hoverLightUI", + "hoverPrimary", + "hoverPrimaryText", + "hoverRow", + "hoverSecondary", + "hoverSelectedUI", + "hoverTertiary", + "hoverUI", + "icon01", + "icon02", + "icon03", + "iconSize", + "iconSize01", + "iconSize02", + "interactive01", + "interactive02", + "interactive03", + "interactive04", + "inverse01", + "inverse02", + "inverseFocusUi", + "inverseHoverUI", + "inverseLink", + "inverseSupport01", + "inverseSupport02", + "inverseSupport03", + "inverseSupport04", + "label01", + "layout", + "layout01", + "layout02", + "layout03", + "layout04", + "layout05", + "layout06", + "layout07", + "link01", + "magenta", + "magenta10", + "magenta100", + "magenta20", + "magenta30", + "magenta40", + "magenta50", + "magenta60", + "magenta70", + "magenta80", + "magenta90", + "miniUnit", + "miniUnits", + "motion", + "orange", + "orange40", + "orange60", + "orange70", + "overlay01", + "print", + "productiveHeading01", + "productiveHeading02", + "productiveHeading03", + "productiveHeading04", + "productiveHeading05", + "productiveHeading06", + "productiveHeading07", + "purple", + "purple10", + "purple100", + "purple20", + "purple30", + "purple40", + "purple50", + "purple60", + "purple70", + "purple80", + "purple90", + "px", + "quotation01", + "quotation02", + "red", + "red10", + "red100", + "red20", + "red30", + "red40", + "red50", + "red60", + "red70", + "red80", + "red90", + "rem", + "reset", + "rgba", + "scale", + "selectedLightUI", + "selectedUI", + "skeleton01", + "skeleton02", + "spacing", + "spacing01", + "spacing02", + "spacing03", + "spacing04", + "spacing05", + "spacing06", + "spacing07", + "spacing08", + "spacing09", + "spacing10", + "spacing11", + "spacing12", + "styles", + "support01", + "support02", + "support03", + "support04", + "teal", + "teal10", + "teal100", + "teal20", + "teal30", + "teal40", + "teal50", + "teal60", + "teal70", + "teal80", + "teal90", + "text01", + "text02", + "text03", + "text04", + "text05", + "textError", + "themes", + "tokens", + "ui01", + "ui02", + "ui03", + "ui04", + "ui05", + "uiBackground", + "unstable__meta", + "unstable_tokens", + "v9", + "visitedLink", + "warmGray", + "warmGray10", + "warmGray100", + "warmGray20", + "warmGray30", + "warmGray40", + "warmGray50", + "warmGray60", + "warmGray70", + "warmGray80", + "warmGray90", + "white", + "white0", + "yellow", + "yellow20", + "yellow30", + "yellow40", + "yellow50", +] +`; diff --git a/packages/elements/src/index.js b/packages/elements/src/index.js index 565e6b87262a..36c160781f15 100644 --- a/packages/elements/src/index.js +++ b/packages/elements/src/index.js @@ -131,7 +131,35 @@ export { yellow40, yellow50, } from '@carbon/colors'; +export { + fluid, + fontFamilies, + fontFamily, + fontWeights, + fontWeight, + print, + reset, + getTypeSize, + scale, + styles, + unstable_tokens, +} from '@carbon/type'; +export { + baseFontSize, + rem, + em, + px, + breakpoints, + breakpointUp, + breakpointDown, + breakpoint, + container, + fluidSpacing, + iconSize, + miniUnit, + miniUnits, + layout, + spacing, +} from '@carbon/layout'; export * from '@carbon/themes'; -export * from '@carbon/layout'; export * from '@carbon/motion'; -export * from '@carbon/type'; diff --git a/packages/feature-flags/package.json b/packages/feature-flags/package.json index d2dd34a4ffc7..da7e3652e8f7 100644 --- a/packages/feature-flags/package.json +++ b/packages/feature-flags/package.json @@ -2,7 +2,7 @@ "name": "@carbon/feature-flags", "private": true, "description": "Build with feature flags in Carbon", - "version": "0.4.0-rc.0", + "version": "0.4.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -27,7 +27,7 @@ "devDependencies": { "@babel/generator": "^7.10.2", "@babel/types": "^7.10.2", - "@carbon/scss-generator": "^10.12.0-rc.0", + "@carbon/scss-generator": "^10.12.0", "fs-extra": "^9.0.1", "js-yaml": "^3.14.0", "rimraf": "^3.0.2", diff --git a/packages/grid/package.json b/packages/grid/package.json index d06bc477f619..b42d578dd2f8 100644 --- a/packages/grid/package.json +++ b/packages/grid/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/grid", "description": "Grid for digital and software products using the Carbon Design System", - "version": "10.19.0-rc.0", + "version": "10.19.0", "license": "Apache-2.0", "repository": { "type": "git", @@ -31,11 +31,11 @@ "clean": "rimraf scss/_inlined scss/vendor" }, "dependencies": { - "@carbon/import-once": "^10.5.0-rc.0", - "@carbon/layout": "^10.17.0-rc.0" + "@carbon/import-once": "^10.5.0", + "@carbon/layout": "^10.17.0" }, "devDependencies": { - "@carbon/cli": "^10.18.0-rc.0", + "@carbon/cli": "^10.18.0", "rimraf": "^3.0.0" }, "eyeglass": { diff --git a/packages/icon-build-helpers/package.json b/packages/icon-build-helpers/package.json index 51fc67744d33..d91bb7531519 100644 --- a/packages/icon-build-helpers/package.json +++ b/packages/icon-build-helpers/package.json @@ -2,7 +2,7 @@ "name": "@carbon/icon-build-helpers", "private": true, "description": "Build helpers for the Carbon Design System icon library", - "version": "0.14.0-rc.0", + "version": "0.14.0", "license": "Apache-2.0", "main": "src/index.js", "repository": { @@ -25,7 +25,9 @@ "@babel/preset-env": "^7.10.0", "@babel/preset-react": "^7.10.0", "@carbon/cli-reporter": "^10.4.0", - "@carbon/icon-helpers": "^10.12.0-rc.0", + "@carbon/icon-helpers": "^10.12.0", + "@rollup/plugin-babel": "^5.2.2", + "@rollup/plugin-replace": "^2.3.4", "browserslist-config-carbon": "^10.6.0", "change-case": "^4.1.1", "core-js": "^3.6.5", @@ -39,10 +41,8 @@ "react": "^16.6.0", "react-dom": "^16.6.0", "rimraf": "^3.0.0", - "rollup": "^1.15.1", - "rollup-plugin-babel": "^4.4.0", - "rollup-plugin-replace": "^2.2.0", - "rollup-plugin-strip-banner": "^0.2.0", + "rollup": "^2.36.1", + "rollup-plugin-strip-banner": "^2.0.0", "svgo": "^1.1.1" } } diff --git a/packages/icon-build-helpers/src/builders/index.js b/packages/icon-build-helpers/src/builders/index.js index 5efc10abaf0c..9908470f4c95 100644 --- a/packages/icon-build-helpers/src/builders/index.js +++ b/packages/icon-build-helpers/src/builders/index.js @@ -10,7 +10,7 @@ const react = require('./react/builder'); const svg = require('./svg'); const vanilla = require('./vanilla'); -const vue = require('./vue'); +const vue = require('./vue/builder'); const builders = { react: { diff --git a/packages/icon-build-helpers/src/builders/react/builder.js b/packages/icon-build-helpers/src/builders/react/builder.js index aee2cd239acc..237a56944bad 100644 --- a/packages/icon-build-helpers/src/builders/react/builder.js +++ b/packages/icon-build-helpers/src/builders/react/builder.js @@ -7,11 +7,11 @@ 'use strict'; +const { babel } = require('@rollup/plugin-babel'); const { camelCase } = require('change-case'); const fs = require('fs-extra'); const path = require('path'); const { rollup } = require('rollup'); -const babel = require('rollup-plugin-babel'); const virtual = require('../plugins/virtual'); const BANNER = `/** @@ -41,6 +41,7 @@ const babelConfig = { '@babel/plugin-transform-react-constant-elements', 'babel-plugin-dev-expression', ], + babelHelpers: 'bundled', }; async function builder(metadata, { output }) { @@ -156,6 +157,7 @@ const didWarnAboutDeprecation = {};`; format, entryFileNames: '[name]', banner: BANNER, + exports: 'auto', }; await bundle.write(outputOptions); diff --git a/packages/icon-build-helpers/src/builders/vanilla.js b/packages/icon-build-helpers/src/builders/vanilla.js index 13fe7b0a069c..790c856c968a 100644 --- a/packages/icon-build-helpers/src/builders/vanilla.js +++ b/packages/icon-build-helpers/src/builders/vanilla.js @@ -5,9 +5,9 @@ * LICENSE file in the root directory of this source tree. */ +const { babel } = require('@rollup/plugin-babel'); const path = require('path'); const { rollup } = require('rollup'); -const babel = require('rollup-plugin-babel'); const virtual = require('./plugins/virtual'); const BANNER = `/** @@ -32,6 +32,7 @@ const babelConfig = { }, ], ], + babelHelpers: 'bundled', }; async function builder(metadata, { output }) { @@ -83,6 +84,7 @@ async function builder(metadata, { output }) { format, entryFileNames: '[name]', banner: BANNER, + exports: 'auto', }; await bundle.write(outputOptions); diff --git a/packages/icon-build-helpers/src/builders/vue.js b/packages/icon-build-helpers/src/builders/vue/builder.js similarity index 58% rename from packages/icon-build-helpers/src/builders/vue.js rename to packages/icon-build-helpers/src/builders/vue/builder.js index 9543d35db307..622da7d0fc09 100644 --- a/packages/icon-build-helpers/src/builders/vue.js +++ b/packages/icon-build-helpers/src/builders/vue/builder.js @@ -7,10 +7,11 @@ 'use strict'; +const { babel } = require('@rollup/plugin-babel'); +const fs = require('fs-extra'); const path = require('path'); const { rollup } = require('rollup'); -const babel = require('rollup-plugin-babel'); -const virtual = require('./plugins/virtual'); +const virtual = require('../plugins/virtual'); const BANNER = `/** * Copyright IBM Corp. 2019, 2020 @@ -20,7 +21,7 @@ const BANNER = `/** * * Code generated by @carbon/icon-build-helpers. DO NOT EDIT. */`; -const external = ['@carbon/icon-helpers']; +const external = ['@carbon/icon-helpers', 'vue']; const babelConfig = { babelrc: false, exclude: /node_modules/, @@ -34,6 +35,7 @@ const babelConfig = { }, ], ], + babelHelpers: 'bundled', }; async function builder(metadata, { output }) { @@ -59,6 +61,10 @@ async function builder(metadata, { output }) { }, }; `, + './utils.js': await fs.readFile( + path.resolve(__dirname, './utils.js'), + 'utf8' + ), }; const input = { 'index.js': 'index.js', @@ -95,6 +101,7 @@ async function builder(metadata, { output }) { format, entryFileNames: '[name]', banner: BANNER, + exports: 'auto', }; await bundle.write(outputOptions); @@ -112,6 +119,7 @@ async function builder(metadata, { output }) { name: 'CarbonIconsVue', globals: { '@carbon/icon-helpers': 'CarbonIconHelpers', + vue: 'Vue', }, }); } @@ -123,66 +131,17 @@ async function builder(metadata, { output }) { * @param {object} descriptor * @returns {object} */ -function createIconComponent(moduleName, descriptor) { - const { attrs, content } = descriptor; - const attrsAsString = Object.keys(attrs) - .map((attr) => `${attr}: "${attrs[attr]}"`) - .join(','); - const source = `${BANNER} -import { getAttributes } from '@carbon/icon-helpers'; -export default { - name: '${moduleName}', - functional: true, - // We use title as the prop name as it is not a valid attribute for an SVG - // HTML element - props: ['title'], - render(createElement, context) { - const { children, data, listeners, props } = context; - const attrs = getAttributes({ - ${attrsAsString}, - preserveAspectRatio: 'xMidYMid meet', - xmlns: 'http://www.w3.org/2000/svg', - // Special case here, we need to coordinate that we are using title, - // potentially, to get the right focus attributes - title: props.title, - ...data.attrs - }); - const svgData = { - attrs, - on: listeners, - }; - if (data.staticClass) { - svgData.class = { - [data.staticClass]: true, - }; - } - if (data.class) { - svgData.class = svgData.class || {}; // may be no static class - svgData.class[data.class] = true; - } - // remove style set by getAttributes - delete svgData.attrs.style; - // combine incoming staticStyle, style with default willChange - svgData.style = { ...data.staticStyle, ...data.style }; - return createElement('svg', svgData, [ - props.title && createElement('title', null, props.title), - ${content.map(convertToVue).join(', ')}, - children, - ]); - }, -};`; - - return source; -} +function createIconComponent(moduleName, { attrs, content }) { + return `import createSVGComponent from './utils.js'; -/** - * Convert the given node to a Vue string source - * @param {object} node - * @returns {string} - */ -function convertToVue(node) { - const { elem, attrs } = node; - return `createElement('${elem}', { attrs: ${JSON.stringify(attrs)} })`; +const attrs = ${JSON.stringify(attrs)}; +const content = ${JSON.stringify(content)}; +const ${moduleName} = createSVGComponent(${moduleName}, ${JSON.stringify( + attrs + )}, ${JSON.stringify(content)}); + +export default ${moduleName}; +`; } module.exports = builder; diff --git a/packages/icon-build-helpers/src/builders/vue/utils.js b/packages/icon-build-helpers/src/builders/vue/utils.js new file mode 100644 index 000000000000..ea912b13f644 --- /dev/null +++ b/packages/icon-build-helpers/src/builders/vue/utils.js @@ -0,0 +1,84 @@ +/** + * Copyright IBM Corp. 2018, 2018 + * + * This source code is licensed under the Apache-2.0 license found in the + * LICENSE file in the root directory of this source tree. + */ + +import { getAttributes } from '@carbon/icon-helpers'; +import { h } from 'vue'; + +const getSvgAttrs = (title, svgAttrs, componentAttrs) => { + return getAttributes({ + ...svgAttrs, + preserveAspectRatio: 'xMidYMid meet', + xmlns: 'http://www.w3.org/2000/svg', + // Special case here, we need to coordinate that we are using title, + // potentially, to get the right focus attributes + title, + ...componentAttrs, + }); +}; + +const getVue2SvgAttrs = (title, svgAttrs, data, listeners) => { + const result = { + attrs: getSvgAttrs(title, svgAttrs, data.attrs), + on: listeners, + style: { ...data.staticStyle, ...data.style }, + }; + + // remove style set by getAttributes + delete result.attrs.style; + + if (data.staticClass || data.class) { + result.class = {}; + + if (data.staticClass) { + result.class[data.staticClass] = true; + } + + if (data.class) { + result.class[data.class] = true; + } + } + + return result; +}; + +const createSVGComponent = (name, svgAttrs, svgContent) => ({ + // We use title as a prop name for the component + // as it is not a valid attribute for an SVG HTML element + props: { title: String }, + name: name, + ...(h + ? { + // Vue 3 component + setup({ title }, { attrs: componentAttrs, slots }) { + return () => + h('svg', getSvgAttrs(title, svgAttrs, componentAttrs), [ + ...(title ? [h('title', title)] : []), + ...svgContent.map(({ elem, attrs }) => h(elem, attrs)), + ...(slots.default ? slots.default() : []), + ]); + }, + } + : { + // Vue 2 component + functional: true, + render(createElement, { props: { title }, children, data, listeners }) { + return createElement( + 'svg', + getVue2SvgAttrs(title, svgAttrs, data, listeners), + [ + ...(title ? [createElement('title', null, title)] : []), + ...svgContent.map(({ elem, attrs }) => + createElement(elem, { attrs: attrs }) + ), + ...(children || []), + ] + ); + }, + }), +}); + +export default createSVGComponent; diff --git a/packages/icon-helpers/package.json b/packages/icon-helpers/package.json index 8c4869919457..3b22004e7040 100644 --- a/packages/icon-helpers/package.json +++ b/packages/icon-helpers/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/icon-helpers", "description": "Helpers used alongside icons for digital and software products using the Carbon Design System", - "version": "10.12.0-rc.0", + "version": "10.12.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -33,7 +33,7 @@ "clean": "rimraf es lib umd" }, "devDependencies": { - "@carbon/cli": "^10.18.0-rc.0", + "@carbon/cli": "^10.18.0", "rimraf": "^3.0.0" }, "sideEffects": false diff --git a/packages/icons-handlebars/package.json b/packages/icons-handlebars/package.json index 828e6470c443..4d152ff60200 100644 --- a/packages/icons-handlebars/package.json +++ b/packages/icons-handlebars/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/icons-handlebars", "description": "Handlebars helpers for IBM Design Language icons in digital and software products using the Carbon Design System", - "version": "10.24.0-rc.0", + "version": "10.24.0", "license": "Apache-2.0", "main": "index.js", "repository": { @@ -26,8 +26,8 @@ "handlebars": "^4.0.12" }, "dependencies": { - "@carbon/icon-helpers": "^10.12.0-rc.0", - "@carbon/icons": "^10.24.0-rc.0" + "@carbon/icon-helpers": "^10.12.0", + "@carbon/icons": "^10.24.0" }, "devDependencies": { "handlebars": "^4.0.12" diff --git a/packages/icons-react/package.json b/packages/icons-react/package.json index e76aa894bb66..2b069a7b5663 100644 --- a/packages/icons-react/package.json +++ b/packages/icons-react/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/icons-react", "description": "React components for icons in digital and software products using the Carbon Design System", - "version": "10.24.0-rc.0", + "version": "10.24.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -36,12 +36,12 @@ "react": ">=16" }, "dependencies": { - "@carbon/icon-helpers": "^10.12.0-rc.0", + "@carbon/icon-helpers": "^10.12.0", "prop-types": "^15.7.2" }, "devDependencies": { - "@carbon/icon-build-helpers": "^0.14.0-rc.0", - "@carbon/icons": "^10.24.0-rc.0" + "@carbon/icon-build-helpers": "^0.14.0", + "@carbon/icons": "^10.24.0" }, "sideEffects": false } diff --git a/packages/icons-vue/package.json b/packages/icons-vue/package.json index f8616add3ca9..0c3ed5e77ef9 100644 --- a/packages/icons-vue/package.json +++ b/packages/icons-vue/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/icons-vue", "description": "Vue components for icons in digital and software products using the Carbon Design System", - "version": "10.24.0-rc.0", + "version": "10.24.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -28,11 +28,11 @@ "clean": "rimraf es lib" }, "dependencies": { - "@carbon/icon-helpers": "^10.12.0-rc.0" + "@carbon/icon-helpers": "^10.12.0" }, "devDependencies": { "@carbon/cli-reporter": "^10.4.0", - "@carbon/icons": "^10.24.0-rc.0", + "@carbon/icons": "^10.24.0", "fs-extra": "^8.1.0", "prettier": "^2.2.1", "rimraf": "^3.0.0", diff --git a/packages/icons/icons.yml b/packages/icons/icons.yml index ab5c6a7f7dca..e4c3b684078f 100644 --- a/packages/icons/icons.yml +++ b/packages/icons/icons.yml @@ -1301,8 +1301,14 @@ sizes: - 32 - name: barcode - friendly_name: barcode - aliases: [] + friendly_name: Barcode + aliases: + - barcode + - technology + - tracking + - UPC + - inventory + - item sizes: - 32 - name: barrier @@ -1827,13 +1833,21 @@ sizes: - 32 - name: calculation - friendly_name: calculation - aliases: [] + friendly_name: Calculation + aliases: + - data + - calculation + - math + - functions sizes: - 32 - name: calculation--alt - friendly_name: calculation--alt - aliases: [] + friendly_name: Calculation--alt + aliases: + - data + - calculation + - math + - functions sizes: - 32 - name: calculator @@ -2460,8 +2474,14 @@ - bubble chart - chart - name: chart--bubble-packed - friendly_name: chart--bubble-packed - aliases: [] + friendly_name: Chart Bubble-packed + aliases: + - graph + - bar + - data + - bubble chart + - packed + - chart sizes: - 32 - name: chart--bullet @@ -2653,8 +2673,12 @@ sizes: - 32 - name: chart--median - friendly_name: chart--median - aliases: [] + friendly_name: Chart median + aliases: + - chart median + - graph + - chart + - data sizes: - 32 - name: chart--minimum @@ -2806,8 +2830,12 @@ - chart scatter - scatter chart - name: chart--spiral - friendly_name: chart--spiral - aliases: [] + friendly_name: Chart spiral + aliases: + - chart spiral + - graph + - chart + - data sizes: - 32 - name: chart--stacked @@ -2868,8 +2896,12 @@ - chart Venn diagram - Venn diagram - name: chart--violin-plot - friendly_name: chart--violin-plot - aliases: [] + friendly_name: Chart violin-plot + aliases: + - chart violin plot + - graph + - chart + - data sizes: - 32 - name: chart--waterfall @@ -2882,8 +2914,14 @@ sizes: - 32 - name: chart--win-loss - friendly_name: chart--win-loss - aliases: [] + friendly_name: Chart win-loss + aliases: + - chart win-loss + - win + - loss + - graph + - chart + - data sizes: - 32 - name: chat @@ -3274,8 +3312,13 @@ sizes: - 32 - name: choropleth-map - friendly_name: choropleth-map - aliases: [] + friendly_name: Chart choropleth-map + aliases: + - chart choropleth-map + - map + - graph + - chart + - data sizes: - 32 - name: circle--filled @@ -3546,8 +3589,16 @@ sizes: - 32 - name: code--hide - friendly_name: code--hide - aliases: [] + friendly_name: Code hide + aliases: + - + - html + - java + - css + - dev + - development + - hide + - hidden sizes: - 32 - name: code--reference @@ -3638,13 +3689,18 @@ sizes: - 32 - name: column-dependency - friendly_name: column-dependency - aliases: [] + friendly_name: Column dependency + aliases: + - column + - dependency + - formatting sizes: - 32 - name: commit - friendly_name: commit - aliases: [] + friendly_name: Commit + aliases: + - commit + - operation sizes: - 32 - name: compare @@ -3709,8 +3765,18 @@ sizes: - 32 - name: connection-signal--off - friendly_name: connection-signal--off - aliases: [] + friendly_name: Connection signal off + aliases: + - signal + - tower + - service + - station + - radio + - connection + - wireless + - network + - off + - signal loss sizes: - 32 - name: construction @@ -3943,8 +4009,10 @@ sizes: - 32 - name: cube - friendly_name: cube - aliases: [] + friendly_name: Cube + aliases: + - file + - cube sizes: - 32 - name: cube-view @@ -4195,8 +4263,14 @@ - metrics - characters - name: data--format - friendly_name: data--format - aliases: [] + friendly_name: Data format + aliases: + - connection + - dot + - numbers + - metrics + - characters + - format sizes: - 32 - name: data--reference @@ -4240,13 +4314,22 @@ - metrics - characters - name: data--view - friendly_name: data--view - aliases: [] + friendly_name: Data view + aliases: + - connection + - dot + - numbers + - metrics + - characters + - view sizes: - 32 - name: data-bin - friendly_name: data-bin - aliases: [] + friendly_name: Data bin + aliases: + - data-bin + - data + - containers sizes: - 32 - name: data-class @@ -4412,20 +4495,32 @@ sizes: - 32 - name: delivery--parcel - friendly_name: delivery--parcel - aliases: [] + friendly_name: Delivery parcel + aliases: + - delivery + - transportation + - shopping + - parcel + - shipping + - ecommerce sizes: - 32 - name: delivery - friendly_name: delivery - aliases: [] + friendly_name: Delivery + aliases: + - truck + - delivery + - transportation + - shopping + - van + - shipping + - ecommerce sizes: - 32 - name: delivery-truck friendly_name: Delivery truck aliases: - truck - - car - delivery - transportation - shopping @@ -4607,33 +4702,46 @@ sizes: - 32 - name: direction--fork - friendly_name: direction--fork - aliases: [] + friendly_name: Direction fork + aliases: + - direction + - direction fork sizes: - 32 - name: direction--fork--filled - friendly_name: direction--fork--filled - aliases: [] + friendly_name: Direction fork filled + aliases: + - direction + - direction fork + - direction fork filled sizes: - 32 - name: direction--loop-left - friendly_name: direction--loop-left - aliases: [] + friendly_name: Direction loop left + aliases: + - direction + - direction loop left sizes: - 32 - name: direction--loop-left--filled - friendly_name: direction--loop-left--filled - aliases: [] + friendly_name: Direction loop left filled + aliases: + - direction + - direction loop left filled sizes: - 32 - name: direction--loop-right - friendly_name: direction--loop-right - aliases: [] + friendly_name: Direction loop right + aliases: + - direction + - direction loop right sizes: - 32 - name: direction--loop-right--filled - friendly_name: direction--loop-right--filled - aliases: [] + friendly_name: Direction loop right filled + aliases: + - direction + - direction loop right filled sizes: - 32 - name: direction--merge @@ -4911,8 +5019,14 @@ - paper - document export - name: document--horizontal - friendly_name: document--horizontal - aliases: [] + friendly_name: Document horizontal + aliases: + - file + - doc + - paper + - horizontal + - document + - orientation sizes: - 32 - name: document--import @@ -4960,8 +5074,14 @@ sizes: - 32 - name: document--vertical - friendly_name: document--vertical - aliases: [] + friendly_name: Document vertical + aliases: + - file + - doc + - paper + - horizontal + - document + - orientation sizes: - 32 - name: document--view @@ -5080,18 +5200,27 @@ sizes: - 32 - name: drill-back - friendly_name: drill-back - aliases: [] + friendly_name: Drill back + aliases: + - drill + - back + - operation sizes: - 32 - name: drill-down - friendly_name: drill-down - aliases: [] + friendly_name: Drill down + aliases: + - drill + - down + - operation sizes: - 32 - name: drill-through - friendly_name: drill-through - aliases: [] + friendly_name: Drill through + aliases: + - drill + - through + - operation sizes: - 32 - name: driver-analysis @@ -5360,8 +5489,12 @@ sizes: - 32 - name: equalizer - friendly_name: equalizer - aliases: [] + friendly_name: Equalizer + aliases: + - equalizer + - sound + - audio + - technology sizes: - 32 - name: erase @@ -5497,8 +5630,10 @@ sizes: - 32 - name: explore - friendly_name: explore - aliases: [] + friendly_name: Explore + aliases: + - explore + - action sizes: - 32 - name: export @@ -5807,8 +5942,14 @@ - bookmark - favorite filled - name: favorite--half - friendly_name: favorite--half - aliases: [] + friendly_name: Favorite half + aliases: + - heart + - save + - like + - fave + - bookmark + - favorite half sizes: - 32 - name: fetch-upload @@ -6089,8 +6230,14 @@ - flow data - data flow - name: flow--modeler - friendly_name: flow--modeler - aliases: [] + friendly_name: Flow modeler + aliases: + - flow chart + - chart + - graph + - diagram + - outline + - flow modeler sizes: - 32 - name: flow--stream @@ -6175,8 +6322,14 @@ sizes: - 32 - name: folder--move-to - friendly_name: folder--move-to - aliases: [] + friendly_name: Folder move to + aliases: + - file + - save + - document + - organize + - folder + - folder move to sizes: - 32 - name: folder--off @@ -6401,8 +6554,12 @@ sizes: - 32 - name: gas-station--filled - friendly_name: gas-station--filled - aliases: [] + friendly_name: Gas station filled + aliases: + - gas station filled + - gas + - fueling station + - fuel sizes: - 32 - name: gender--female @@ -7219,8 +7376,9 @@ sizes: - 32 - name: insert-syntax - friendly_name: insert-syntax - aliases: [] + friendly_name: Insert syntax + aliases: + - insert syntax sizes: - 32 - name: integration @@ -7357,8 +7515,10 @@ - ISO - outline - name: join--full - friendly_name: join--full - aliases: [] + friendly_name: Join full + aliases: + - join + - full sizes: - 32 - name: join--inner @@ -7489,8 +7649,11 @@ sizes: - 32 - name: lasso--polygon - friendly_name: lasso--polygon - aliases: [] + friendly_name: Lasso polygon + aliases: + - lasso polygon + - formatting + - tool sizes: - 32 - name: launch @@ -8012,8 +8175,13 @@ sizes: - 32 - name: location--current - friendly_name: location--current - aliases: [] + friendly_name: Location current + aliases: + - place + - locate + - gps + - filled + - location sizes: - 32 - name: location--hazard @@ -9105,16 +9273,21 @@ aliases: - moon - cresent + - phase sizes: - 32 - name: moonrise - friendly_name: moonrise - aliases: [] + friendly_name: Moonrise + aliases: + - moonrise + - phase sizes: - 32 - name: moonset friendly_name: moonset - aliases: [] + aliases: + - moonset + - phase sizes: - 32 - name: mostly-cloudy @@ -9239,13 +9412,15 @@ sizes: - 32 - name: music--add - friendly_name: music--add - aliases: [] + friendly_name: Music add + aliases: + - music add sizes: - 32 - name: music--remove - friendly_name: music--remove - aliases: [] + friendly_name: Music remove + aliases: + - music remove sizes: - 32 - name: name-space @@ -10384,8 +10559,12 @@ sizes: - 32 - name: pedestrian--family - friendly_name: pedestrian--family - aliases: [] + friendly_name: Pedestrian family + aliases: + - pedestrian + - people + - travel + - family sizes: - 32 - name: pedestrian-child @@ -10399,13 +10578,17 @@ sizes: - 32 - name: pen - friendly_name: pen - aliases: [] + friendly_name: Pen + aliases: + - pen + - write sizes: - 32 - name: pen--fountain - friendly_name: pen--fountain - aliases: [] + friendly_name: Pen fountain + aliases: + - pen + - fountain sizes: - 32 - name: pending @@ -10504,13 +10687,19 @@ sizes: - 32 - name: phone--block - friendly_name: phone--block - aliases: [] + friendly_name: Phone block + aliases: + - phone block + - call block + - call sizes: - 32 - name: phone--block--filled - friendly_name: phone--block--filled - aliases: [] + friendly_name: Phone block filled + aliases: + - phone block filled + - call block + - call sizes: - 32 - name: phone--filled @@ -10528,13 +10717,19 @@ - phone - toggle - name: phone--incoming - friendly_name: phone--incoming - aliases: [] + friendly_name: Phone incoming + aliases: + - phone incoming + - phone call + - call sizes: - 32 - name: phone--incoming--filled - friendly_name: phone--incoming--filled - aliases: [] + friendly_name: Phone incoming filled + aliases: + - phone incoming filled + - phone call + - call sizes: - 32 - name: phone--off @@ -10563,23 +10758,35 @@ - mute - toggle - name: phone--outgoing - friendly_name: phone--outgoing - aliases: [] + friendly_name: Phone outgoing + aliases: + - phone outgoing + - phone call + - call sizes: - 32 - name: phone--outgoing--filled - friendly_name: phone--outgoing--filled - aliases: [] + friendly_name: Phone outgoing filled + aliases: + - phone outgoing filled + - phone call + - call sizes: - 32 - name: phone--voice - friendly_name: phone--voice - aliases: [] + friendly_name: Phone voice + aliases: + - phone voice + - phone call + - call sizes: - 32 - name: phone--voice--filled - friendly_name: phone--voice--filled - aliases: [] + friendly_name: Phone voice filled + aliases: + - phone voice filled + - phone call + - call sizes: - 32 - name: phrase-sentiment @@ -10601,8 +10808,13 @@ sizes: - 32 - name: piggy-bank - friendly_name: piggy-bank - aliases: [] + friendly_name: Piggy bank + aliases: + - piggy bank + - savings + - cash + - money + - currency sizes: - 32 - name: pills @@ -10918,13 +11130,17 @@ sizes: - 32 - name: progress-bar - friendly_name: progress-bar - aliases: [] + friendly_name: Progress bar + aliases: + - progress bar + - loading sizes: - 32 - name: progress-bar--round - friendly_name: progress-bar--round - aliases: [] + friendly_name: Progress bar round + aliases: + - progreess bar round + - loading sizes: - 32 - name: purchase @@ -11242,8 +11458,11 @@ sizes: - 32 - name: reply--all - friendly_name: reply--all - aliases: [] + friendly_name: Reply all + aliases: + - back + - respond all + - email sizes: - 32 - name: report @@ -11663,8 +11882,11 @@ sizes: - 32 - name: sankey-diagram--alt - friendly_name: sankey-diagram--alt - aliases: [] + friendly_name: Sankey diagram alt + aliases: + - Sankey diagram alt + - data + - Sankey alt sizes: - 32 - name: satellite @@ -12069,28 +12291,39 @@ sizes: - 32 - name: shape--except - friendly_name: shape--except - aliases: [] + friendly_name: Shape except + aliases: + - shape except + - format sizes: - 32 - name: shape--exclude - friendly_name: shape--exclude - aliases: [] + friendly_name: Shape exclude + aliases: + - shape exclude + - format sizes: - 32 - name: shape--intersect - friendly_name: shape--intersect - aliases: [] + friendly_name: Shape intersect + aliases: + - shape intersect + - format sizes: - 32 - name: shape--join - friendly_name: shape--join - aliases: [] + friendly_name: Shape join + aliases: + - shape + - join + - format sizes: - 32 - name: shape--unite - friendly_name: shape--unite - aliases: [] + friendly_name: Shape unite + aliases: + - shape unite + - format sizes: - 32 - name: share @@ -12146,33 +12379,78 @@ - store - retail - name: shopping--cart--arrow-down - friendly_name: shopping--cart--arrow-down - aliases: [] + friendly_name: Shopping cart arrow down + aliases: + - cart + - shop + - buy + - e-commerce + - purchase + - store + - retail + - add to cart sizes: - 32 - name: shopping--cart--arrow-up - friendly_name: shopping--cart--arrow-up - aliases: [] + friendly_name: Shopping cart arrow up + aliases: + - cart + - shop + - remove + - e-commerce + - purchase + - store + - retail + - remove from cart sizes: - 32 - name: shopping--cart--clear - friendly_name: shopping--cart--clear - aliases: [] + friendly_name: Shopping cart clear + aliases: + - cart + - shop + - empty + - e-commerce + - remove + - store + - retail sizes: - 32 - name: shopping--cart--error - friendly_name: shopping--cart--error - aliases: [] + friendly_name: Shopping cart error + aliases: + - cart + - shop + - error + - e-commerce + - incomplete + - store + - retail sizes: - 32 - name: shopping--cart--minus - friendly_name: shopping--cart--minus - aliases: [] + friendly_name: Shopping cart minus + aliases: + - cart + - shop + - remove + - e-commerce + - store + - retail sizes: - 32 - name: shopping--cart--plus - friendly_name: shopping--cart--plus - aliases: [] + friendly_name: Shopping cart plus + aliases: + - cart + - shop + - buy + - e-commerce + - purchase + - store + - retail + - cart plus + - add to cart sizes: - 32 - name: shopping--catalog @@ -12890,18 +13168,33 @@ - pause - conclude - name: stop-sign - friendly_name: stop-sign - aliases: [] + friendly_name: Stop sign + aliases: + - stop sign + - travel + - naviation + - map + - direction + - road sizes: - 32 - name: stop-sign--filled - friendly_name: stop-sign--filled - aliases: [] + friendly_name: Stop sign filled + aliases: + - stop sign filled + - travel + - naviation + - map + - direction + - road sizes: - 32 - name: storage-pool - friendly_name: storage-pool - aliases: [] + friendly_name: Storage pool + aliases: + - data + - storage pool + - pool sizes: - 32 - name: storage-request @@ -13109,8 +13402,15 @@ sizes: - 32 - name: table--built - friendly_name: table--built - aliases: [] + friendly_name: Table built + aliases: + - data + - spreadsheet + - excel + - chart + - rows + - grid + - table built sizes: - 32 - name: table--split @@ -13124,6 +13424,7 @@ - chart - rows - grid + - table split - name: table-of-contents friendly_name: Table of contents aliases: @@ -13392,8 +13693,12 @@ - alphabet - editor - name: text--align--mixed - friendly_name: text--align--mixed - aliases: [] + friendly_name: Text align mixed + aliases: + - text + - align + - mixed + - typography sizes: - 32 - name: text--align--right @@ -13613,7 +13918,10 @@ - editor - name: text--vertical-alignment friendly_name: Text vertical alignment - aliases: [] + aliases: + - text vertical alignment + - align + - format sizes: - 32 - name: text--wrap @@ -13628,7 +13936,7 @@ - name: text-annotation-toggle friendly_name: Text annotation toggle aliases: - - text-annotation-toggle + - text annotation toggle sizes: - 32 - name: text-link @@ -13642,7 +13950,7 @@ sizes: - 32 aliases: - - text-link + - text link - name: text-mining friendly_name: Text mining aliases: @@ -13654,7 +13962,7 @@ sizes: - 32 aliases: - - text-mining + - text mining - name: theater friendly_name: Theater aliases: @@ -13696,7 +14004,7 @@ - name: thumbnail-preview friendly_name: Thumbnail preview aliases: - - thumbnail-preview + - thumbnail preview sizes: - 32 - name: thumbs-down @@ -13996,8 +14304,10 @@ sizes: - 32 - name: transpose - friendly_name: transpose - aliases: [] + friendly_name: Transpose + aliases: + - operation + - transpose sizes: - 32 - name: trash-can @@ -14098,8 +14408,13 @@ sizes: - 32 - name: tsunami - friendly_name: tsunami - aliases: [] + friendly_name: Tsunami + aliases: + - weather + - forecast + - storm + - tropical storm + - wave sizes: - 32 - name: TSV @@ -14885,13 +15200,27 @@ - alert - notification - name: warning--hex - friendly_name: warning--hex - aliases: [] + friendly_name: Warning hex + aliases: + - warning hex + - status + - caution + - danger + - warn + - alert + - notification sizes: - 32 - name: warning--hex--filled - friendly_name: warning--hex--filled - aliases: [] + friendly_name: Warning hex filled + aliases: + - warning hex filled + - status + - caution + - danger + - warn + - alert + - notification sizes: - 32 - name: warning--other @@ -15294,8 +15623,14 @@ - enlarge - detail - name: zoom--in-area - friendly_name: zoom--in-area - aliases: [] + friendly_name: Zoom in area + aliases: + - expand + - inspect + - size + - enlarge + - detail + - zoom in area sizes: - 32 - name: zoom--out @@ -15310,8 +15645,13 @@ - enlarge - detail - name: zoom--out-area - friendly_name: zoom--out-area - aliases: [] + friendly_name: Zoom out area + aliases: + - reduce + - inspect + - size + - detail + - zoom out area sizes: - 32 - name: zoom--reset diff --git a/packages/icons/package.json b/packages/icons/package.json index db8500c0fda8..b1b2d3579092 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/icons", "description": "Icons for digital and software products using the Carbon Design System", - "version": "10.24.0-rc.0", + "version": "10.24.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -38,7 +38,8 @@ "prepublishOnly": "yarn build" }, "devDependencies": { - "@carbon/cli": "^10.18.0-rc.0", - "@carbon/icon-build-helpers": "^0.14.0-rc.0" + "@carbon/cli": "^10.18.0", + "@carbon/icon-build-helpers": "^0.14.0", + "rimraf": "^3.0.2" } } diff --git a/packages/import-once/package.json b/packages/import-once/package.json index 8ba677bb1aea..f1937ff8e6f3 100644 --- a/packages/import-once/package.json +++ b/packages/import-once/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/import-once", "description": "Sass helper for importing files only once. Used in the Carbon Design System", - "version": "10.5.0-rc.0", + "version": "10.5.0", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/layout/package.json b/packages/layout/package.json index 6d5da816f502..bc5fb93d1e32 100644 --- a/packages/layout/package.json +++ b/packages/layout/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/layout", "description": "Layout helpers for digital and software products using the Carbon Design System", - "version": "10.17.0-rc.0", + "version": "10.17.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -30,8 +30,8 @@ }, "devDependencies": { "@carbon/cli-reporter": "^10.4.0", - "@carbon/scss-generator": "^10.12.0-rc.0", - "@carbon/test-utils": "^10.14.0-rc.0", + "@carbon/scss-generator": "^10.12.0", + "@carbon/test-utils": "^10.14.0", "core-js": "^3.6.5", "rimraf": "^3.0.0" }, diff --git a/packages/motion/package.json b/packages/motion/package.json index 7bd3b7ed0b54..aedebef3be46 100644 --- a/packages/motion/package.json +++ b/packages/motion/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/motion", "description": "Motion helpers for digital and software products using the Carbon Design System", - "version": "10.12.0-rc.0", + "version": "10.12.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -29,7 +29,7 @@ "clean": "rimraf es lib umd" }, "devDependencies": { - "@carbon/cli": "^10.18.0-rc.0", + "@carbon/cli": "^10.18.0", "rimraf": "^3.0.0" }, "eyeglass": { diff --git a/packages/pictograms-react/package.json b/packages/pictograms-react/package.json index 266e2ac3ba49..7ebdf4b09556 100644 --- a/packages/pictograms-react/package.json +++ b/packages/pictograms-react/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/pictograms-react", "description": "React components for pictograms in digital and software products using the Carbon Design System", - "version": "11.2.0-rc.0", + "version": "11.2.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -37,13 +37,13 @@ "react": ">=16" }, "dependencies": { - "@carbon/icon-helpers": "^10.12.0-rc.0", + "@carbon/icon-helpers": "^10.12.0", "@carbon/telemetry": "0.0.0-alpha.6", "prop-types": "^15.7.2" }, "devDependencies": { - "@carbon/icon-build-helpers": "^0.14.0-rc.0", - "@carbon/pictograms": "^11.2.0-rc.0" + "@carbon/icon-build-helpers": "^0.14.0", + "@carbon/pictograms": "^11.2.0" }, "sideEffects": false } diff --git a/packages/pictograms/package.json b/packages/pictograms/package.json index 714a966c6aae..57ff2e72951a 100644 --- a/packages/pictograms/package.json +++ b/packages/pictograms/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/pictograms", "description": "Pictograms for digital and software products using the Carbon Design System", - "version": "11.2.0-rc.0", + "version": "11.2.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -31,7 +31,7 @@ "prepublishOnly": "yarn build" }, "devDependencies": { - "@carbon/icon-build-helpers": "^0.14.0-rc.0", + "@carbon/icon-build-helpers": "^0.14.0", "rimraf": "^3.0.0" } } diff --git a/packages/react/package.json b/packages/react/package.json index b9ba7f88bb22..8d88a489a078 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,7 +1,7 @@ { "name": "carbon-components-react", "description": "The Carbon Design System is IBM’s open-source design system for products and experiences.", - "version": "7.27.0-rc.0", + "version": "7.27.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -44,7 +44,7 @@ "react-dom": "^16.8.6 || ^17.0.1" }, "dependencies": { - "@carbon/icons-react": "^10.24.0-rc.0", + "@carbon/icons-react": "^10.24.0", "@carbon/telemetry": "0.0.0-alpha.6", "classnames": "2.2.6", "downshift": "5.2.1", @@ -72,7 +72,7 @@ "@babel/plugin-transform-object-assign": "^7.7.4", "@babel/preset-env": "^7.10.0", "@babel/preset-react": "^7.10.0", - "@carbon/test-utils": "^10.14.0-rc.0", + "@carbon/test-utils": "^10.14.0", "@percy/storybook": "^3.3.1", "@storybook/addon-storysource": "^5.3.19", "@storybook/addons": "^5.3.19", @@ -85,7 +85,7 @@ "babel-plugin-react-docgen": "^4.0.0", "babel-plugin-transform-inline-environment-variables": "^0.4.0", "browserslist-config-carbon": "^10.6.0", - "carbon-components": "^10.27.0-rc.0", + "carbon-components": "^10.27.0", "carbon-icons": "^7.0.5", "chalk": "^2.3.0", "cli-table": "^0.3.0", diff --git a/packages/react/src/components/Search/Search.js b/packages/react/src/components/Search/Search.js index cad1f3aa8b55..0be106360656 100644 --- a/packages/react/src/components/Search/Search.js +++ b/packages/react/src/components/Search/Search.js @@ -140,8 +140,6 @@ export default class Search extends Component { this.setState({ hasContent: evt.target.value !== '', }); - - this.props.onChange(evt); }; handleKeyDown = (evt) => { diff --git a/packages/react/src/components/Tooltip/Tooltip.js b/packages/react/src/components/Tooltip/Tooltip.js index db3a8d4ea62f..3e3ef62fada1 100644 --- a/packages/react/src/components/Tooltip/Tooltip.js +++ b/packages/react/src/components/Tooltip/Tooltip.js @@ -290,6 +290,8 @@ class Tooltip extends Component { _handleUserInputOpenClose = (event, { open }) => { if (this.isControlled) { + // Callback to the parent to let them decide what to do + this.props.onChange(event, { open }); return; } // capture tooltip body element before it is removed from the DOM diff --git a/packages/scss-generator/package.json b/packages/scss-generator/package.json index 8ef7dff30ce4..ba510d82fb3e 100644 --- a/packages/scss-generator/package.json +++ b/packages/scss-generator/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/scss-generator", "private": true, - "version": "10.12.0-rc.0", + "version": "10.12.0", "license": "Apache-2.0", "main": "src/index.js", "repository": { diff --git a/packages/sketch/package.json b/packages/sketch/package.json index f257b7e45737..3296f0cba9dd 100644 --- a/packages/sketch/package.json +++ b/packages/sketch/package.json @@ -2,7 +2,7 @@ "name": "@carbon/sketch", "private": true, "description": "Tooling for generating a sketch plugin to bring code to design", - "version": "10.25.0-rc.0", + "version": "10.25.0", "license": "Apache-2.0", "repository": { "type": "git", @@ -29,11 +29,11 @@ }, "dependencies": { "@babel/polyfill": "^7.8.7", - "@carbon/colors": "^10.19.0-rc.0", - "@carbon/icon-helpers": "^10.12.0-rc.0", - "@carbon/icons": "^10.24.0-rc.0", - "@carbon/themes": "^10.26.0-rc.0", - "@carbon/type": "^10.20.0-rc.0", + "@carbon/colors": "^10.19.0", + "@carbon/icon-helpers": "^10.12.0", + "@carbon/icons": "^10.24.0", + "@carbon/themes": "^10.26.0", + "@carbon/type": "^10.20.0", "@skpm/builder": "^0.7.0", "color-string": "^1.5.3", "skpm": "^1.2.0" diff --git a/packages/test-utils/package.json b/packages/test-utils/package.json index 3f20dcee1a1e..e5e3391c2fbd 100644 --- a/packages/test-utils/package.json +++ b/packages/test-utils/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/test-utils", "private": true, - "version": "10.14.0-rc.0", + "version": "10.14.0", "license": "Apache-2.0", "repository": { "type": "git", diff --git a/packages/themes/package.json b/packages/themes/package.json index 9434ad577998..b408ebede727 100644 --- a/packages/themes/package.json +++ b/packages/themes/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/themes", "description": "Themes for applying color in the Carbon Design System", - "version": "10.26.0-rc.0", + "version": "10.26.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -28,16 +28,16 @@ "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonThemes && node tasks/build.js && carbon-cli check \"scss/*.scss\" && carbon-cli sassdoc \"scss/**/*.scss\"" }, "dependencies": { - "@carbon/colors": "^10.19.0-rc.0", - "@carbon/layout": "^10.17.0-rc.0", - "@carbon/type": "^10.20.0-rc.0", + "@carbon/colors": "^10.19.0", + "@carbon/layout": "^10.17.0", + "@carbon/type": "^10.20.0", "color": "^3.1.2" }, "devDependencies": { - "@carbon/cli": "^10.18.0-rc.0", + "@carbon/cli": "^10.18.0", "@carbon/cli-reporter": "^10.4.0", - "@carbon/scss-generator": "^10.12.0-rc.0", - "@carbon/test-utils": "^10.14.0-rc.0", + "@carbon/scss-generator": "^10.12.0", + "@carbon/test-utils": "^10.14.0", "change-case": "^4.1.1", "core-js": "^3.6.5", "fs-extra": "^8.1.0", diff --git a/packages/type/package.json b/packages/type/package.json index 1224a7c0ef64..f94eb6d4e6d8 100644 --- a/packages/type/package.json +++ b/packages/type/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/type", "description": "Typography for digital and software products using the Carbon Design System", - "version": "10.20.0-rc.0", + "version": "10.20.0", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -36,12 +36,12 @@ "clean": "rimraf css es lib umd scss/_inlined scss/vendor" }, "dependencies": { - "@carbon/import-once": "^10.5.0-rc.0", - "@carbon/layout": "^10.17.0-rc.0" + "@carbon/import-once": "^10.5.0", + "@carbon/layout": "^10.17.0" }, "devDependencies": { - "@carbon/cli": "^10.18.0-rc.0", - "@carbon/test-utils": "^10.14.0-rc.0", + "@carbon/cli": "^10.18.0", + "@carbon/test-utils": "^10.14.0", "change-case": "^4.1.1", "rimraf": "^3.0.0" }, diff --git a/packages/type/src/__tests__/exports-test.js b/packages/type/src/__tests__/exports-test.js index b4c89eef997f..52996224e43c 100644 --- a/packages/type/src/__tests__/exports-test.js +++ b/packages/type/src/__tests__/exports-test.js @@ -22,6 +22,7 @@ describe('type', () => { "getTypeSize", "scale", "fluid", + "unstable_tokens", "styles", "caption01", "label01", @@ -54,7 +55,6 @@ describe('type', () => { "display02", "display03", "display04", - "unstable_tokens", ] `); }); diff --git a/packages/type/src/index.js b/packages/type/src/index.js index baaf8c6afb9f..4452cbf85f90 100644 --- a/packages/type/src/index.js +++ b/packages/type/src/index.js @@ -14,7 +14,7 @@ import * as styles from './styles'; export { fluid } from './fluid'; export * from './styles'; -export * from './tokens'; +export { unstable_tokens } from './tokens'; export { fontFamilies, fontFamily, diff --git a/packages/type/src/tokens.js b/packages/type/src/tokens.js index d28041bc78c2..12ea45942364 100644 --- a/packages/type/src/tokens.js +++ b/packages/type/src/tokens.js @@ -5,36 +5,69 @@ * LICENSE file in the root directory of this source tree. */ +// Unstable tokens +export const caption01 = 'caption01'; +export const label01 = 'label01'; +export const helperText01 = 'helperText01'; +export const bodyShort01 = 'bodyShort01'; +export const bodyLong01 = 'bodyLong01'; +export const bodyShort02 = 'bodyShort02'; +export const bodyLong02 = 'bodyLong02'; +export const code01 = 'code01'; +export const code02 = 'code02'; +export const heading01 = 'heading01'; +export const productiveHeading01 = 'productiveHeading01'; +export const heading02 = 'heading02'; +export const productiveHeading02 = 'productiveHeading02'; +export const productiveHeading03 = 'productiveHeading03'; +export const productiveHeading04 = 'productiveHeading04'; +export const productiveHeading05 = 'productiveHeading05'; +export const productiveHeading06 = 'productiveHeading06'; +export const productiveHeading07 = 'productiveHeading07'; +export const expressiveHeading01 = 'expressiveHeading01'; +export const expressiveHeading02 = 'expressiveHeading02'; +export const expressiveHeading03 = 'expressiveHeading03'; +export const expressiveHeading04 = 'expressiveHeading04'; +export const expressiveHeading05 = 'expressiveHeading05'; +export const expressiveHeading06 = 'expressiveHeading06'; +export const expressiveParagraph01 = 'expressiveParagraph01'; +export const quotation01 = 'quotation01'; +export const quotation02 = 'quotation02'; +export const display01 = 'display01'; +export const display02 = 'display02'; +export const display03 = 'display03'; +export const display04 = 'display04'; + export const unstable_tokens = [ - 'caption01', - 'label01', - 'helperText01', - 'bodyShort01', - 'bodyLong01', - 'bodyShort02', - 'bodyLong02', - 'code01', - 'code02', - 'heading01', - 'productiveHeading01', - 'heading02', - 'productiveHeading02', - 'productiveHeading03', - 'productiveHeading04', - 'productiveHeading05', - 'productiveHeading06', - 'productiveHeading07', - 'expressiveHeading01', - 'expressiveHeading02', - 'expressiveHeading03', - 'expressiveHeading04', - 'expressiveHeading05', - 'expressiveHeading06', - 'expressiveParagraph01', - 'quotation01', - 'quotation02', - 'display01', - 'display02', - 'display03', - 'display04', + caption01, + label01, + helperText01, + bodyShort01, + bodyLong01, + bodyShort02, + bodyLong02, + code01, + code02, + heading01, + productiveHeading01, + heading02, + productiveHeading02, + productiveHeading03, + productiveHeading04, + productiveHeading05, + productiveHeading06, + productiveHeading07, + expressiveHeading01, + expressiveHeading02, + expressiveHeading03, + expressiveHeading04, + expressiveHeading05, + expressiveHeading06, + expressiveParagraph01, + quotation01, + quotation02, + display01, + display02, + display03, + display04, ]; diff --git a/yarn.lock b/yarn.lock index 9c3032075062..81719b973ed0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1559,7 +1559,7 @@ __metadata: languageName: unknown linkType: soft -"@carbon/cli@^10.18.0-rc.0, @carbon/cli@workspace:packages/cli": +"@carbon/cli@^10.18.0, @carbon/cli@workspace:packages/cli": version: 0.0.0-use.local resolution: "@carbon/cli@workspace:packages/cli" dependencies: @@ -1582,7 +1582,7 @@ __metadata: lodash.template: ^4.5.0 markdown-toc: ^1.2.0 prettier: ^2.2.1 - prettier-config-carbon: ^0.6.0-rc.0 + prettier-config-carbon: ^0.6.0 progress-estimator: ^0.2.2 remark: ^10.0.1 replace-in-file: ^6.1.0 @@ -1603,14 +1603,14 @@ __metadata: languageName: unknown linkType: soft -"@carbon/colors@^10.19.0-rc.0, @carbon/colors@workspace:packages/colors": +"@carbon/colors@^10.19.0, @carbon/colors@workspace:packages/colors": version: 0.0.0-use.local resolution: "@carbon/colors@workspace:packages/colors" dependencies: - "@carbon/cli": ^10.18.0-rc.0 + "@carbon/cli": ^10.18.0 "@carbon/cli-reporter": ^10.4.0 - "@carbon/scss-generator": ^10.12.0-rc.0 - "@carbon/test-utils": ^10.14.0-rc.0 + "@carbon/scss-generator": ^10.12.0 + "@carbon/test-utils": ^10.14.0 change-case: ^4.1.1 core-js: ^3.6.5 fs-extra: ^8.1.0 @@ -1619,19 +1619,19 @@ __metadata: languageName: unknown linkType: soft -"@carbon/elements@^10.26.0-rc.0, @carbon/elements@workspace:packages/elements": +"@carbon/elements@^10.26.0, @carbon/elements@workspace:packages/elements": version: 0.0.0-use.local resolution: "@carbon/elements@workspace:packages/elements" dependencies: - "@carbon/cli": ^10.18.0-rc.0 - "@carbon/colors": ^10.19.0-rc.0 - "@carbon/grid": ^10.19.0-rc.0 - "@carbon/icons": ^10.24.0-rc.0 - "@carbon/import-once": ^10.5.0-rc.0 - "@carbon/layout": ^10.17.0-rc.0 - "@carbon/motion": ^10.12.0-rc.0 - "@carbon/themes": ^10.26.0-rc.0 - "@carbon/type": ^10.20.0-rc.0 + "@carbon/cli": ^10.18.0 + "@carbon/colors": ^10.19.0 + "@carbon/grid": ^10.19.0 + "@carbon/icons": ^10.24.0 + "@carbon/import-once": ^10.5.0 + "@carbon/layout": ^10.17.0 + "@carbon/motion": ^10.12.0 + "@carbon/themes": ^10.26.0 + "@carbon/type": ^10.20.0 fs-extra: ^8.1.0 klaw-sync: ^6.0.0 replace-in-file: ^3.4.2 @@ -1645,7 +1645,7 @@ __metadata: dependencies: "@babel/generator": ^7.10.2 "@babel/types": ^7.10.2 - "@carbon/scss-generator": ^10.12.0-rc.0 + "@carbon/scss-generator": ^10.12.0 fs-extra: ^9.0.1 js-yaml: ^3.14.0 rimraf: ^3.0.2 @@ -1654,25 +1654,27 @@ __metadata: languageName: unknown linkType: soft -"@carbon/grid@^10.19.0-rc.0, @carbon/grid@workspace:packages/grid": +"@carbon/grid@^10.19.0, @carbon/grid@workspace:packages/grid": version: 0.0.0-use.local resolution: "@carbon/grid@workspace:packages/grid" dependencies: - "@carbon/cli": ^10.18.0-rc.0 - "@carbon/import-once": ^10.5.0-rc.0 - "@carbon/layout": ^10.17.0-rc.0 + "@carbon/cli": ^10.18.0 + "@carbon/import-once": ^10.5.0 + "@carbon/layout": ^10.17.0 rimraf: ^3.0.0 languageName: unknown linkType: soft -"@carbon/icon-build-helpers@^0.14.0-rc.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers": +"@carbon/icon-build-helpers@^0.14.0, @carbon/icon-build-helpers@workspace:packages/icon-build-helpers": version: 0.0.0-use.local resolution: "@carbon/icon-build-helpers@workspace:packages/icon-build-helpers" dependencies: "@babel/preset-env": ^7.10.0 "@babel/preset-react": ^7.10.0 "@carbon/cli-reporter": ^10.4.0 - "@carbon/icon-helpers": ^10.12.0-rc.0 + "@carbon/icon-helpers": ^10.12.0 + "@rollup/plugin-babel": ^5.2.2 + "@rollup/plugin-replace": ^2.3.4 browserslist-config-carbon: ^10.6.0 change-case: ^4.1.1 core-js: ^3.6.5 @@ -1686,19 +1688,17 @@ __metadata: react: ^16.6.0 react-dom: ^16.6.0 rimraf: ^3.0.0 - rollup: ^1.15.1 - rollup-plugin-babel: ^4.4.0 - rollup-plugin-replace: ^2.2.0 - rollup-plugin-strip-banner: ^0.2.0 + rollup: ^2.36.1 + rollup-plugin-strip-banner: ^2.0.0 svgo: ^1.1.1 languageName: unknown linkType: soft -"@carbon/icon-helpers@^10.12.0-rc.0, @carbon/icon-helpers@workspace:packages/icon-helpers": +"@carbon/icon-helpers@^10.12.0, @carbon/icon-helpers@workspace:packages/icon-helpers": version: 0.0.0-use.local resolution: "@carbon/icon-helpers@workspace:packages/icon-helpers" dependencies: - "@carbon/cli": ^10.18.0-rc.0 + "@carbon/cli": ^10.18.0 rimraf: ^3.0.0 languageName: unknown linkType: soft @@ -1710,25 +1710,25 @@ __metadata: languageName: node linkType: hard -"@carbon/icons-handlebars@^10.24.0-rc.0, @carbon/icons-handlebars@workspace:packages/icons-handlebars": +"@carbon/icons-handlebars@^10.24.0, @carbon/icons-handlebars@workspace:packages/icons-handlebars": version: 0.0.0-use.local resolution: "@carbon/icons-handlebars@workspace:packages/icons-handlebars" dependencies: - "@carbon/icon-helpers": ^10.12.0-rc.0 - "@carbon/icons": ^10.24.0-rc.0 + "@carbon/icon-helpers": ^10.12.0 + "@carbon/icons": ^10.24.0 handlebars: ^4.0.12 peerDependencies: handlebars: ^4.0.12 languageName: unknown linkType: soft -"@carbon/icons-react@^10.24.0-rc.0, @carbon/icons-react@workspace:packages/icons-react": +"@carbon/icons-react@^10.24.0, @carbon/icons-react@workspace:packages/icons-react": version: 0.0.0-use.local resolution: "@carbon/icons-react@workspace:packages/icons-react" dependencies: - "@carbon/icon-build-helpers": ^0.14.0-rc.0 - "@carbon/icon-helpers": ^10.12.0-rc.0 - "@carbon/icons": ^10.24.0-rc.0 + "@carbon/icon-build-helpers": ^0.14.0 + "@carbon/icon-helpers": ^10.12.0 + "@carbon/icons": ^10.24.0 prop-types: ^15.7.2 peerDependencies: react: ">=16" @@ -1750,8 +1750,8 @@ __metadata: resolution: "@carbon/icons-vue@workspace:packages/icons-vue" dependencies: "@carbon/cli-reporter": ^10.4.0 - "@carbon/icon-helpers": ^10.12.0-rc.0 - "@carbon/icons": ^10.24.0-rc.0 + "@carbon/icon-helpers": ^10.12.0 + "@carbon/icons": ^10.24.0 fs-extra: ^8.1.0 prettier: ^2.2.1 rimraf: ^3.0.0 @@ -1760,38 +1760,39 @@ __metadata: languageName: unknown linkType: soft -"@carbon/icons@^10.24.0-rc.0, @carbon/icons@workspace:packages/icons": +"@carbon/icons@^10.24.0, @carbon/icons@workspace:packages/icons": version: 0.0.0-use.local resolution: "@carbon/icons@workspace:packages/icons" dependencies: - "@carbon/cli": ^10.18.0-rc.0 - "@carbon/icon-build-helpers": ^0.14.0-rc.0 + "@carbon/cli": ^10.18.0 + "@carbon/icon-build-helpers": ^0.14.0 + rimraf: ^3.0.2 languageName: unknown linkType: soft -"@carbon/import-once@^10.5.0-rc.0, @carbon/import-once@workspace:packages/import-once": +"@carbon/import-once@^10.5.0, @carbon/import-once@workspace:packages/import-once": version: 0.0.0-use.local resolution: "@carbon/import-once@workspace:packages/import-once" languageName: unknown linkType: soft -"@carbon/layout@^10.17.0-rc.0, @carbon/layout@workspace:packages/layout": +"@carbon/layout@^10.17.0, @carbon/layout@workspace:packages/layout": version: 0.0.0-use.local resolution: "@carbon/layout@workspace:packages/layout" dependencies: "@carbon/cli-reporter": ^10.4.0 - "@carbon/scss-generator": ^10.12.0-rc.0 - "@carbon/test-utils": ^10.14.0-rc.0 + "@carbon/scss-generator": ^10.12.0 + "@carbon/test-utils": ^10.14.0 core-js: ^3.6.5 rimraf: ^3.0.0 languageName: unknown linkType: soft -"@carbon/motion@^10.12.0-rc.0, @carbon/motion@workspace:packages/motion": +"@carbon/motion@^10.12.0, @carbon/motion@workspace:packages/motion": version: 0.0.0-use.local resolution: "@carbon/motion@workspace:packages/motion" dependencies: - "@carbon/cli": ^10.18.0-rc.0 + "@carbon/cli": ^10.18.0 rimraf: ^3.0.0 languageName: unknown linkType: soft @@ -1800,9 +1801,9 @@ __metadata: version: 0.0.0-use.local resolution: "@carbon/pictograms-react@workspace:packages/pictograms-react" dependencies: - "@carbon/icon-build-helpers": ^0.14.0-rc.0 - "@carbon/icon-helpers": ^10.12.0-rc.0 - "@carbon/pictograms": ^11.2.0-rc.0 + "@carbon/icon-build-helpers": ^0.14.0 + "@carbon/icon-helpers": ^10.12.0 + "@carbon/pictograms": ^11.2.0 "@carbon/telemetry": 0.0.0-alpha.6 prop-types: ^15.7.2 peerDependencies: @@ -1810,16 +1811,16 @@ __metadata: languageName: unknown linkType: soft -"@carbon/pictograms@^11.2.0-rc.0, @carbon/pictograms@workspace:packages/pictograms": +"@carbon/pictograms@^11.2.0, @carbon/pictograms@workspace:packages/pictograms": version: 0.0.0-use.local resolution: "@carbon/pictograms@workspace:packages/pictograms" dependencies: - "@carbon/icon-build-helpers": ^0.14.0-rc.0 + "@carbon/icon-build-helpers": ^0.14.0 rimraf: ^3.0.0 languageName: unknown linkType: soft -"@carbon/scss-generator@^10.12.0-rc.0, @carbon/scss-generator@workspace:packages/scss-generator": +"@carbon/scss-generator@^10.12.0, @carbon/scss-generator@workspace:packages/scss-generator": version: 0.0.0-use.local resolution: "@carbon/scss-generator@workspace:packages/scss-generator" dependencies: @@ -1832,11 +1833,11 @@ __metadata: resolution: "@carbon/sketch@workspace:packages/sketch" dependencies: "@babel/polyfill": ^7.8.7 - "@carbon/colors": ^10.19.0-rc.0 - "@carbon/icon-helpers": ^10.12.0-rc.0 - "@carbon/icons": ^10.24.0-rc.0 - "@carbon/themes": ^10.26.0-rc.0 - "@carbon/type": ^10.20.0-rc.0 + "@carbon/colors": ^10.19.0 + "@carbon/icon-helpers": ^10.12.0 + "@carbon/icons": ^10.24.0 + "@carbon/themes": ^10.26.0 + "@carbon/type": ^10.20.0 "@skpm/builder": ^0.7.0 color-string: ^1.5.3 cross-env: ^5.2.0 @@ -1865,7 +1866,7 @@ __metadata: languageName: node linkType: hard -"@carbon/test-utils@^10.14.0-rc.0, @carbon/test-utils@workspace:packages/test-utils": +"@carbon/test-utils@^10.14.0, @carbon/test-utils@workspace:packages/test-utils": version: 0.0.0-use.local resolution: "@carbon/test-utils@workspace:packages/test-utils" dependencies: @@ -1881,17 +1882,17 @@ __metadata: languageName: unknown linkType: soft -"@carbon/themes@^10.26.0-rc.0, @carbon/themes@workspace:packages/themes": +"@carbon/themes@^10.26.0, @carbon/themes@workspace:packages/themes": version: 0.0.0-use.local resolution: "@carbon/themes@workspace:packages/themes" dependencies: - "@carbon/cli": ^10.18.0-rc.0 + "@carbon/cli": ^10.18.0 "@carbon/cli-reporter": ^10.4.0 - "@carbon/colors": ^10.19.0-rc.0 - "@carbon/layout": ^10.17.0-rc.0 - "@carbon/scss-generator": ^10.12.0-rc.0 - "@carbon/test-utils": ^10.14.0-rc.0 - "@carbon/type": ^10.20.0-rc.0 + "@carbon/colors": ^10.19.0 + "@carbon/layout": ^10.17.0 + "@carbon/scss-generator": ^10.12.0 + "@carbon/test-utils": ^10.14.0 + "@carbon/type": ^10.20.0 change-case: ^4.1.1 color: ^3.1.2 core-js: ^3.6.5 @@ -1902,14 +1903,14 @@ __metadata: languageName: unknown linkType: soft -"@carbon/type@^10.20.0-rc.0, @carbon/type@workspace:packages/type": +"@carbon/type@^10.20.0, @carbon/type@workspace:packages/type": version: 0.0.0-use.local resolution: "@carbon/type@workspace:packages/type" dependencies: - "@carbon/cli": ^10.18.0-rc.0 - "@carbon/import-once": ^10.5.0-rc.0 - "@carbon/layout": ^10.17.0-rc.0 - "@carbon/test-utils": ^10.14.0-rc.0 + "@carbon/cli": ^10.18.0 + "@carbon/import-once": ^10.5.0 + "@carbon/layout": ^10.17.0 + "@carbon/test-utils": ^10.14.0 change-case: ^4.1.1 rimraf: ^3.0.0 languageName: unknown @@ -3917,6 +3918,18 @@ __metadata: languageName: node linkType: hard +"@rollup/plugin-replace@npm:^2.3.4": + version: 2.3.4 + resolution: "@rollup/plugin-replace@npm:2.3.4" + dependencies: + "@rollup/pluginutils": ^3.1.0 + magic-string: ^0.25.7 + peerDependencies: + rollup: ^1.20.0 || ^2.0.0 + checksum: 97ae11600a959b7668105d9e28801319f9158b01a1d9dbf4f910136491463d8798c1bb1d62e47bf04d5ff08c9c5b3f333aa39ccad57a4e5531d8edaa38ffd74e + languageName: node + linkType: hard + "@rollup/pluginutils@npm:^3.1.0": version: 3.1.0 resolution: "@rollup/pluginutils@npm:3.1.0" @@ -8954,9 +8967,9 @@ __metadata: "@babel/plugin-transform-object-assign": ^7.7.4 "@babel/preset-env": ^7.10.0 "@babel/preset-react": ^7.10.0 - "@carbon/icons-react": ^10.24.0-rc.0 + "@carbon/icons-react": ^10.24.0 "@carbon/telemetry": 0.0.0-alpha.6 - "@carbon/test-utils": ^10.14.0-rc.0 + "@carbon/test-utils": ^10.14.0 "@percy/storybook": ^3.3.1 "@storybook/addon-storysource": ^5.3.19 "@storybook/addons": ^5.3.19 @@ -8969,7 +8982,7 @@ __metadata: babel-plugin-react-docgen: ^4.0.0 babel-plugin-transform-inline-environment-variables: ^0.4.0 browserslist-config-carbon: ^10.6.0 - carbon-components: ^10.27.0-rc.0 + carbon-components: ^10.27.0 carbon-icons: ^7.0.5 chalk: ^2.3.0 classnames: 2.2.6 @@ -9028,7 +9041,7 @@ __metadata: languageName: unknown linkType: soft -"carbon-components@^10.27.0-rc.0, carbon-components@workspace:packages/components": +"carbon-components@^10.27.0, carbon-components@workspace:packages/components": version: 0.0.0-use.local resolution: "carbon-components@workspace:packages/components" dependencies: @@ -9040,12 +9053,12 @@ __metadata: "@babel/preset-env": ^7.10.0 "@babel/preset-react": ^7.10.0 "@babel/runtime": ^7.10.0 - "@carbon/cli": ^10.18.0-rc.0 - "@carbon/elements": ^10.26.0-rc.0 - "@carbon/icons-handlebars": ^10.24.0-rc.0 - "@carbon/icons-react": ^10.24.0-rc.0 + "@carbon/cli": ^10.18.0 + "@carbon/elements": ^10.26.0 + "@carbon/icons-handlebars": ^10.24.0 + "@carbon/icons-react": ^10.24.0 "@carbon/telemetry": 0.0.0-alpha.6 - "@carbon/test-utils": ^10.14.0-rc.0 + "@carbon/test-utils": ^10.14.0 "@frctl/fractal": ^1.1.0 adaro: 1.0.4 autoprefixer: ^9.7.4 @@ -13441,13 +13454,6 @@ __metadata: languageName: node linkType: hard -"estree-walker@npm:^0.3.0": - version: 0.3.1 - resolution: "estree-walker@npm:0.3.1" - checksum: 20a1a9833ef81e4d39ec3ed04c7d47a2f618e41c330d639d6bc4544b3355c230e32e8b65ebd587e953f03259348efbd9886cb8b3a10b7add6762e7fbec80d804 - languageName: node - linkType: hard - "estree-walker@npm:^0.6.0, estree-walker@npm:^0.6.1": version: 0.6.1 resolution: "estree-walker@npm:0.6.1" @@ -21211,15 +21217,6 @@ __metadata: languageName: node linkType: hard -"magic-string@npm:0.19.1": - version: 0.19.1 - resolution: "magic-string@npm:0.19.1" - dependencies: - vlq: ^0.2.1 - checksum: eabaf9b175907e024d36eea0ac0687e73f5477e570e3bf37bf243e5e91e96560bceb557015aa7aacd2f456e3eec19fd890b3f8800d5f8a2013819f4c804d5bd0 - languageName: node - linkType: hard - "magic-string@npm:0.25.4": version: 0.25.4 resolution: "magic-string@npm:0.25.4" @@ -21828,7 +21825,7 @@ __metadata: languageName: node linkType: hard -"micromatch@npm:^2.1.5, micromatch@npm:^2.3.11": +"micromatch@npm:^2.1.5": version: 2.3.11 resolution: "micromatch@npm:2.3.11" dependencies: @@ -24872,7 +24869,7 @@ __metadata: languageName: node linkType: hard -"prettier-config-carbon@^0.6.0-rc.0, prettier-config-carbon@workspace:config/prettier-config-carbon": +"prettier-config-carbon@^0.6.0, prettier-config-carbon@workspace:config/prettier-config-carbon": version: 0.0.0-use.local resolution: "prettier-config-carbon@workspace:config/prettier-config-carbon" dependencies: @@ -27491,17 +27488,6 @@ resolve@1.1.x: languageName: node linkType: hard -"rollup-plugin-strip-banner@npm:^0.2.0": - version: 0.2.0 - resolution: "rollup-plugin-strip-banner@npm:0.2.0" - dependencies: - extract-banner: 0.1.2 - magic-string: 0.19.1 - rollup-pluginutils: 2.0.1 - checksum: ba6dab339b576b3c237af2b05131b07483fa83ad19cd904c1d99ec2d7562af63ce53505429331529908ff520aad9004d1e8d1a1dee9b123ebb96db550c467184 - languageName: node - linkType: hard - "rollup-plugin-strip-banner@npm:^1.0.0": version: 1.0.0 resolution: "rollup-plugin-strip-banner@npm:1.0.0" @@ -27547,16 +27533,6 @@ resolve@1.1.x: languageName: node linkType: hard -"rollup-pluginutils@npm:2.0.1": - version: 2.0.1 - resolution: "rollup-pluginutils@npm:2.0.1" - dependencies: - estree-walker: ^0.3.0 - micromatch: ^2.3.11 - checksum: 40f9e1af99944199752ad6438f763d37fa2efd4fc8063dc48ccd812f48b469cd2b8418e895b4d9c43ed48675213806c88958a382430a7b6ce845018cc44b4a9c - languageName: node - linkType: hard - "rollup-pluginutils@npm:2.8.2, rollup-pluginutils@npm:^2.6.0, rollup-pluginutils@npm:^2.8.1": version: 2.8.2 resolution: "rollup-pluginutils@npm:2.8.2" @@ -32619,13 +32595,6 @@ resolve@1.1.x: languageName: node linkType: hard -"vlq@npm:^0.2.1": - version: 0.2.3 - resolution: "vlq@npm:0.2.3" - checksum: 48055a9675a8f58c7e78f02707d0e9daa25a7eacbe49d2b215bf35c05eca6399d4ad645c51a512d05c0acd138fb4c003a0e3534a71338f0f2f634a3746d2f03f - languageName: node - linkType: hard - "vm-browserify@npm:^1.0.1": version: 1.1.2 resolution: "vm-browserify@npm:1.1.2"