diff --git a/.changeset/early-frogs-applaud.md b/.changeset/early-frogs-applaud.md
new file mode 100644
index 0000000000..23ad016069
--- /dev/null
+++ b/.changeset/early-frogs-applaud.md
@@ -0,0 +1,14 @@
+---
+"@twilio-paste/progress-bar": minor
+"@twilio-paste/core": minor
+---
+
+[ProgressBar] Added new features and updated the design.
+
+The ProgressBarLabel component has the following new props:
+- `valueLabel` which displays a plain text value on the right side of the label.
+- `disabled` which applies disabled styling on the label.
+
+The ProgressBar component has updated styling and the following new props:
+- `hasError` which displays error styling.
+- `disabled` which displays disabled styling.
diff --git a/.github/workflows/on_pull_request.yml b/.github/workflows/on_pull_request.yml
index 2d5cd5d385..1322711c7d 100644
--- a/.github/workflows/on_pull_request.yml
+++ b/.github/workflows/on_pull_request.yml
@@ -445,37 +445,6 @@ jobs:
       - name: Checkout Repo
         uses: actions/checkout@v3
 
-      - name: Setup Node.js 20.5
-        uses: actions/setup-node@v3
-        with:
-          node-version: 20.5.x
-
-      - name: Get yarn cache directory path
-        id: yarn-cache-dir-path
-        run: echo "dir=$(yarn config get cacheFolder)" >> $GITHUB_OUTPUT
-
-      - name: Load Yarn cache
-        uses: actions/cache@v3
-        id: yarn_cache_id
-        with:
-          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-          restore-keys: |
-            ${{ runner.os }}-yarn
-
-      - name: Node modules cache
-        uses: actions/cache@v3
-        id: node_modules_cache_id
-        with:
-          path: |
-            node_modules
-            */*/node_modules
-          key: ${{ runner.os }}-${{ hashFiles('**/yarn.lock') }}
-
-      - name: Install Dependencies
-        if: steps.yarn_cache_id.outputs.cache-hit != 'true' || steps.node_modules_cache_id.outputs.cache-hit != 'true'
-        run: yarn install --immutable
-
       - uses: actions/labeler@v4
         with:
           repo-token: "${{ secrets.GITHUB_TOKEN }}"
@@ -523,3 +492,22 @@ jobs:
         run: yarn danger ci
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+  typos:
+    name: Typos checks
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+
+      - name: Check for typos
+        uses: reviewdog/action-misspell@v1
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          locale: "US"
+          reporter: github-pr-review
+          level: error
+          pattern: |
+            *.md
+            *.mdx
+            **/type-docs.json
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index 573ae88556..cc334b7243 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -6,21 +6,21 @@
     font-family: Colfax;
     font-style: normal;
     font-weight: 300;
-    src: url(/fonts/colfax-light.woff2) format('woff2'), url(/fonts/colfax-light.woff) format('woff');
+    src: url(/fonts/colfax-light.woff2) format("woff2"), url(/fonts/colfax-light.woff) format("woff");
   }
 
   @font-face {
     font-family: Colfax;
     font-style: normal;
     font-weight: 400;
-    src: url(/fonts/colfax-regular.woff2) format('woff2'), url(/fonts/colfax-regular.woff) format('woff');
+    src: url(/fonts/colfax-regular.woff2) format("woff2"), url(/fonts/colfax-regular.woff) format("woff");
   }
 
   @font-face {
     font-family: Colfax;
     font-style: normal;
     font-weight: 600;
-    src: url(/fonts/colfax-medium.woff2) format('woff2'), url(/fonts/colfax-medium.woff) format('woff');
+    src: url(/fonts/colfax-medium.woff2) format("woff2"), url(/fonts/colfax-medium.woff) format("woff");
   }
 </style>
 
diff --git a/.vscode/settings.json b/.vscode/settings.json
index a72fac3a4c..89c65da907 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -13,16 +13,13 @@
   "[typescriptreact]": {
     "editor.defaultFormatter": "biomejs.biome"
   },
-  "[json]": {
-    "editor.defaultFormatter": "biomejs.biome"
-  },
   "[css]": {
     "editor.defaultFormatter": "biomejs.biome"
   },
-  "[jsonc]": {
+  "[json]": {
     "editor.defaultFormatter": "biomejs.biome"
   },
-  "[typescriptreact]": {
+  "[jsonc]": {
     "editor.defaultFormatter": "biomejs.biome"
   },
   "search.exclude": {
diff --git a/biome.json b/biome.json
index 076fcfec65..9bbc3febf9 100644
--- a/biome.json
+++ b/biome.json
@@ -25,11 +25,11 @@
       "packages/**/dist/*",
       "tsconfig.build.tsbuildinfo",
       "**/*.d.ts",
+      "**/package.json",
       ".codesandbox/ci.json",
       "build.icon-list.js",
       "**/*.hbs",
-      "apps/backend/supabase/schema.gen.ts",
-      "package.json"
+      "apps/backend/supabase/schema.gen.ts"
     ]
   },
   "organizeImports": {
diff --git a/package.json b/package.json
index 4efc409c62..d7f455f44a 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
     "lint:vscode-intellisense": "eslint -c ./apps/vs-code-intellisense/.eslintrc.json --ext .tsx,.ts ./apps/vs-code-intellisense",
     "lint:repo": "eslint -c .eslintrc.repo.js --ext .tsx,.ts .",
     "format": "biome format ./ && prettier --list-different ./packages/",
-    "format:write": "biome format ./ --write",
+    "format:write": "biome format ./ --write && prettier ./ --write",
     "format:ci": "biome ci ./ --linter-enabled=false && prettier --list-different ./packages/",
     "type-check": "yarn prebuild && yarn nx run-many --target=tsc",
     "tsc": "echo 'Did you mean to run yarn type-check?'",
diff --git a/packages/paste-core/components/alert/tsconfig.json b/packages/paste-core/components/alert/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/alert/tsconfig.json
+++ b/packages/paste-core/components/alert/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/anchor/tsconfig.json b/packages/paste-core/components/anchor/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/anchor/tsconfig.json
+++ b/packages/paste-core/components/anchor/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/avatar/tsconfig.json b/packages/paste-core/components/avatar/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/avatar/tsconfig.json
+++ b/packages/paste-core/components/avatar/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/base-radio-checkbox/tsconfig.json b/packages/paste-core/components/base-radio-checkbox/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/base-radio-checkbox/tsconfig.json
+++ b/packages/paste-core/components/base-radio-checkbox/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/breadcrumb/tsconfig.json b/packages/paste-core/components/breadcrumb/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/breadcrumb/tsconfig.json
+++ b/packages/paste-core/components/breadcrumb/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/button/tsconfig.json b/packages/paste-core/components/button/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/button/tsconfig.json
+++ b/packages/paste-core/components/button/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/card/tsconfig.json b/packages/paste-core/components/card/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/card/tsconfig.json
+++ b/packages/paste-core/components/card/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/checkbox/tsconfig.json b/packages/paste-core/components/checkbox/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/checkbox/tsconfig.json
+++ b/packages/paste-core/components/checkbox/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/combobox/tsconfig.json b/packages/paste-core/components/combobox/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/combobox/tsconfig.json
+++ b/packages/paste-core/components/combobox/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/description-list/tsconfig.json b/packages/paste-core/components/description-list/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/description-list/tsconfig.json
+++ b/packages/paste-core/components/description-list/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/disclosure/tsconfig.json b/packages/paste-core/components/disclosure/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/disclosure/tsconfig.json
+++ b/packages/paste-core/components/disclosure/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/heading/tsconfig.json b/packages/paste-core/components/heading/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/heading/tsconfig.json
+++ b/packages/paste-core/components/heading/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/help-text/tsconfig.json b/packages/paste-core/components/help-text/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/help-text/tsconfig.json
+++ b/packages/paste-core/components/help-text/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/inline-control-group/tsconfig.json b/packages/paste-core/components/inline-control-group/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/inline-control-group/tsconfig.json
+++ b/packages/paste-core/components/inline-control-group/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/input-box/tsconfig.json b/packages/paste-core/components/input-box/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/input-box/tsconfig.json
+++ b/packages/paste-core/components/input-box/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/input/tsconfig.json b/packages/paste-core/components/input/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/input/tsconfig.json
+++ b/packages/paste-core/components/input/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/label/tsconfig.json b/packages/paste-core/components/label/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/label/tsconfig.json
+++ b/packages/paste-core/components/label/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/list/tsconfig.json b/packages/paste-core/components/list/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/list/tsconfig.json
+++ b/packages/paste-core/components/list/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/modal/tsconfig.json b/packages/paste-core/components/modal/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/modal/tsconfig.json
+++ b/packages/paste-core/components/modal/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/paragraph/tsconfig.json b/packages/paste-core/components/paragraph/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/paragraph/tsconfig.json
+++ b/packages/paste-core/components/paragraph/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/popover/tsconfig.json b/packages/paste-core/components/popover/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/popover/tsconfig.json
+++ b/packages/paste-core/components/popover/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/progress-bar/package.json b/packages/paste-core/components/progress-bar/package.json
index 1840f1cd55..23690bcef7 100644
--- a/packages/paste-core/components/progress-bar/package.json
+++ b/packages/paste-core/components/progress-bar/package.json
@@ -34,6 +34,7 @@
     "@twilio-paste/media-object": "^10.0.0",
     "@twilio-paste/react-spectrum-library": "^2.0.0",
     "@twilio-paste/screen-reader-only": "^13.0.0",
+    "@twilio-paste/skeleton-loader": "^6.1.0",
     "@twilio-paste/style-props": "^9.0.0",
     "@twilio-paste/styling-library": "^3.0.0",
     "@twilio-paste/text": "^10.0.0",
@@ -56,6 +57,7 @@
     "@twilio-paste/media-object": "^10.0.0",
     "@twilio-paste/react-spectrum-library": "^2.0.0",
     "@twilio-paste/screen-reader-only": "^13.0.0",
+    "@twilio-paste/skeleton-loader": "^6.1.0",
     "@twilio-paste/style-props": "^9.0.0",
     "@twilio-paste/styling-library": "^3.0.0",
     "@twilio-paste/text": "^10.0.0",
diff --git a/packages/paste-core/components/progress-bar/src/ProgressBar.tsx b/packages/paste-core/components/progress-bar/src/ProgressBar.tsx
index c3185f05e5..c9b5b3af12 100644
--- a/packages/paste-core/components/progress-bar/src/ProgressBar.tsx
+++ b/packages/paste-core/components/progress-bar/src/ProgressBar.tsx
@@ -1,21 +1,13 @@
 import { animated, useSpring } from "@twilio-paste/animation-library";
 import { Box, type BoxProps } from "@twilio-paste/box";
 import { useProgressBar } from "@twilio-paste/react-spectrum-library";
-import { keyframes } from "@twilio-paste/styling-library";
+import { SkeletonLoader } from "@twilio-paste/skeleton-loader";
 import type { HTMLPasteProps } from "@twilio-paste/types";
 import * as React from "react";
 
 import { LABEL_SUFFIX } from "./constants";
 
 const AnimatedBox = animated(Box);
-const IndeterminateKeyframes = keyframes`
-  from {
-    left: -10%;
-  }
-  to {
-    left: 105%;
-  }
-`;
 
 export interface ProgressBarProps extends HTMLPasteProps<"progress"> {
   element?: BoxProps["element"];
@@ -24,6 +16,9 @@ export interface ProgressBarProps extends HTMLPasteProps<"progress"> {
   "aria-describedby"?: string;
   "aria-labelledby"?: string;
   value?: number;
+  /**
+   * Screen reader only: used to describe the current value of the progress bar in plain text.
+   */
   valueLabel?: string;
   /**
    * Minimum value of the progress bar is always set to 0 per the spec.
@@ -31,6 +26,8 @@ export interface ProgressBarProps extends HTMLPasteProps<"progress"> {
   minValue?: never;
   maxValue?: number;
   isIndeterminate?: boolean;
+  hasError?: boolean;
+  disabled?: boolean;
   /**
    * Used to adjust how the numbers are rendered and interpreted.
    * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat \
@@ -39,7 +36,15 @@ export interface ProgressBarProps extends HTMLPasteProps<"progress"> {
 }
 
 export const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>((props, ref) => {
-  const { element = "PROGRESS_BAR", id, value = 0, maxValue = 100, isIndeterminate = false } = props;
+  const {
+    element = "PROGRESS_BAR",
+    id,
+    value = 0,
+    maxValue = 100,
+    disabled = false,
+    hasError = false,
+    isIndeterminate = false,
+  } = props;
   /*
    * Since ProgressBar isn't a form element, we cannot use htmlFor from the regular label
    * so we create a ProgressBarLabel component that behaves like a regular form Label
@@ -57,19 +62,23 @@ export const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>((p
   });
 
   const springConfig = React.useMemo(() => {
-    if (!isIndeterminate) {
-      const clampedValue = Math.min(Math.max(value, 0), maxValue);
-      const percentage = Math.round((clampedValue / maxValue) * 100);
-      return { width: `${percentage}%`, config: { tension: 280, friction: 60 } };
+    if (isIndeterminate) {
+      return {};
     }
-
-    return {
-      width: "15%",
-    };
+    const clampedValue = Math.min(Math.max(value, 0), maxValue);
+    const percentage = Math.round((clampedValue / maxValue) * 100);
+    return { width: `${percentage}%`, config: { tension: 280, friction: 60 } };
   }, [isIndeterminate, value, maxValue]);
 
   const style = useSpring(springConfig);
 
+  let barColor: BoxProps["backgroundColor"] = "colorBackgroundPrimary";
+  if (hasError) {
+    barColor = "colorBackgroundError";
+  } else if (disabled) {
+    barColor = "colorBackgroundStronger";
+  }
+
   return (
     <Box
       {...progressBarProps}
@@ -77,27 +86,25 @@ export const ProgressBar = React.forwardRef<HTMLDivElement, ProgressBarProps>((p
       element={element}
       id={id}
       aria-labelledby={labelledBy}
-      height="20px"
+      height="8px"
       width="100%"
-      backgroundColor="colorBackgroundWeak"
+      backgroundColor={disabled ? "colorBackground" : "colorBackgroundStrong"}
       borderRadius="borderRadiusPill"
       position="relative"
       overflow="hidden"
     >
-      <AnimatedBox
-        style={style}
-        element={`${element}_FILL`}
-        position="absolute"
-        height="100%"
-        backgroundColor="colorBackgroundPrimary"
-        borderRadius="borderRadius30"
-        backgroundImage={
-          isIndeterminate
-            ? "linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent)"
-            : "none"
-        }
-        animation={isIndeterminate ? `${IndeterminateKeyframes} 3s linear infinite` : undefined}
-      />
+      {isIndeterminate ? (
+        <SkeletonLoader />
+      ) : (
+        <AnimatedBox
+          style={style}
+          element={`${element}_FILL`}
+          position="absolute"
+          height="100%"
+          backgroundColor={barColor}
+          borderRadius="borderRadius30"
+        />
+      )}
     </Box>
   );
 });
diff --git a/packages/paste-core/components/progress-bar/src/ProgressBarLabel.tsx b/packages/paste-core/components/progress-bar/src/ProgressBarLabel.tsx
index 268c5ac788..621bfaffba 100644
--- a/packages/paste-core/components/progress-bar/src/ProgressBarLabel.tsx
+++ b/packages/paste-core/components/progress-bar/src/ProgressBarLabel.tsx
@@ -1,5 +1,6 @@
-import { type BoxProps } from "@twilio-paste/box";
-import { Label } from "@twilio-paste/label";
+import { Box, type BoxProps } from "@twilio-paste/box";
+import { Label, type LabelProps } from "@twilio-paste/label";
+import { Text } from "@twilio-paste/text";
 import type { HTMLPasteProps } from "@twilio-paste/types";
 import * as React from "react";
 
@@ -9,14 +10,48 @@ export interface ProgressBarLabelProps extends HTMLPasteProps<"div"> {
   element?: BoxProps["element"];
   children: string;
   htmlFor: string;
+  /**
+   * Displays value text on the right side of the label.
+   */
+  valueLabel?: string;
+  disabled?: LabelProps["disabled"];
 }
 
 export const ProgressBarLabel = React.forwardRef<HTMLLabelElement, ProgressBarLabelProps>(
-  ({ element = "PROGRESS_BAR_LABEL", children, htmlFor, ...labelProps }, ref) => {
+  ({ element = "PROGRESS_BAR_LABEL", children, htmlFor, valueLabel, disabled, ...labelProps }, ref) => {
     return (
-      <Label {...labelProps} as="div" element={element} id={`${htmlFor}${LABEL_SUFFIX}`} ref={ref}>
-        {children}
-      </Label>
+      <Box
+        display="flex"
+        flexDirection="row"
+        justifyContent="space-between"
+        alignItems="flex-end"
+        element={`${element}_WRAPPER`}
+      >
+        <Label
+          {...labelProps}
+          as="div"
+          element={element}
+          id={`${htmlFor}${LABEL_SUFFIX}`}
+          ref={ref}
+          disabled={disabled}
+        >
+          {children}
+        </Label>
+        {valueLabel && (
+          <Text
+            as="span"
+            fontWeight="fontWeightSemibold"
+            textAlign="end"
+            marginBottom="space20"
+            marginLeft="space20"
+            aria-hidden="true"
+            element={`${element}_VALUE_LABEL`}
+            color={disabled ? "colorTextWeak" : undefined}
+          >
+            {valueLabel}
+          </Text>
+        )}
+      </Box>
     );
   },
 );
diff --git a/packages/paste-core/components/progress-bar/stories/index.stories.tsx b/packages/paste-core/components/progress-bar/stories/index.stories.tsx
index b2d22f16e5..958d6a81fe 100644
--- a/packages/paste-core/components/progress-bar/stories/index.stories.tsx
+++ b/packages/paste-core/components/progress-bar/stories/index.stories.tsx
@@ -1,8 +1,8 @@
+import { Anchor } from "@twilio-paste/anchor";
 import { Box } from "@twilio-paste/box";
 import { Button } from "@twilio-paste/button";
 import { Form, FormControl } from "@twilio-paste/form";
 import { HelpText } from "@twilio-paste/help-text";
-import { Label } from "@twilio-paste/label";
 import { useUID } from "@twilio-paste/uid-library";
 import * as React from "react";
 
@@ -18,7 +18,7 @@ const NumberFormatter = new Intl.NumberFormat("en-US");
 export const Default = (): React.ReactNode => {
   const progressBarId = useUID();
   const helpTextId = useUID();
-  const [value, setValue] = React.useState<number>(0);
+  const [value, setValue] = React.useState<number>(5);
   const [rerun, setRerun] = React.useState<number>(1);
 
   // Randomly updates the value of the progress bar to simulate a real progress bar
@@ -31,7 +31,16 @@ export const Default = (): React.ReactNode => {
             setRerun(0);
             return 100;
           }
-          return previousValue + Math.random() * 12;
+          const newValue = previousValue + Math.random() * 12;
+
+          /*
+           * intentionally causes another loop for UX so that the
+           * submit button is not enabled until the progress fills cleanly
+           */
+          if (newValue > 100) {
+            return 100;
+          }
+          return newValue;
         });
       }, 600);
     }
@@ -42,8 +51,15 @@ export const Default = (): React.ReactNode => {
     <Box maxWidth="600px">
       <Form>
         <FormControl>
-          <ProgressBarLabel htmlFor={progressBarId}>Downloading more ram</ProgressBarLabel>
-          <ProgressBar id={progressBarId} aria-describedby={helpTextId} value={value} />
+          <ProgressBarLabel htmlFor={progressBarId} valueLabel={`${Math.round(value)}%`}>
+            Downloading more ram
+          </ProgressBarLabel>
+          <ProgressBar
+            id={progressBarId}
+            aria-describedby={helpTextId}
+            value={value}
+            valueLabel={`${Math.round(value)}%`}
+          />
           <HelpText id={helpTextId}>
             Increasing your ram helps your computer run faster. {NumberFormatter.format(value)}% complete.
           </HelpText>
@@ -80,6 +96,50 @@ export const Indeterminate = (): React.ReactNode => {
   );
 };
 
+export const ErrorStory = (): React.ReactNode => {
+  const progressBarId = useUID();
+  const helpTextId = useUID();
+
+  return (
+    <Box maxWidth="600px">
+      <Form>
+        <FormControl>
+          <ProgressBarLabel htmlFor={progressBarId} valueLabel="50%">
+            mtn_sunrise.png
+          </ProgressBarLabel>
+          <ProgressBar id={progressBarId} aria-describedby={helpTextId} value={50} valueLabel="50%" hasError />
+          <HelpText variant="error" id={helpTextId}>
+            Upload failed. <Anchor href="#">Retry upload</Anchor>
+          </HelpText>
+        </FormControl>
+      </Form>
+    </Box>
+  );
+};
+ErrorStory.displayName = "Error";
+
+export const DisabledStory = (): React.ReactNode => {
+  const progressBarId = useUID();
+  const helpTextId = useUID();
+
+  return (
+    <Box maxWidth="600px">
+      <Form>
+        <FormControl>
+          <ProgressBarLabel disabled htmlFor={progressBarId} valueLabel="50%">
+            Campaign registration
+          </ProgressBarLabel>
+          <ProgressBar id={progressBarId} aria-describedby={helpTextId} value={80} disabled />
+          <HelpText variant="default" id={helpTextId}>
+            Your profile is in review. You will receive an email about your application status in 3-5 business days.
+          </HelpText>
+        </FormControl>
+      </Form>
+    </Box>
+  );
+};
+DisabledStory.displayName = "Disabled";
+
 export const LabelingApproaches = (): React.ReactNode => {
   const labelId = useUID();
 
@@ -105,7 +165,9 @@ export const CustomRange = (): React.ReactNode => {
     <Box maxWidth="600px">
       <Form>
         <FormControl>
-          <ProgressBarLabel htmlFor={progressBarId}>Friends coming to your birthday</ProgressBarLabel>
+          <ProgressBarLabel htmlFor={progressBarId} valueLabel="21 of 30">
+            Friends coming to your birthday
+          </ProgressBarLabel>
           <ProgressBar id={progressBarId} value={21} maxValue={30} />
         </FormControl>
       </Form>
@@ -120,7 +182,9 @@ export const CustomValueText = (): React.ReactNode => {
     <Box maxWidth="600px">
       <Form>
         <FormControl>
-          <ProgressBarLabel htmlFor={progressBarId}>Friends coming to your birthday</ProgressBarLabel>
+          <ProgressBarLabel htmlFor={progressBarId} valueLabel="21 friends accepted">
+            Friends coming to your birthday
+          </ProgressBarLabel>
           <ProgressBar
             id={progressBarId}
             value={21}
diff --git a/packages/paste-core/components/radio-group/tsconfig.json b/packages/paste-core/components/radio-group/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/radio-group/tsconfig.json
+++ b/packages/paste-core/components/radio-group/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/screen-reader-only/tsconfig.json b/packages/paste-core/components/screen-reader-only/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/screen-reader-only/tsconfig.json
+++ b/packages/paste-core/components/screen-reader-only/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/select/tsconfig.json b/packages/paste-core/components/select/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/select/tsconfig.json
+++ b/packages/paste-core/components/select/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/separator/tsconfig.json b/packages/paste-core/components/separator/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/separator/tsconfig.json
+++ b/packages/paste-core/components/separator/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/spinner/tsconfig.json b/packages/paste-core/components/spinner/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/spinner/tsconfig.json
+++ b/packages/paste-core/components/spinner/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/table/tsconfig.json b/packages/paste-core/components/table/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/table/tsconfig.json
+++ b/packages/paste-core/components/table/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/tabs/tsconfig.json b/packages/paste-core/components/tabs/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/tabs/tsconfig.json
+++ b/packages/paste-core/components/tabs/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/textarea/tsconfig.json b/packages/paste-core/components/textarea/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/textarea/tsconfig.json
+++ b/packages/paste-core/components/textarea/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/toast/tsconfig.json b/packages/paste-core/components/toast/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/toast/tsconfig.json
+++ b/packages/paste-core/components/toast/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/tooltip/tsconfig.json b/packages/paste-core/components/tooltip/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/tooltip/tsconfig.json
+++ b/packages/paste-core/components/tooltip/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/components/truncate/tsconfig.json b/packages/paste-core/components/truncate/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/components/truncate/tsconfig.json
+++ b/packages/paste-core/components/truncate/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/layout/aspect-ratio/tsconfig.json b/packages/paste-core/layout/aspect-ratio/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/layout/aspect-ratio/tsconfig.json
+++ b/packages/paste-core/layout/aspect-ratio/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/layout/flex/tsconfig.json b/packages/paste-core/layout/flex/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/layout/flex/tsconfig.json
+++ b/packages/paste-core/layout/flex/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/layout/grid/tsconfig.json b/packages/paste-core/layout/grid/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/layout/grid/tsconfig.json
+++ b/packages/paste-core/layout/grid/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/layout/media-object/tsconfig.json b/packages/paste-core/layout/media-object/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/layout/media-object/tsconfig.json
+++ b/packages/paste-core/layout/media-object/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/layout/stack/tsconfig.json b/packages/paste-core/layout/stack/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/layout/stack/tsconfig.json
+++ b/packages/paste-core/layout/stack/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/box/tsconfig.json b/packages/paste-core/primitives/box/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/box/tsconfig.json
+++ b/packages/paste-core/primitives/box/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/combobox/tsconfig.json b/packages/paste-core/primitives/combobox/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/combobox/tsconfig.json
+++ b/packages/paste-core/primitives/combobox/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/disclosure/tsconfig.json b/packages/paste-core/primitives/disclosure/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/disclosure/tsconfig.json
+++ b/packages/paste-core/primitives/disclosure/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/listbox/tsconfig.json b/packages/paste-core/primitives/listbox/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/listbox/tsconfig.json
+++ b/packages/paste-core/primitives/listbox/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/menu/tsconfig.json b/packages/paste-core/primitives/menu/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/menu/tsconfig.json
+++ b/packages/paste-core/primitives/menu/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/modal-dialog/tsconfig.json b/packages/paste-core/primitives/modal-dialog/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/modal-dialog/tsconfig.json
+++ b/packages/paste-core/primitives/modal-dialog/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/non-modal-dialog/tsconfig.json b/packages/paste-core/primitives/non-modal-dialog/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/non-modal-dialog/tsconfig.json
+++ b/packages/paste-core/primitives/non-modal-dialog/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/sibling-box/tsconfig.json b/packages/paste-core/primitives/sibling-box/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/sibling-box/tsconfig.json
+++ b/packages/paste-core/primitives/sibling-box/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/tabs/tsconfig.json b/packages/paste-core/primitives/tabs/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/tabs/tsconfig.json
+++ b/packages/paste-core/primitives/tabs/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/text/tsconfig.json b/packages/paste-core/primitives/text/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/text/tsconfig.json
+++ b/packages/paste-core/primitives/text/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-core/primitives/tooltip/tsconfig.json b/packages/paste-core/primitives/tooltip/tsconfig.json
index b5daed7034..5e8a3b17a2 100644
--- a/packages/paste-core/primitives/tooltip/tsconfig.json
+++ b/packages/paste-core/primitives/tooltip/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-customization/tsconfig.json b/packages/paste-customization/tsconfig.json
index 412246aefe..48263961c9 100644
--- a/packages/paste-customization/tsconfig.json
+++ b/packages/paste-customization/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-icons/tsconfig.json b/packages/paste-icons/tsconfig.json
index 0c26167d8b..aae1bc5822 100644
--- a/packages/paste-icons/tsconfig.json
+++ b/packages/paste-icons/tsconfig.json
@@ -1,12 +1,8 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "./types",
+    "outDir": "./types"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
 }
diff --git a/packages/paste-libraries/animation/tsconfig.json b/packages/paste-libraries/animation/tsconfig.json
index ef6916eb49..e30c6663c3 100644
--- a/packages/paste-libraries/animation/tsconfig.json
+++ b/packages/paste-libraries/animation/tsconfig.json
@@ -1,13 +1,8 @@
 {
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules",
-    "__tests__"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "__tests__"]
 }
diff --git a/packages/paste-libraries/dropdown/tsconfig.json b/packages/paste-libraries/dropdown/tsconfig.json
index ef6916eb49..e30c6663c3 100644
--- a/packages/paste-libraries/dropdown/tsconfig.json
+++ b/packages/paste-libraries/dropdown/tsconfig.json
@@ -1,13 +1,8 @@
 {
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules",
-    "__tests__"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "__tests__"]
 }
diff --git a/packages/paste-libraries/reakit/tsconfig.json b/packages/paste-libraries/reakit/tsconfig.json
index ef6916eb49..e30c6663c3 100644
--- a/packages/paste-libraries/reakit/tsconfig.json
+++ b/packages/paste-libraries/reakit/tsconfig.json
@@ -1,13 +1,8 @@
 {
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules",
-    "__tests__"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "__tests__"]
 }
diff --git a/packages/paste-libraries/styling/tsconfig.json b/packages/paste-libraries/styling/tsconfig.json
index ef6916eb49..e30c6663c3 100644
--- a/packages/paste-libraries/styling/tsconfig.json
+++ b/packages/paste-libraries/styling/tsconfig.json
@@ -1,13 +1,8 @@
 {
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules",
-    "__tests__"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "__tests__"]
 }
diff --git a/packages/paste-libraries/uid/tsconfig.json b/packages/paste-libraries/uid/tsconfig.json
index ef6916eb49..e30c6663c3 100644
--- a/packages/paste-libraries/uid/tsconfig.json
+++ b/packages/paste-libraries/uid/tsconfig.json
@@ -1,13 +1,8 @@
 {
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules",
-    "__tests__"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "__tests__"]
 }
diff --git a/packages/paste-theme/tsconfig.json b/packages/paste-theme/tsconfig.json
index 9d4c94a649..3d0eea443e 100644
--- a/packages/paste-theme/tsconfig.json
+++ b/packages/paste-theme/tsconfig.json
@@ -1,13 +1,8 @@
 {
   "extends": "../../tsconfig.json",
   "compilerOptions": {
-    "outDir": "dist/",
+    "outDir": "dist/"
   },
-  "include": [
-    "src/**/*",
-  ],
-  "exclude": [
-    "node_modules",
-    "__tests__"
-  ]
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "__tests__"]
 }
diff --git a/yarn.lock b/yarn.lock
index 4414a7b3fe..1d5466c509 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12059,6 +12059,7 @@ __metadata:
     "@twilio-paste/media-object": ^10.0.0
     "@twilio-paste/react-spectrum-library": ^2.0.0
     "@twilio-paste/screen-reader-only": ^13.0.0
+    "@twilio-paste/skeleton-loader": ^6.1.0
     "@twilio-paste/style-props": ^9.0.0
     "@twilio-paste/styling-library": ^3.0.0
     "@twilio-paste/text": ^10.0.0
@@ -12080,6 +12081,7 @@ __metadata:
     "@twilio-paste/media-object": ^10.0.0
     "@twilio-paste/react-spectrum-library": ^2.0.0
     "@twilio-paste/screen-reader-only": ^13.0.0
+    "@twilio-paste/skeleton-loader": ^6.1.0
     "@twilio-paste/style-props": ^9.0.0
     "@twilio-paste/styling-library": ^3.0.0
     "@twilio-paste/text": ^10.0.0