@cloudscape-design/chat-components 1.0.129 → 1.0.130

package/internal/generated/styles/tokens.d.ts

@@ -588,6 +588,8 @@ export const colorIconActionCardDefault: string;
 export const colorIconActionCardHover: string;
 export const colorIconActionCardActive: string;
 export const colorIconActionCardDisabled: string;
+export const colorBackgroundSkeleton: string;
+export const colorBackgroundSkeletonWave: string;
 export const fontBoxValueLargeWeight: string;
 export const fontButtonLetterSpacing: string;
 export const fontChartDetailSize: string;
@@ -714,6 +716,7 @@ export const borderWidthActionCardDefault: string;
 export const borderWidthActionCardHover: string;
 export const borderWidthActionCardActive: string;
 export const borderWidthActionCardDisabled: string;
+export const borderRadiusSkeleton: string;
 export const motionDurationExtraFast: string;
 export const motionDurationExtraSlow: string;
 export const motionDurationFast: string;

package/internal/generated/styles/tokens.js

@@ -588,6 +588,8 @@ export var colorIconActionCardDefault = "var(--color-icon-action-card-default-an
 export var colorIconActionCardHover = "var(--color-icon-action-card-hover-qxq4pp, #002b66)";
 export var colorIconActionCardActive = "var(--color-icon-action-card-active-rhp94s, #002b66)";
 export var colorIconActionCardDisabled = "var(--color-icon-action-card-disabled-wm3kyf, #b4b4bb)";
+export var colorBackgroundSkeleton = "var(--color-background-skeleton-sjxg4n, #ebebf0)";
+export var colorBackgroundSkeletonWave = "var(--color-background-skeleton-wave-1dy97d, #f6f6f9)";
 export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-wr00sw, 700)";
 export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-ufowe3, 0.005em)";
 export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
@@ -714,6 +716,7 @@ export var borderWidthActionCardDefault = "var(--border-width-action-card-defaul
 export var borderWidthActionCardHover = "var(--border-width-action-card-hover-02l6fg, 1px)";
 export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";
 export var borderWidthActionCardDisabled = "var(--border-width-action-card-disabled-rdvlbc, 1px)";
+export var borderRadiusSkeleton = "var(--border-radius-skeleton-9lkvfi, 8px)";
 export var motionDurationExtraFast = "var(--motion-duration-extra-fast-l4w48j, 45ms)";
 export var motionDurationExtraSlow = "var(--motion-duration-extra-slow-29bqym, 270ms)";
 export var motionDurationFast = "var(--motion-duration-fast-unntf6, 90ms)";

package/internal/generated/theming/index.cjs

@@ -2399,6 +2399,14 @@ module.exports.preset = {
         "light": "{colorNeutral400}",
         "dark": "{colorNeutral600}"
       },
+      "colorBackgroundSkeleton": {
+        "light": "{colorNeutral250}",
+        "dark": "{colorNeutral750}"
+      },
+      "colorBackgroundSkeletonWave": {
+        "light": "{colorNeutral150}",
+        "dark": "{colorNeutral700}"
+      },
       "fontBoxValueLargeWeight": "700",
       "fontButtonLetterSpacing": "0.005em",
       "fontChartDetailSize": "{fontSizeBodyS}",
@@ -2525,6 +2533,7 @@ module.exports.preset = {
       "borderWidthActionCardHover": "{borderWidthCard}",
       "borderWidthActionCardActive": "{borderWidthCard}",
       "borderWidthActionCardDisabled": "{borderWidthCard}",
+      "borderRadiusSkeleton": "8px",
       "motionDurationExtraFast": {
         "default": "45ms",
         "disabled": "0ms"
@@ -5033,6 +5042,14 @@ module.exports.preset = {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
           },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral750}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
+          },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
           "colorPrimary200": "#b8e7ff",
@@ -6502,6 +6519,14 @@ module.exports.preset = {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
           },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral750}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
+          },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
           "colorPrimary200": "#b8e7ff",
@@ -7898,6 +7923,14 @@ module.exports.preset = {
           "colorIconActionCardDisabled": {
             "light": "{colorNeutral400}",
             "dark": "{colorNeutral600}"
+          },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral250}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral150}",
+            "dark": "{colorNeutral700}"
           }
         }
       },
@@ -9180,6 +9213,14 @@ module.exports.preset = {
           "colorIconActionCardDisabled": {
             "light": "{colorNeutral400}",
             "dark": "{colorNeutral600}"
+          },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral250}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral150}",
+            "dark": "{colorNeutral700}"
           }
         }
       },
@@ -10463,6 +10504,14 @@ module.exports.preset = {
             "light": "{colorNeutral400}",
             "dark": "{colorNeutral600}"
           },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral250}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral150}",
+            "dark": "{colorNeutral700}"
+          },
           "fontExpandableHeadingSize": "14px",
           "borderDividerSectionWidth": "1px"
         }
@@ -11746,6 +11795,14 @@ module.exports.preset = {
           "colorIconActionCardDisabled": {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
+          },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral750}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
           }
         }
       },
@@ -12351,6 +12408,8 @@ module.exports.preset = {
       "colorIconActionCardHover": "color",
       "colorIconActionCardActive": "color",
       "colorIconActionCardDisabled": "color",
+      "colorBackgroundSkeleton": "color",
+      "colorBackgroundSkeletonWave": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -14208,6 +14267,8 @@ module.exports.preset = {
     "colorIconActionCardHover": "color-icon-action-card-hover",
     "colorIconActionCardActive": "color-icon-action-card-active",
     "colorIconActionCardDisabled": "color-icon-action-card-disabled",
+    "colorBackgroundSkeleton": "color-background-skeleton",
+    "colorBackgroundSkeletonWave": "color-background-skeleton-wave",
     "fontBoxValueLargeWeight": "font-box-value-large-weight",
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontChartDetailSize": "font-chart-detail-size",
@@ -14334,6 +14395,7 @@ module.exports.preset = {
     "borderWidthActionCardHover": "border-width-action-card-hover",
     "borderWidthActionCardActive": "border-width-action-card-active",
     "borderWidthActionCardDisabled": "border-width-action-card-disabled",
+    "borderRadiusSkeleton": "border-radius-skeleton",
     "motionDurationExtraFast": "motion-duration-extra-fast",
     "motionDurationExtraSlow": "motion-duration-extra-slow",
     "motionDurationFast": "motion-duration-fast",
@@ -15112,6 +15174,8 @@ module.exports.preset = {
     "colorIconActionCardHover": "--color-icon-action-card-hover-qxq4pp",
     "colorIconActionCardActive": "--color-icon-action-card-active-rhp94s",
     "colorIconActionCardDisabled": "--color-icon-action-card-disabled-wm3kyf",
+    "colorBackgroundSkeleton": "--color-background-skeleton-sjxg4n",
+    "colorBackgroundSkeletonWave": "--color-background-skeleton-wave-1dy97d",
     "fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
     "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
     "fontChartDetailSize": "--font-chart-detail-size-9qr25q",
@@ -15238,6 +15302,7 @@ module.exports.preset = {
     "borderWidthActionCardHover": "--border-width-action-card-hover-02l6fg",
     "borderWidthActionCardActive": "--border-width-action-card-active-pwtgzu",
     "borderWidthActionCardDisabled": "--border-width-action-card-disabled-rdvlbc",
+    "borderRadiusSkeleton": "--border-radius-skeleton-9lkvfi",
     "motionDurationExtraFast": "--motion-duration-extra-fast-l4w48j",
     "motionDurationExtraSlow": "--motion-duration-extra-slow-29bqym",
     "motionDurationFast": "--motion-duration-fast-unntf6",

package/internal/generated/theming/index.js

@@ -2399,6 +2399,14 @@ export var preset = {
         "light": "{colorNeutral400}",
         "dark": "{colorNeutral600}"
       },
+      "colorBackgroundSkeleton": {
+        "light": "{colorNeutral250}",
+        "dark": "{colorNeutral750}"
+      },
+      "colorBackgroundSkeletonWave": {
+        "light": "{colorNeutral150}",
+        "dark": "{colorNeutral700}"
+      },
       "fontBoxValueLargeWeight": "700",
       "fontButtonLetterSpacing": "0.005em",
       "fontChartDetailSize": "{fontSizeBodyS}",
@@ -2525,6 +2533,7 @@ export var preset = {
       "borderWidthActionCardHover": "{borderWidthCard}",
       "borderWidthActionCardActive": "{borderWidthCard}",
       "borderWidthActionCardDisabled": "{borderWidthCard}",
+      "borderRadiusSkeleton": "8px",
       "motionDurationExtraFast": {
         "default": "45ms",
         "disabled": "0ms"
@@ -5033,6 +5042,14 @@ export var preset = {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
           },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral750}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
+          },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
           "colorPrimary200": "#b8e7ff",
@@ -6502,6 +6519,14 @@ export var preset = {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
           },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral750}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
+          },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
           "colorPrimary200": "#b8e7ff",
@@ -7898,6 +7923,14 @@ export var preset = {
           "colorIconActionCardDisabled": {
             "light": "{colorNeutral400}",
             "dark": "{colorNeutral600}"
+          },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral250}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral150}",
+            "dark": "{colorNeutral700}"
           }
         }
       },
@@ -9180,6 +9213,14 @@ export var preset = {
           "colorIconActionCardDisabled": {
             "light": "{colorNeutral400}",
             "dark": "{colorNeutral600}"
+          },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral250}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral150}",
+            "dark": "{colorNeutral700}"
           }
         }
       },
@@ -10463,6 +10504,14 @@ export var preset = {
             "light": "{colorNeutral400}",
             "dark": "{colorNeutral600}"
           },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral250}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral150}",
+            "dark": "{colorNeutral700}"
+          },
           "fontExpandableHeadingSize": "14px",
           "borderDividerSectionWidth": "1px"
         }
@@ -11746,6 +11795,14 @@ export var preset = {
           "colorIconActionCardDisabled": {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
+          },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral750}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
           }
         }
       },
@@ -12351,6 +12408,8 @@ export var preset = {
       "colorIconActionCardHover": "color",
       "colorIconActionCardActive": "color",
       "colorIconActionCardDisabled": "color",
+      "colorBackgroundSkeleton": "color",
+      "colorBackgroundSkeletonWave": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -14208,6 +14267,8 @@ export var preset = {
     "colorIconActionCardHover": "color-icon-action-card-hover",
     "colorIconActionCardActive": "color-icon-action-card-active",
     "colorIconActionCardDisabled": "color-icon-action-card-disabled",
+    "colorBackgroundSkeleton": "color-background-skeleton",
+    "colorBackgroundSkeletonWave": "color-background-skeleton-wave",
     "fontBoxValueLargeWeight": "font-box-value-large-weight",
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontChartDetailSize": "font-chart-detail-size",
@@ -14334,6 +14395,7 @@ export var preset = {
     "borderWidthActionCardHover": "border-width-action-card-hover",
     "borderWidthActionCardActive": "border-width-action-card-active",
     "borderWidthActionCardDisabled": "border-width-action-card-disabled",
+    "borderRadiusSkeleton": "border-radius-skeleton",
     "motionDurationExtraFast": "motion-duration-extra-fast",
     "motionDurationExtraSlow": "motion-duration-extra-slow",
     "motionDurationFast": "motion-duration-fast",
@@ -15112,6 +15174,8 @@ export var preset = {
     "colorIconActionCardHover": "--color-icon-action-card-hover-qxq4pp",
     "colorIconActionCardActive": "--color-icon-action-card-active-rhp94s",
     "colorIconActionCardDisabled": "--color-icon-action-card-disabled-wm3kyf",
+    "colorBackgroundSkeleton": "--color-background-skeleton-sjxg4n",
+    "colorBackgroundSkeletonWave": "--color-background-skeleton-wave-1dy97d",
     "fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
     "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
     "fontChartDetailSize": "--font-chart-detail-size-9qr25q",
@@ -15238,6 +15302,7 @@ export var preset = {
     "borderWidthActionCardHover": "--border-width-action-card-hover-02l6fg",
     "borderWidthActionCardActive": "--border-width-action-card-active-pwtgzu",
     "borderWidthActionCardDisabled": "--border-width-action-card-disabled-rdvlbc",
+    "borderRadiusSkeleton": "--border-radius-skeleton-9lkvfi",
     "motionDurationExtraFast": "--motion-duration-extra-fast-l4w48j",
     "motionDurationExtraSlow": "--motion-duration-extra-slow-29bqym",
     "motionDurationFast": "--motion-duration-fast-unntf6",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/chat-components",
-  "version": "1.0.129",
+  "version": "1.0.130",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/cloudscape-design/chat-components.git"