diff --git a/packages/colors/package.json b/packages/colors/package.json index 68153034bbad..719e9cc217eb 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.8.0", + "version": "10.8.1", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -34,7 +34,7 @@ "@carbon/bundler": "^10.6.0", "@carbon/cli-reporter": "^10.3.0", "@carbon/scss-generator": "^10.6.0", - "@carbon/test-utils": "^10.7.0", + "@carbon/test-utils": "^10.7.1", "change-case": "^4.1.1", "core-js": "^3.0.1", "fs-extra": "^8.1.0", diff --git a/packages/components/package.json b/packages/components/package.json index 14fa1d39c90e..d17a6b2f98d4 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.10.1", + "version": "10.10.2", "license": "Apache-2.0", "main": "umd/index.js", "module": "es/index.js", @@ -79,10 +79,10 @@ "@babel/preset-env": "^7.7.7", "@babel/preset-react": "^7.7.4", "@babel/runtime": "^7.7.7", - "@carbon/elements": "^10.10.1", - "@carbon/icons-handlebars": "^10.9.1", - "@carbon/icons-react": "^10.9.1", - "@carbon/test-utils": "^10.7.0", + "@carbon/elements": "^10.10.2", + "@carbon/icons-handlebars": "^10.9.2", + "@carbon/icons-react": "^10.9.2", + "@carbon/test-utils": "^10.7.1", "@frctl/fractal": "^1.1.0", "adaro": "1.0.4", "autoprefixer": "^9.7.4", diff --git a/packages/components/src/components/dropdown/_dropdown.scss b/packages/components/src/components/dropdown/_dropdown.scss index 0448e1da8322..87e72c45ce72 100644 --- a/packages/components/src/components/dropdown/_dropdown.scss +++ b/packages/components/src/components/dropdown/_dropdown.scss @@ -182,6 +182,10 @@ overflow-y: auto; } + .#{$prefix}--dropdown--light .#{$prefix}--dropdown-list { + background-color: $field-02; + } + .#{$prefix}--dropdown:not(.#{$prefix}--dropdown--open) .#{$prefix}--dropdown-item { visibility: hidden; @@ -238,6 +242,10 @@ } } + .#{$prefix}--dropdown--light .#{$prefix}--dropdown-link { + border-top-color: $decorative-01; + } + .#{$prefix}--dropdown--sm .#{$prefix}--dropdown-link { padding-top: rem(7px); padding-bottom: rem(7px); diff --git a/packages/elements/package.json b/packages/elements/package.json index 96ed6a450901..a7e0e8d4e8f4 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.10.1", + "version": "10.10.2", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -31,14 +31,14 @@ "clean": "rimraf es lib umd && node tasks/clean.js" }, "dependencies": { - "@carbon/colors": "^10.8.0", - "@carbon/grid": "^10.9.1", - "@carbon/icons": "^10.9.1", + "@carbon/colors": "^10.8.1", + "@carbon/grid": "^10.9.2", + "@carbon/icons": "^10.9.2", "@carbon/import-once": "^10.3.0", - "@carbon/layout": "^10.8.1", + "@carbon/layout": "^10.8.2", "@carbon/motion": "^10.6.0", - "@carbon/themes": "^10.10.1", - "@carbon/type": "^10.9.1" + "@carbon/themes": "^10.10.2", + "@carbon/type": "^10.9.2" }, "devDependencies": { "@carbon/bundler": "^10.6.0", diff --git a/packages/grid/package.json b/packages/grid/package.json index 806a136f6f0f..128e2a7ce8e1 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.9.1", + "version": "10.9.2", "license": "Apache-2.0", "repository": "https://github.com/carbon-design-system/carbon/tree/master/packages/grid", "bugs": "https://github.com/carbon-design-system/carbon/issues", @@ -28,7 +28,7 @@ }, "dependencies": { "@carbon/import-once": "^10.3.0", - "@carbon/layout": "^10.8.1" + "@carbon/layout": "^10.8.2" }, "devDependencies": { "@carbon/bundler": "^10.6.0", diff --git a/packages/icon-build-helpers/package.json b/packages/icon-build-helpers/package.json index d7b9b0c14e9e..03c71ab929f9 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.4.0", + "version": "0.4.1", "license": "Apache-2.0", "main": "src/index.js", "repository": "https://github.com/carbon-design-system/carbon/tree/master/packages/icon-build-helpers", diff --git a/packages/icons-handlebars/package.json b/packages/icons-handlebars/package.json index 8444c0969f00..2225eeacda54 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.9.1", + "version": "10.9.2", "license": "Apache-2.0", "main": "index.js", "repository": "https://github.com/carbon-design-system/carbon/tree/master/packages/icons-handlebars", @@ -23,7 +23,7 @@ }, "dependencies": { "@carbon/icon-helpers": "^10.6.0", - "@carbon/icons": "^10.9.1" + "@carbon/icons": "^10.9.2" }, "devDependencies": { "handlebars": "^4.0.12" diff --git a/packages/icons-react/package.json b/packages/icons-react/package.json index 46931107b77e..129e3bc767c3 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.9.1", + "version": "10.9.2", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -32,8 +32,8 @@ "@carbon/icon-helpers": "^10.6.0" }, "devDependencies": { - "@carbon/icon-build-helpers": "^0.4.0", - "@carbon/icons": "^10.9.1" + "@carbon/icon-build-helpers": "^0.4.1", + "@carbon/icons": "^10.9.2" }, "sideEffects": false } diff --git a/packages/icons-vue/package.json b/packages/icons-vue/package.json index 53bf1f12f769..a577421a334b 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.9.1", + "version": "10.9.2", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -28,7 +28,7 @@ }, "devDependencies": { "@carbon/cli-reporter": "^10.3.0", - "@carbon/icons": "^10.9.1", + "@carbon/icons": "^10.9.2", "fs-extra": "^8.1.0", "prettier": "^1.19.1", "rimraf": "^3.0.0", diff --git a/packages/icons/package.json b/packages/icons/package.json index 1c1a37c87d8c..afda56000dae 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.9.1", + "version": "10.9.2", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -34,6 +34,6 @@ "prepublishOnly": "yarn build" }, "devDependencies": { - "@carbon/icon-build-helpers": "^0.4.0" + "@carbon/icon-build-helpers": "^0.4.1" } } diff --git a/packages/layout/package.json b/packages/layout/package.json index 684f04424c9e..6675b7422b0b 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.8.1", + "version": "10.8.2", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -28,7 +28,7 @@ "@carbon/bundler": "^10.6.0", "@carbon/cli-reporter": "^10.3.0", "@carbon/scss-generator": "^10.6.0", - "@carbon/test-utils": "^10.7.0", + "@carbon/test-utils": "^10.7.1", "core-js": "^3.4.0", "rimraf": "^3.0.0" }, diff --git a/packages/pictograms-react/package.json b/packages/pictograms-react/package.json index 40884b665310..52f348b681bc 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": "10.9.0", + "version": "10.9.1", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -32,8 +32,8 @@ "@carbon/icon-helpers": "^10.6.0" }, "devDependencies": { - "@carbon/icon-build-helpers": "^0.4.0", - "@carbon/pictograms": "^10.9.0" + "@carbon/icon-build-helpers": "^0.4.1", + "@carbon/pictograms": "^10.9.1" }, "sideEffects": false } diff --git a/packages/pictograms/package.json b/packages/pictograms/package.json index 7c274aa6c6d7..61909fb27ddc 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": "10.9.0", + "version": "10.9.1", "license": "Apache-2.0", "repository": "https://github.com/carbon-design-system/carbon/tree/master/packages/pictograms", "bugs": "https://github.com/carbon-design-system/carbon/issues", @@ -25,7 +25,7 @@ "prepublishOnly": "yarn build" }, "devDependencies": { - "@carbon/icon-build-helpers": "^0.4.0", + "@carbon/icon-build-helpers": "^0.4.1", "rimraf": "^3.0.0" } } diff --git a/packages/react-hooks/package.json b/packages/react-hooks/package.json index 73835d975825..09bdb9c67969 100644 --- a/packages/react-hooks/package.json +++ b/packages/react-hooks/package.json @@ -1,7 +1,7 @@ { "name": "@carbon/react-hooks", "private": true, - "version": "10.4.1", + "version": "10.4.2", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -30,7 +30,7 @@ "@babel/core": "^7.5.5", "@babel/preset-env": "^7.7.7", "@babel/preset-react": "^7.7.4", - "@carbon/test-utils": "^10.7.0", + "@carbon/test-utils": "^10.7.1", "@storybook/addon-actions": "^5.1.11", "@storybook/addon-links": "^5.1.11", "@storybook/addon-storysource": "^5.2.0", @@ -39,7 +39,7 @@ "autoprefixer": "^9.7.4", "babel-loader": "^8.0.6", "browserslist-config-carbon": "^10.4.0", - "carbon-components": "^10.10.1", + "carbon-components": "^10.10.2", "css-loader": "^3.4.2", "node-sass": "^4.13.1", "postcss-loader": "^3.0.0", diff --git a/packages/react/package.json b/packages/react/package.json index a47d929e8f17..d9fe6bfa9b00 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.10.1", + "version": "7.10.2", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -38,7 +38,7 @@ "react-dom": "^16.8.6" }, "dependencies": { - "@carbon/icons-react": "^10.9.1", + "@carbon/icons-react": "^10.9.2", "classnames": "2.2.6", "downshift": "^1.31.14", "flatpickr": "4.6.1", @@ -64,7 +64,7 @@ "@babel/plugin-transform-object-assign": "^7.7.4", "@babel/preset-env": "^7.7.7", "@babel/preset-react": "^7.7.4", - "@carbon/test-utils": "^10.7.0", + "@carbon/test-utils": "^10.7.1", "@storybook/addon-a11y": "^5.3.9", "@storybook/addon-actions": "^5.3.9", "@storybook/addon-info": "^5.3.9", @@ -80,7 +80,7 @@ "babel-plugin-react-docgen": "^4.0.0", "babel-plugin-transform-inline-environment-variables": "^0.4.0", "browserslist-config-carbon": "^10.4.0", - "carbon-components": "^10.10.1", + "carbon-components": "^10.10.2", "carbon-icons": "^7.0.5", "chalk": "^2.3.0", "cli-table": "^0.3.0", diff --git a/packages/sketch/package.json b/packages/sketch/package.json index bbb37ad2ee84..0a42532b398b 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.10.1", + "version": "10.10.2", "license": "Apache-2.0", "repository": "https://github.com/carbon-design-system/carbon/tree/master/packages/sketch", "bugs": "https://github.com/carbon-design-system/carbon/issues", @@ -25,11 +25,11 @@ }, "dependencies": { "@babel/polyfill": "^7.7.0", - "@carbon/colors": "^10.8.0", + "@carbon/colors": "^10.8.1", "@carbon/icon-helpers": "^10.6.0", - "@carbon/icons": "^10.9.1", - "@carbon/themes": "^10.10.1", - "@carbon/type": "^10.9.1", + "@carbon/icons": "^10.9.2", + "@carbon/themes": "^10.10.2", + "@carbon/type": "^10.9.2", "@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 74d308763b69..7aeea9ac4ba6 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.7.0", + "version": "10.7.1", "license": "Apache-2.0", "repository": "https://github.com/carbon-design-system/carbon/tree/master/packages/test-utils", "bugs": "https://github.com/carbon-design-system/carbon/issues", diff --git a/packages/themes/package.json b/packages/themes/package.json index 76c9bc3b11a4..af091a96be74 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.10.1", + "version": "10.10.2", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -24,15 +24,15 @@ "build": "yarn clean && bundler bundle src/index.js --name CarbonThemes && node tasks/build.js && bundler check \"scss/*.scss\" && bundler sassdoc \"scss/**/*.scss\"" }, "dependencies": { - "@carbon/colors": "^10.8.0", - "@carbon/layout": "^10.8.1", - "@carbon/type": "^10.9.1", + "@carbon/colors": "^10.8.1", + "@carbon/layout": "^10.8.2", + "@carbon/type": "^10.9.2", "color": "^3.1.2" }, "devDependencies": { "@carbon/cli-reporter": "^10.3.0", "@carbon/scss-generator": "^10.6.0", - "@carbon/test-utils": "^10.7.0", + "@carbon/test-utils": "^10.7.1", "change-case": "^4.1.1", "core-js": "^3.0.1", "fs-extra": "^8.1.0", diff --git a/packages/themes/src/g10.js b/packages/themes/src/g10.js index 9653187e4d05..40e7476962c8 100644 --- a/packages/themes/src/g10.js +++ b/packages/themes/src/g10.js @@ -125,6 +125,8 @@ export const disabled03 = gray50; export const highlight = blue20; +export const decorative01 = gray20; + export const skeleton01 = '#e5e5e5'; export const skeleton02 = gray30; diff --git a/packages/themes/src/g100.js b/packages/themes/src/g100.js index 9308b88785dc..30adbd8653db 100644 --- a/packages/themes/src/g100.js +++ b/packages/themes/src/g100.js @@ -124,6 +124,8 @@ export const disabled03 = gray50; export const highlight = blue80; +export const decorative01 = gray70; + export const skeleton01 = '#353535'; export const skeleton02 = gray80; diff --git a/packages/themes/src/g90.js b/packages/themes/src/g90.js index be3d38e8cc6c..f73d1cb3f48c 100644 --- a/packages/themes/src/g90.js +++ b/packages/themes/src/g90.js @@ -126,6 +126,8 @@ export const disabled03 = gray40; export const highlight = blue70; +export const decorative01 = gray60; + export const skeleton01 = '#353535'; export const skeleton02 = gray70; diff --git a/packages/themes/src/tokens.js b/packages/themes/src/tokens.js index 800536600725..840120952ec3 100644 --- a/packages/themes/src/tokens.js +++ b/packages/themes/src/tokens.js @@ -94,6 +94,8 @@ const colors = [ 'highlight', + 'decorative01', + 'skeleton01', 'skeleton02', @@ -225,6 +227,7 @@ export const unstable__meta = { 'inverseHoverUI', 'active01', 'hoverField', + 'decorative01', ], }, ], diff --git a/packages/themes/src/v9.js b/packages/themes/src/v9.js index d2deb68083cb..15c2c391e337 100644 --- a/packages/themes/src/v9.js +++ b/packages/themes/src/v9.js @@ -89,6 +89,8 @@ export const disabled03 = '#cdd1d4'; export const highlight = '#f4f7fb'; +export const decorative01 = '#EEF4FC'; + export const skeleton01 = 'rgba(61, 112, 178, .1)'; export const skeleton02 = 'rgba(61, 112, 178, .1)'; diff --git a/packages/themes/src/white.js b/packages/themes/src/white.js index 5e2f366653da..3befc6eeaa6a 100644 --- a/packages/themes/src/white.js +++ b/packages/themes/src/white.js @@ -125,6 +125,8 @@ export const disabled03 = gray50; export const highlight = blue20; +export const decorative01 = gray20; + export const skeleton01 = '#e5e5e5'; export const skeleton02 = gray30; diff --git a/packages/type/package.json b/packages/type/package.json index 75a5718d5c2b..b81df25c2792 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.9.1", + "version": "10.9.2", "license": "Apache-2.0", "main": "lib/index.js", "module": "es/index.js", @@ -33,11 +33,11 @@ }, "dependencies": { "@carbon/import-once": "^10.3.0", - "@carbon/layout": "^10.8.1" + "@carbon/layout": "^10.8.2" }, "devDependencies": { "@carbon/bundler": "^10.6.0", - "@carbon/test-utils": "^10.7.0", + "@carbon/test-utils": "^10.7.1", "change-case": "^4.1.1", "rimraf": "^3.0.0" },