diff --git a/README.md b/README.md
index 25e8f78e..a576e34f 100644
--- a/README.md
+++ b/README.md
@@ -164,7 +164,6 @@ Using JavaScript:
 </script>
 
 <button on:click="{() => (theme = 'g90')}">Update theme</button>
-
 ```
 
 ## Preprocessors
diff --git a/docs/package.json b/docs/package.json
index 6d5fbdf4..d082dd0f 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -11,7 +11,7 @@
   "devDependencies": {
     "@sveltech/routify": "^1.9.9",
     "autoprefixer": "^10.2.3",
-    "carbon-components": "10.28.0",
+    "carbon-components": "10.29.0-rc.0",
     "carbon-components-svelte": "../",
     "clipboard-copy": "^3.1.0",
     "mdsvex": "^0.8.8",
diff --git a/docs/yarn.lock b/docs/yarn.lock
index 58ecb718..a1a67ce4 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -837,15 +837,15 @@ caniuse-lite@^1.0.30001173, caniuse-lite@^1.0.30001178:
   integrity sha512-n8JVqXuZMVSPKiPiypjFtDTXc4jWIdjxull0f92WLo7e1MSi3uJ3NvveakSh/aCl1QKFAvIz3vIj0v+0K+FrXw==
 
 carbon-components-svelte@../:
-  version "0.27.0"
+  version "0.28.0"
   dependencies:
     carbon-icons-svelte "^10.21.0"
     flatpickr "4.6.9"
 
-carbon-components@10.28.0:
-  version "10.28.0"
-  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.28.0.tgz#c4d2b23df2559cf3b0226867c45e2e84e0af7c4e"
-  integrity sha512-bFsyngr625zc/t2gl4BPFYl0/ed4q38rrPihQxBXHhLAdeZNyy8xyOQlbh1PEQbTu47H/s/bxVo6QiFm/VmLZA==
+carbon-components@10.29.0-rc.0:
+  version "10.29.0-rc.0"
+  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.29.0-rc.0.tgz#dbff9d2a5fa6abbcff74c4f3601c499233c92278"
+  integrity sha512-4x+KyXn2v/NYTE9CDOguZTAQF9O+OGWJ818DzIxm5Bk6RQBBTP8AZmbQhV7QSuJ29rSiNHifG0VyLovzeRjl/g==
   dependencies:
     "@carbon/telemetry" "0.0.0-alpha.6"
     flatpickr "4.6.1"
diff --git a/package.json b/package.json
index b15ae405..ed61b227 100644
--- a/package.json
+++ b/package.json
@@ -29,14 +29,14 @@
     "@rollup/plugin-node-resolve": "^11.1.1",
     "@tsconfig/svelte": "^1.0.10",
     "autoprefixer": "^10.2.4",
-    "carbon-components": "10.28.0",
+    "carbon-components": "10.29.0-rc.0",
     "gh-pages": "^3.1.0",
     "husky": "^4.3.8",
     "lint-staged": "^10.5.3",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.2.4",
     "prettier": "^2.2.1",
-    "prettier-plugin-svelte": "^2.1.1",
+    "prettier-plugin-svelte": "^2.1.5",
     "rollup": "^2.38.4",
     "rollup-plugin-svelte": "^7.1.0",
     "rollup-plugin-terser": "^7.0.2",
diff --git a/src/Button/Button.svelte b/src/Button/Button.svelte
index a436f4bf..6be0fffa 100644
--- a/src/Button/Button.svelte
+++ b/src/Button/Button.svelte
@@ -122,49 +122,47 @@
     on:mouseenter
     on:mouseleave
   />
+{:else if as}
+  <slot props="{buttonProps}" />
+{:else if href && !disabled}
+  <!-- svelte-ignore a11y-missing-attribute -->
+  <a
+    bind:this="{ref}"
+    {...buttonProps}
+    on:click
+    on:mouseover
+    on:mouseenter
+    on:mouseleave
+  >
+    {#if hasIconOnly}
+      <span class:bx--assistive-text="{true}">{iconDescription}</span>
+    {/if}
+    <slot />
+    <svelte:component
+      this="{icon}"
+      aria-hidden="true"
+      class="bx--btn__icon"
+      aria-label="{iconDescription}"
+    />
+  </a>
 {:else}
-  {#if as}
-    <slot props="{buttonProps}" />
-  {:else if href && !disabled}
-    <!-- svelte-ignore a11y-missing-attribute -->
-    <a
-      bind:this="{ref}"
-      {...buttonProps}
-      on:click
-      on:mouseover
-      on:mouseenter
-      on:mouseleave
-    >
-      {#if hasIconOnly}
-        <span class:bx--assistive-text="{true}">{iconDescription}</span>
-      {/if}
-      <slot />
-      <svelte:component
-        this="{icon}"
-        aria-hidden="true"
-        class="bx--btn__icon"
-        aria-label="{iconDescription}"
-      />
-    </a>
-  {:else}
-    <button
-      bind:this="{ref}"
-      {...buttonProps}
-      on:click
-      on:mouseover
-      on:mouseenter
-      on:mouseleave
-    >
-      {#if hasIconOnly}
-        <span class:bx--assistive-text="{true}">{iconDescription}</span>
-      {/if}
-      <slot />
-      <svelte:component
-        this="{icon}"
-        aria-hidden="true"
-        class="bx--btn__icon"
-        aria-label="{iconDescription}"
-      />
-    </button>
-  {/if}
+  <button
+    bind:this="{ref}"
+    {...buttonProps}
+    on:click
+    on:mouseover
+    on:mouseenter
+    on:mouseleave
+  >
+    {#if hasIconOnly}
+      <span class:bx--assistive-text="{true}">{iconDescription}</span>
+    {/if}
+    <slot />
+    <svelte:component
+      this="{icon}"
+      aria-hidden="true"
+      class="bx--btn__icon"
+      aria-label="{iconDescription}"
+    />
+  </button>
 {/if}
diff --git a/src/CodeSnippet/CodeSnippet.svelte b/src/CodeSnippet/CodeSnippet.svelte
index 7eee44fc..70dd4385 100644
--- a/src/CodeSnippet/CodeSnippet.svelte
+++ b/src/CodeSnippet/CodeSnippet.svelte
@@ -103,54 +103,9 @@
     on:mouseenter
     on:mouseleave
   />
-{:else}
-  {#if type === "inline"}
-    {#if hideCopyButton}
-      <span
-        class:bx--snippet="{true}"
-        class:bx--snippet--expand="{expanded}"
-        class:bx--snippet--light="{light}"
-        class:bx--snippet--no-copy="{hideCopyButton}"
-        class:bx--snippet--wraptext="{wrapText}"
-        class:bx--snippet--single="{type === 'single'}"
-        class:bx--snippet--inline="{type === 'inline'}"
-        class:bx--snippet--multi="{type === 'multi'}"
-        {...$$restProps}
-      >
-        <code id="{id}">
-          <slot>{code}</slot>
-        </code>
-      </span>
-    {:else}
-      <Copy
-        aria-label="{copyLabel}"
-        aria-describedby="{id}"
-        feedback="{feedback}"
-        feedbackTimeout="{feedbackTimeout}"
-        class="bx--snippet {type && `bx--snippet--${type}`}
-          {type ===
-          'inline' && 'bx--btn--copy'}
-          {expanded &&
-          'bx--snippet--expand'}
-          {light &&
-          'bx--snippet--light'}
-          {hideCopyButton &&
-          'bx--snippet--no-copy'}
-          {wrapText &&
-          'bx--snippet--wraptext'}"
-        {...$$restProps}
-        on:click
-        on:mouseover
-        on:mouseenter
-        on:mouseleave
-      >
-        <code id="{id}">
-          <slot>{code}</slot>
-        </code>
-      </Copy>
-    {/if}
-  {:else}
-    <div
+{:else if type === "inline"}
+  {#if hideCopyButton}
+    <span
       class:bx--snippet="{true}"
       class:bx--snippet--expand="{expanded}"
       class:bx--snippet--light="{light}"
@@ -159,51 +114,93 @@
       class:bx--snippet--single="{type === 'single'}"
       class:bx--snippet--inline="{type === 'inline'}"
       class:bx--snippet--multi="{type === 'multi'}"
-      class:bx--snippet--disabled="{type !== 'inline' && disabled}"
       {...$$restProps}
+    >
+      <code id="{id}">
+        <slot>{code}</slot>
+      </code>
+    </span>
+  {:else}
+    <Copy
+      aria-label="{copyLabel}"
+      aria-describedby="{id}"
+      feedback="{feedback}"
+      feedbackTimeout="{feedbackTimeout}"
+      class="bx--snippet {type && `bx--snippet--${type}`}
+          {type ===
+        'inline' && 'bx--btn--copy'}
+          {expanded &&
+        'bx--snippet--expand'}
+          {light &&
+        'bx--snippet--light'}
+          {hideCopyButton &&
+        'bx--snippet--no-copy'}
+          {wrapText && 'bx--snippet--wraptext'}"
+      {...$$restProps}
+      on:click
       on:mouseover
       on:mouseenter
       on:mouseleave
     >
-      <div
-        role="{type === 'single' ? 'textbox' : undefined}"
-        tabindex="{type === 'single' && !disabled ? '0' : undefined}"
-        aria-label="{$$restProps['aria-label'] || copyLabel || 'code-snippet'}"
-        class:bx--snippet-container="{true}"
-      >
-        <code>
-          <pre bind:this="{ref}">
+      <code id="{id}">
+        <slot>{code}</slot>
+      </code>
+    </Copy>
+  {/if}
+{:else}
+  <div
+    class:bx--snippet="{true}"
+    class:bx--snippet--expand="{expanded}"
+    class:bx--snippet--light="{light}"
+    class:bx--snippet--no-copy="{hideCopyButton}"
+    class:bx--snippet--wraptext="{wrapText}"
+    class:bx--snippet--single="{type === 'single'}"
+    class:bx--snippet--inline="{type === 'inline'}"
+    class:bx--snippet--multi="{type === 'multi'}"
+    class:bx--snippet--disabled="{type !== 'inline' && disabled}"
+    {...$$restProps}
+    on:mouseover
+    on:mouseenter
+    on:mouseleave
+  >
+    <div
+      role="{type === 'single' ? 'textbox' : undefined}"
+      tabindex="{type === 'single' && !disabled ? '0' : undefined}"
+      aria-label="{$$restProps['aria-label'] || copyLabel || 'code-snippet'}"
+      class:bx--snippet-container="{true}"
+    >
+      <code>
+        <pre bind:this="{ref}">
             <slot>{code}</slot>
           </pre>
-        </code>
-      </div>
-      {#if !hideCopyButton}
-        <CopyButton
-          disabled="{disabled}"
-          feedback="{feedback}"
-          feedbackTimeout="{feedbackTimeout}"
-          iconDescription="{copyButtonDescription}"
-          on:click
-          on:animationend
-        />
-      {/if}
-      {#if showMoreLess}
-        <Button
-          kind="ghost"
-          size="field"
-          class="bx--snippet-btn--expand"
-          disabled="{disabled}"
-          on:click="{() => {
-            expanded = !expanded;
-          }}"
-        >
-          <span class:bx--snippet-btn--text="{true}">{expandText}</span>
-          <ChevronDown16
-            class="bx--icon-chevron--down bx--snippet__icon"
-            aria-label="{expandText}"
-          />
-        </Button>
-      {/if}
+      </code>
     </div>
-  {/if}
+    {#if !hideCopyButton}
+      <CopyButton
+        disabled="{disabled}"
+        feedback="{feedback}"
+        feedbackTimeout="{feedbackTimeout}"
+        iconDescription="{copyButtonDescription}"
+        on:click
+        on:animationend
+      />
+    {/if}
+    {#if showMoreLess}
+      <Button
+        kind="ghost"
+        size="field"
+        class="bx--snippet-btn--expand"
+        disabled="{disabled}"
+        on:click="{() => {
+          expanded = !expanded;
+        }}"
+      >
+        <span class:bx--snippet-btn--text="{true}">{expandText}</span>
+        <ChevronDown16
+          class="bx--icon-chevron--down bx--snippet__icon"
+          aria-label="{expandText}"
+        />
+      </Button>
+    {/if}
+  </div>
 {/if}
diff --git a/src/Tag/Tag.svelte b/src/Tag/Tag.svelte
index bfce62d1..add6c1fb 100644
--- a/src/Tag/Tag.svelte
+++ b/src/Tag/Tag.svelte
@@ -48,78 +48,76 @@
     on:mouseenter
     on:mouseleave
   />
-{:else}
-  {#if filter}
-    <div
-      aria-label="{title}"
-      id="{id}"
-      class:bx--tag="{true}"
-      class:bx--tag--disabled="{disabled}"
-      class:bx--tag--filter="{filter}"
-      class:bx--tag--sm="{size === 'sm'}"
-      class:bx--tag--red="{type === 'red'}"
-      class:bx--tag--magenta="{type === 'magenta'}"
-      class:bx--tag--purple="{type === 'purple'}"
-      class:bx--tag--blue="{type === 'blue'}"
-      class:bx--tag--cyan="{type === 'cyan'}"
-      class:bx--tag--teal="{type === 'teal'}"
-      class:bx--tag--green="{type === 'green'}"
-      class:bx--tag--gray="{type === 'gray'}"
-      class:bx--tag--cool-gray="{type === 'cool-gray'}"
-      class:bx--tag--warm-gray="{type === 'warm-gray'}"
-      class:bx--tag--high-contrast="{type === 'high-contrast'}"
-      {...$$restProps}
-    >
-      <slot props="{{ class: 'bx--tag__label' }}">
-        <span class:bx--tag__label="{true}">{type}</span>
-      </slot>
-      <button
-        aria-labelledby="{id}"
-        class:bx--tag__close-icon="{true}"
-        disabled="{disabled}"
-        title="{title}"
-        on:click|stopPropagation
-        on:click|stopPropagation="{() => {
-          dispatch('close');
-        }}"
-        on:mouseover
-        on:mouseenter
-        on:mouseleave
-      >
-        <Close16 />
-      </button>
-    </div>
-  {:else}
-    <div
-      id="{id}"
-      class:bx--tag="{true}"
-      class:bx--tag--disabled="{disabled}"
-      class:bx--tag--sm="{size === 'sm'}"
-      class:bx--tag--red="{type === 'red'}"
-      class:bx--tag--magenta="{type === 'magenta'}"
-      class:bx--tag--purple="{type === 'purple'}"
-      class:bx--tag--blue="{type === 'blue'}"
-      class:bx--tag--cyan="{type === 'cyan'}"
-      class:bx--tag--teal="{type === 'teal'}"
-      class:bx--tag--green="{type === 'green'}"
-      class:bx--tag--gray="{type === 'gray'}"
-      class:bx--tag--cool-gray="{type === 'cool-gray'}"
-      class:bx--tag--warm-gray="{type === 'warm-gray'}"
-      class:bx--tag--high-contrast="{type === 'high-contrast'}"
-      {...$$restProps}
-      on:click
+{:else if filter}
+  <div
+    aria-label="{title}"
+    id="{id}"
+    class:bx--tag="{true}"
+    class:bx--tag--disabled="{disabled}"
+    class:bx--tag--filter="{filter}"
+    class:bx--tag--sm="{size === 'sm'}"
+    class:bx--tag--red="{type === 'red'}"
+    class:bx--tag--magenta="{type === 'magenta'}"
+    class:bx--tag--purple="{type === 'purple'}"
+    class:bx--tag--blue="{type === 'blue'}"
+    class:bx--tag--cyan="{type === 'cyan'}"
+    class:bx--tag--teal="{type === 'teal'}"
+    class:bx--tag--green="{type === 'green'}"
+    class:bx--tag--gray="{type === 'gray'}"
+    class:bx--tag--cool-gray="{type === 'cool-gray'}"
+    class:bx--tag--warm-gray="{type === 'warm-gray'}"
+    class:bx--tag--high-contrast="{type === 'high-contrast'}"
+    {...$$restProps}
+  >
+    <slot props="{{ class: 'bx--tag__label' }}">
+      <span class:bx--tag__label="{true}">{type}</span>
+    </slot>
+    <button
+      aria-labelledby="{id}"
+      class:bx--tag__close-icon="{true}"
+      disabled="{disabled}"
+      title="{title}"
+      on:click|stopPropagation
+      on:click|stopPropagation="{() => {
+        dispatch('close');
+      }}"
       on:mouseover
       on:mouseenter
       on:mouseleave
     >
-      {#if icon}
-        <div class:bx--tag__custom-icon="{true}">
-          <svelte:component this="{icon}" />
-        </div>
-      {/if}
-      <span>
-        <slot />
-      </span>
-    </div>
-  {/if}
+      <Close16 />
+    </button>
+  </div>
+{:else}
+  <div
+    id="{id}"
+    class:bx--tag="{true}"
+    class:bx--tag--disabled="{disabled}"
+    class:bx--tag--sm="{size === 'sm'}"
+    class:bx--tag--red="{type === 'red'}"
+    class:bx--tag--magenta="{type === 'magenta'}"
+    class:bx--tag--purple="{type === 'purple'}"
+    class:bx--tag--blue="{type === 'blue'}"
+    class:bx--tag--cyan="{type === 'cyan'}"
+    class:bx--tag--teal="{type === 'teal'}"
+    class:bx--tag--green="{type === 'green'}"
+    class:bx--tag--gray="{type === 'gray'}"
+    class:bx--tag--cool-gray="{type === 'cool-gray'}"
+    class:bx--tag--warm-gray="{type === 'warm-gray'}"
+    class:bx--tag--high-contrast="{type === 'high-contrast'}"
+    {...$$restProps}
+    on:click
+    on:mouseover
+    on:mouseenter
+    on:mouseleave
+  >
+    {#if icon}
+      <div class:bx--tag__custom-icon="{true}">
+        <svelte:component this="{icon}" />
+      </div>
+    {/if}
+    <span>
+      <slot />
+    </span>
+  </div>
 {/if}
diff --git a/src/Toggle/Toggle.svelte b/src/Toggle/Toggle.svelte
index 81b966b2..e3e8dbe7 100644
--- a/src/Toggle/Toggle.svelte
+++ b/src/Toggle/Toggle.svelte
@@ -80,9 +80,9 @@
       <span aria-hidden="true" class:bx--toggle__text--off="{true}">
         {labelA}
       </span>
-      <span aria-hidden="true" class:bx--toggle__text--on="{true}"
-        >{labelB}</span
-      >
+      <span aria-hidden="true" class:bx--toggle__text--on="{true}">
+        {labelB}
+      </span>
     </span>
   </label>
 </div>
diff --git a/yarn.lock b/yarn.lock
index c745867e..a4756dc2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -453,10 +453,10 @@ caniuse-lite@^1.0.30001181:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001183.tgz#7a57ba9d6584119bb5f2bc76d3cc47ba9356b3e2"
   integrity sha512-7JkwTEE1hlRKETbCFd8HDZeLiQIUcl8rC6JgNjvHCNaxOeNmQ9V4LvQXRUsKIV2CC73qKxljwVhToaA3kLRqTw==
 
-carbon-components@10.28.0:
-  version "10.28.0"
-  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.28.0.tgz#c4d2b23df2559cf3b0226867c45e2e84e0af7c4e"
-  integrity sha512-bFsyngr625zc/t2gl4BPFYl0/ed4q38rrPihQxBXHhLAdeZNyy8xyOQlbh1PEQbTu47H/s/bxVo6QiFm/VmLZA==
+carbon-components@10.29.0-rc.0:
+  version "10.29.0-rc.0"
+  resolved "https://registry.yarnpkg.com/carbon-components/-/carbon-components-10.29.0-rc.0.tgz#dbff9d2a5fa6abbcff74c4f3601c499233c92278"
+  integrity sha512-4x+KyXn2v/NYTE9CDOguZTAQF9O+OGWJ818DzIxm5Bk6RQBBTP8AZmbQhV7QSuJ29rSiNHifG0VyLovzeRjl/g==
   dependencies:
     "@carbon/telemetry" "0.0.0-alpha.6"
     flatpickr "4.6.1"
@@ -1899,10 +1899,10 @@ prepend-http@^1.0.0:
   resolved "https://registry.npmjs.org/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
   integrity sha1-1PRWKwzjaW5BrFLQ4ALlemNdxtw=
 
-prettier-plugin-svelte@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.npmjs.org/prettier-plugin-svelte/-/prettier-plugin-svelte-2.1.1.tgz#e6613cac4292b5bbda5250680565c131b0da5ced"
-  integrity sha512-U0gRsdJtveyusHd86OUPD+lEVd13bHPPF/CZD/csKjz0Y+Cv4WbUy9x8tA5vaHFtf0tsu8Yb1MrfuhN3GH2gig==
+prettier-plugin-svelte@^2.1.5:
+  version "2.1.5"
+  resolved "https://registry.yarnpkg.com/prettier-plugin-svelte/-/prettier-plugin-svelte-2.1.5.tgz#cb1df2bffafa0562f05e02c6e9373806ef51ebb1"
+  integrity sha512-7ySuC/n0Rk8v6GrzoruojfLYde6ncjeFCAA65Dm+fXrK2Mgc3FlvzXMPpm//P3LgfEoc3zMEG/xog1YeoNhdSQ==
 
 prettier@^2.2.1:
   version "2.2.1"