diff --git a/package.json b/package.json
index 548f91e1..e96745f0 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "start": "start-storybook -p 9090",
     "build": "build-storybook",
     "prettier": "prettier --write './**/*.{svelte,js,md}'",
+    "build:css": "node scripts/build-css",
     "prepack": "node scripts/build-css && rollup -c",
     "publish-examples": "node scripts/publish-examples"
   },
@@ -32,8 +33,7 @@
     "@tsconfig/svelte": "^1.0.10",
     "autoprefixer": "^9.8.6",
     "babel-loader": "^8.0.6",
-    "carbon-components-10.18": "npm:carbon-components@10.18",
-    "carbon-components-10.19": "npm:carbon-components@10.19",
+    "carbon-components-10.21": "npm:carbon-components@10.21",
     "comment-parser": "^0.7.5",
     "gh-pages": "^3.1.0",
     "husky": "^4.3.0",
diff --git a/scripts/build-css.js b/scripts/build-css.js
index 3e2dfc73..feb04827 100644
--- a/scripts/build-css.js
+++ b/scripts/build-css.js
@@ -18,58 +18,14 @@ const shared = {
     $css--default-type: true;
     $css--plex: true;
     
-    @import "node_modules/carbon-components-10.19/scss/globals/scss/_css--reset.scss";
-    @import "node_modules/carbon-components-10.19/scss/globals/scss/_css--font-face.scss";
-    @import "node_modules/carbon-components-10.19/scss/globals/scss/_css--helpers.scss";
-    @import "node_modules/carbon-components-10.19/scss/globals/scss/_css--body.scss";
-    @import "node_modules/carbon-components-10.19/scss/globals/grid/_grid.scss";
-  `,
-  components: `
-    @import "node_modules/carbon-components-10.19/scss/components/accordion/accordion";
-    @import "node_modules/carbon-components-10.19/scss/components/breadcrumb/breadcrumb";
-    @import "node_modules/carbon-components-10.19/scss/components/button/button";
-    @import "node_modules/carbon-components-10.19/scss/components/checkbox/checkbox";
-    @import "node_modules/carbon-components-10.19/scss/components/code-snippet/code-snippet";
-    @import "node_modules/carbon-components-10.19/scss/components/combo-box/combo-box";
-    @import "node_modules/carbon-components-10.19/scss/components/content-switcher/content-switcher";
-    @import "node_modules/carbon-components-10.19/scss/components/copy-button/copy-button";
-    @import "node_modules/carbon-components-10.19/scss/components/data-table/data-table";
-    @import "node_modules/carbon-components-10.19/scss/components/date-picker/date-picker";
-    @import "node_modules/carbon-components-10.19/scss/components/dropdown/dropdown";
-    @import "node_modules/carbon-components-10.19/scss/components/file-uploader/file-uploader";
-    @import "node_modules/carbon-components-10.19/scss/components/form/form";
-    @import "node_modules/carbon-components-10.19/scss/components/inline-loading/inline-loading";
-    @import "node_modules/carbon-components-10.19/scss/components/link/link";
-    @import "node_modules/carbon-components-10.19/scss/components/list/list";
-    @import "node_modules/carbon-components-10.19/scss/components/list-box/list-box";
-    @import "node_modules/carbon-components-10.19/scss/components/loading/loading";
-    @import "node_modules/carbon-components-10.19/scss/components/modal/modal";
-    @import "node_modules/carbon-components-10.19/scss/components/multi-select/multi-select";
-    @import "node_modules/carbon-components-10.19/scss/components/notification/inline-notification";
-    @import "node_modules/carbon-components-10.19/scss/components/notification/toast-notification";
-    @import "node_modules/carbon-components-10.19/scss/components/number-input/number-input";
-    @import "node_modules/carbon-components-10.19/scss/components/overflow-menu/overflow-menu";
-    @import "node_modules/carbon-components-10.19/scss/components/pagination/pagination";
-    @import "node_modules/carbon-components-10.19/scss/components/pagination-nav/pagination-nav";
-    @import "node_modules/carbon-components-10.19/scss/components/progress-indicator/progress-indicator";
-    @import "node_modules/carbon-components-10.19/scss/components/radio-button/radio-button";
-    @import "node_modules/carbon-components-10.19/scss/components/search/search";
-    @import "node_modules/carbon-components-10.19/scss/components/select/select";
-    @import "node_modules/carbon-components-10.19/scss/components/skeleton/skeleton";
-    @import "node_modules/carbon-components-10.19/scss/components/slider/slider";
-    @import "node_modules/carbon-components-10.19/scss/components/structured-list/structured-list";
-    @import "node_modules/carbon-components-10.19/scss/components/tag/tag";
-    @import "node_modules/carbon-components-10.19/scss/components/text-area/text-area";
-    @import "node_modules/carbon-components-10.19/scss/components/text-input/text-input";
-    @import "node_modules/carbon-components-10.19/scss/components/tile/tile";
-    @import "node_modules/carbon-components-10.19/scss/components/time-picker/time-picker";
-    @import "node_modules/carbon-components-10.19/scss/components/toggle/toggle";
-    @import "node_modules/carbon-components-10.19/scss/components/toolbar/toolbar";
-    @import "node_modules/carbon-components-10.19/scss/components/tooltip/tooltip";
-    @import "node_modules/carbon-components-10.19/scss/components/ui-shell/ui-shell";
-
-    @import "node_modules/carbon-components-10.18/scss/components/tabs/tabs";
+    @import "node_modules/carbon-components-10.21/scss/globals/scss/_css--reset.scss";
+    @import "node_modules/carbon-components-10.21/scss/globals/scss/_css--font-face.scss";
+    @import "node_modules/carbon-components-10.21/scss/globals/scss/_css--helpers.scss";
+    @import "node_modules/carbon-components-10.21/scss/globals/scss/_css--body.scss";
+    @import "node_modules/carbon-components-10.21/scss/globals/grid/_grid.scss";
+    @import "node_modules/carbon-components-10.21/scss/globals/scss/styles.scss";
   `,
+  components: ``,
 };
 
 const themes = {
diff --git a/yarn.lock b/yarn.lock
index 730da8d2..69980b3d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3185,19 +3185,10 @@ capture-stack-trace@^1.0.0:
   resolved "https://registry.npmjs.org/capture-stack-trace/-/capture-stack-trace-1.0.1.tgz#a6c0bbe1f38f3aa0b92238ecb6ff42c344d4135d"
   integrity sha512-mYQLZnx5Qt1JgB1WEiMCf2647plpGeQ2NMR/5L0HNZzGQo4fuSPnK+wjfPnKZV0aiJDgzmWqqkV/g7JD+DW0qw==
 
-"carbon-components-10.18@npm:carbon-components@10.18":
-  version "10.18.0"
-  resolved "https://registry.npmjs.org/carbon-components/-/carbon-components-10.18.0.tgz#23b61ecb7cba766f47c7e0e96278a4d4bb37e8f2"
-  integrity sha512-BZE1PaWP8KrmbV1JSfPEsIWBeNz255eQ2hGP4Uo5Rh4uaL891BJjVTWjhnHEIeu1VXXjtxZ3Vk6qPcCGYL7brw==
-  dependencies:
-    flatpickr "4.6.1"
-    lodash.debounce "^4.0.8"
-    warning "^3.0.0"
-
-"carbon-components-10.19@npm:carbon-components@10.19":
-  version "10.19.0"
-  resolved "https://registry.npmjs.org/carbon-components/-/carbon-components-10.19.0.tgz#276924da9d8ba792d6f4c3964b77e26d1ee7619d"
-  integrity sha512-lQ3L9VyR8nYq+YkSBfH+b10TfTRrE7oamAaxcoKr2m2M0Mi6tW5jxZlxq86kIJxjdgY2LnzApP7rlra+Yq16fg==
+"carbon-components-10.21@npm:carbon-components@10.21":
+  version "10.21.0"
+  resolved "https://registry.npmjs.org/carbon-components/-/carbon-components-10.21.0.tgz#3e7f79530af79039aab7bf937f0f129642806316"
+  integrity sha512-IS8WPFGg74g6ZyWpJc4cDlkhqGeNZ1sJshAVTftkb7Nur9W58lSRcu6G9cRMgeL+I/YAia3Q+X4lPh/X16JsGw==
   dependencies:
     flatpickr "4.6.1"
     lodash.debounce "^4.0.8"