@carbon/elements 10.55.0 → 11.0.1

package/es/index.js

@@ -1,5 +1,5 @@
 export { black, black100, blue, blue10, blue100, blue20, blue30, blue40, blue50, blue60, blue70, blue80, blue90, colors, coolGray, coolGray10, coolGray100, coolGray20, coolGray30, coolGray40, coolGray50, coolGray60, coolGray70, coolGray80, coolGray90, cyan, cyan10, cyan100, cyan20, cyan30, cyan40, cyan50, cyan60, cyan70, cyan80, cyan90, gray, gray10, gray100, gray20, gray30, gray40, gray50, gray60, gray70, gray80, gray90, green, green10, green100, green20, green30, green40, green50, green60, green70, green80, green90, magenta, magenta10, magenta100, magenta20, magenta30, magenta40, magenta50, magenta60, magenta70, magenta80, magenta90, orange, orange40, orange60, orange70, purple, purple10, purple100, purple20, purple30, purple40, purple50, purple60, purple70, purple80, purple90, red, red10, red100, red20, red30, red40, red50, red60, red70, red80, red90, rgba, teal, teal10, teal100, teal20, teal30, teal40, teal50, teal60, teal70, teal80, teal90, warmGray, warmGray10, warmGray100, warmGray20, warmGray30, warmGray40, warmGray50, warmGray60, warmGray70, warmGray80, warmGray90, white0, yellow, yellow20, yellow30, yellow40, yellow50 } from '@carbon/colors';
 export { fluid, fontFamilies, fontFamily, fontWeight, fontWeights, getTypeSize, print, reset, scale, styles, unstable_tokens } from '@carbon/type';
-export { baseFontSize, breakpoint, breakpointDown, breakpointUp, breakpoints, container, em, fluidSpacing, iconSize, layout, miniUnit, miniUnits, px, rem, spacing } from '@carbon/layout';
+export { baseFontSize, breakpoint, breakpointDown, breakpointUp, breakpoints, container, em, fluidSpacing, iconSize, miniUnit, miniUnits, px, rem, spacing } from '@carbon/layout';
 export * from '@carbon/themes';
 export { easings, fast01, fast02, moderate01, moderate02, motion, slow01, slow02 } from '@carbon/motion';

package/lib/index.js

@@ -586,10 +586,6 @@ Object.defineProperty(exports, 'iconSize', {
   enumerable: true,
   get: function () { return layout.iconSize; }
 });
-Object.defineProperty(exports, 'layout', {
-  enumerable: true,
-  get: function () { return layout.layout; }
-});
 Object.defineProperty(exports, 'miniUnit', {
   enumerable: true,
   get: function () { return layout.miniUnit; }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/elements",
   "description": "A collection of design elements in code for the IBM Design Language",
-  "version": "10.55.0",
+  "version": "11.0.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,25 +31,24 @@
     "access": "public"
   },
   "scripts": {
-    "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonElements && node tasks/build.js && carbon-cli check \"scss/*.scss\"",
-    "clean": "rimraf es lib umd && node tasks/clean.js"
+    "build": "yarn clean && carbon-cli bundle src/index.js --name CarbonElements",
+    "clean": "rimraf es lib umd"
   },
   "dependencies": {
-    "@carbon/colors": "^10.37.0",
-    "@carbon/grid": "^10.43.0",
-    "@carbon/icons": "^10.48.0",
-    "@carbon/import-once": "^10.7.0",
-    "@carbon/layout": "^10.37.0",
-    "@carbon/motion": "^10.29.0",
-    "@carbon/themes": "^10.54.0",
-    "@carbon/type": "^10.44.0"
+    "@carbon/colors": "^11.0.0",
+    "@carbon/grid": "^11.0.0",
+    "@carbon/icons": "^11.0.1",
+    "@carbon/layout": "^11.0.0",
+    "@carbon/motion": "^11.0.0",
+    "@carbon/themes": "^11.0.0",
+    "@carbon/type": "^11.0.0"
   },
   "devDependencies": {
-    "@carbon/cli": "^10.34.0",
+    "@carbon/cli": "^11.0.0",
     "fs-extra": "^10.0.0",
     "klaw-sync": "^6.0.0",
     "replace-in-file": "^3.4.2",
     "rimraf": "^3.0.0"
   },
-  "gitHead": "9db9b14761bfaabde5cd54e1f47957d243d90321"
+  "gitHead": "db1af06972f4cc0cfb236723646ee59dae7bdee7"
 }

package/src/__tests__/__snapshots__/PublicAPI-test.js.snap

@@ -2,13 +2,6 @@
 
 exports[`Public API should only change with a semver change 1`] = `
 Array [
-  "active01",
-  "activeDanger",
-  "activeLightUI",
-  "activePrimary",
-  "activeSecondary",
-  "activeTertiary",
-  "activeUI",
   "background",
   "backgroundActive",
   "backgroundBrand",
@@ -31,10 +24,6 @@ Array [
   "blue70",
   "blue80",
   "blue90",
-  "body01",
-  "body02",
-  "bodyCompact01",
-  "bodyCompact02",
   "bodyLong01",
   "bodyLong02",
   "bodyShort01",
@@ -42,31 +31,20 @@ Array [
   "borderDisabled",
   "borderInteractive",
   "borderInverse",
-  "borderStrong",
-  "borderSubtle",
-  "borderSubtleSelected",
-  "brand01",
-  "brand02",
-  "brand03",
+  "borderStrong01",
+  "borderStrong02",
+  "borderStrong03",
+  "borderSubtle00",
+  "borderSubtle01",
+  "borderSubtle02",
+  "borderSubtle03",
+  "borderSubtleSelected01",
+  "borderSubtleSelected02",
+  "borderSubtleSelected03",
   "breakpoint",
   "breakpointDown",
   "breakpointUp",
   "breakpoints",
-  "buttonDangerActive",
-  "buttonDangerHover",
-  "buttonDangerPrimary",
-  "buttonDangerSecondary",
-  "buttonDisabled",
-  "buttonPrimary",
-  "buttonPrimaryActive",
-  "buttonPrimaryHover",
-  "buttonSecondary",
-  "buttonSecondaryActive",
-  "buttonSecondaryHover",
-  "buttonSeparator",
-  "buttonTertiary",
-  "buttonTertiaryActive",
-  "buttonTertiaryHover",
   "caption01",
   "caption02",
   "code01",
@@ -100,13 +78,6 @@ Array [
   "cyan70",
   "cyan80",
   "cyan90",
-  "danger",
-  "danger01",
-  "danger02",
-  "decorative01",
-  "disabled01",
-  "disabled02",
-  "disabled03",
   "display01",
   "display02",
   "display03",
@@ -122,22 +93,13 @@ Array [
   "expressiveParagraph01",
   "fast01",
   "fast02",
-  "field",
   "field01",
   "field02",
-  "fieldHover",
+  "field03",
+  "fieldHover01",
+  "fieldHover02",
+  "fieldHover03",
   "fluid",
-  "fluidDisplay01",
-  "fluidDisplay02",
-  "fluidDisplay03",
-  "fluidDisplay04",
-  "fluidHeading03",
-  "fluidHeading04",
-  "fluidHeading05",
-  "fluidHeading06",
-  "fluidParagraph01",
-  "fluidQuotation01",
-  "fluidQuotation02",
   "fluidSpacing",
   "fluidSpacing01",
   "fluidSpacing02",
@@ -150,10 +112,8 @@ Array [
   "fontFamily",
   "fontWeight",
   "fontWeights",
-  "formatTokenName",
   "g10",
   "g100",
-  "g80",
   "g90",
   "getTypeSize",
   "gray",
@@ -180,29 +140,9 @@ Array [
   "green90",
   "heading01",
   "heading02",
-  "heading03",
-  "heading04",
-  "heading05",
-  "heading06",
-  "heading07",
-  "headingCompact01",
-  "headingCompact02",
   "helperText01",
   "helperText02",
   "highlight",
-  "hoverDanger",
-  "hoverField",
-  "hoverLightUI",
-  "hoverPrimary",
-  "hoverPrimaryText",
-  "hoverRow",
-  "hoverSecondary",
-  "hoverSelectedUI",
-  "hoverTertiary",
-  "hoverUI",
-  "icon01",
-  "icon02",
-  "icon03",
   "iconDisabled",
   "iconInverse",
   "iconOnColor",
@@ -213,44 +153,37 @@ Array [
   "iconSize01",
   "iconSize02",
   "interactive",
-  "interactive01",
-  "interactive02",
-  "interactive03",
-  "interactive04",
-  "inverse01",
-  "inverse02",
-  "inverseFocusUi",
-  "inverseHoverUI",
-  "inverseLink",
-  "inverseSupport01",
-  "inverseSupport02",
-  "inverseSupport03",
-  "inverseSupport04",
   "label01",
   "label02",
-  "layer",
-  "layerAccent",
-  "layerAccentActive",
-  "layerAccentHover",
-  "layerActive",
-  "layerHover",
-  "layerSelected",
+  "layer01",
+  "layer02",
+  "layer03",
+  "layerAccent01",
+  "layerAccent02",
+  "layerAccent03",
+  "layerAccentActive01",
+  "layerAccentActive02",
+  "layerAccentActive03",
+  "layerAccentHover01",
+  "layerAccentHover02",
+  "layerAccentHover03",
+  "layerActive01",
+  "layerActive02",
+  "layerActive03",
+  "layerHover01",
+  "layerHover02",
+  "layerHover03",
+  "layerSelected01",
+  "layerSelected02",
+  "layerSelected03",
   "layerSelectedDisabled",
-  "layerSelectedHover",
+  "layerSelectedHover01",
+  "layerSelectedHover02",
+  "layerSelectedHover03",
   "layerSelectedInverse",
-  "layout",
-  "layout01",
-  "layout02",
-  "layout03",
-  "layout04",
-  "layout05",
-  "layout06",
-  "layout07",
-  "legal01",
-  "legal02",
-  "link01",
-  "link02",
   "linkInverse",
+  "linkInverseActive",
+  "linkInverseHover",
   "linkPrimary",
   "linkPrimaryHover",
   "linkSecondary",
@@ -276,7 +209,6 @@ Array [
   "orange60",
   "orange70",
   "overlay",
-  "overlay01",
   "print",
   "productiveHeading01",
   "productiveHeading02",
@@ -314,8 +246,6 @@ Array [
   "reset",
   "rgba",
   "scale",
-  "selectedLightUI",
-  "selectedUI",
   "shadow",
   "size2XLarge",
   "sizeLarge",
@@ -323,8 +253,6 @@ Array [
   "sizeSmall",
   "sizeXLarge",
   "sizeXSmall",
-  "skeleton01",
-  "skeleton02",
   "skeletonBackground",
   "skeletonElement",
   "slow01",
@@ -344,10 +272,9 @@ Array [
   "spacing12",
   "spacing13",
   "styles",
-  "support01",
-  "support02",
-  "support03",
-  "support04",
+  "supportCautionMajor",
+  "supportCautionMinor",
+  "supportCautionUndefined",
   "supportError",
   "supportErrorInverse",
   "supportInfo",
@@ -367,11 +294,6 @@ Array [
   "teal70",
   "teal80",
   "teal90",
-  "text01",
-  "text02",
-  "text03",
-  "text04",
-  "text05",
   "textDisabled",
   "textError",
   "textHelper",
@@ -383,17 +305,8 @@ Array [
   "textSecondary",
   "themes",
   "toggleOff",
-  "tokens",
-  "ui01",
-  "ui02",
-  "ui03",
-  "ui04",
-  "ui05",
-  "uiBackground",
-  "unstable__meta",
   "unstable_tokens",
-  "v9",
-  "visitedLink",
+  "v10",
   "warmGray",
   "warmGray10",
   "warmGray100",

package/src/index.js

@@ -158,7 +158,6 @@ export {
   iconSize,
   miniUnit,
   miniUnits,
-  layout,
   spacing,
 } from '@carbon/layout';
 export * from '@carbon/themes';

package/umd/index.js

@@ -580,10 +580,6 @@
     enumerable: true,
     get: function () { return layout.iconSize; }
   });
-  Object.defineProperty(exports, 'layout', {
-    enumerable: true,
-    get: function () { return layout.layout; }
-  });
   Object.defineProperty(exports, 'miniUnit', {
     enumerable: true,
     get: function () { return layout.miniUnit; }

package/scss/colors/colors.scss

@@ -1,12 +0,0 @@
-// Code generated by @carbon/colors. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 2020
-//
-// 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 './mixins';
-// Deprecated ☠️
-@include ibm--colors();
-// Preferred
-@include carbon--colors();

package/scss/colors/index.scss

@@ -1,12 +0,0 @@
-// Code generated by @carbon/colors. DO NOT EDIT.
-//
-// Copyright IBM Corp. 2018, 2020
-//
-// 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 './mixins';
-// Deprecated ☠️
-@include ibm--colors();
-// Preferred
-@include carbon--colors();