@cloudscape-design/chat-components 1.0.106 → 1.0.108

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

@@ -305,6 +305,7 @@ export const colorBackgroundCodeEditorGutterDefault: string;
 export const colorBackgroundCodeEditorLoading: string;
 export const colorBackgroundCodeEditorPaneItemHover: string;
 export const colorBackgroundCodeEditorStatusBar: string;
+export const colorBackgroundCard: string;
 export const colorBackgroundContainerContent: string;
 export const colorBackgroundContainerHeader: string;
 export const colorBackgroundControlChecked: string;
@@ -395,6 +396,8 @@ export const colorBorderCodeEditorAceActiveLineLightTheme: string;
 export const colorBorderCodeEditorAceActiveLineDarkTheme: string;
 export const colorBorderCodeEditorDefault: string;
 export const colorBorderCodeEditorPaneItemHover: string;
+export const colorBorderCard: string;
+export const colorBorderCardHighlighted: string;
 export const colorBorderContainerDivider: string;
 export const colorBorderContainerTop: string;
 export const colorBorderControlChecked: string;
@@ -558,6 +561,7 @@ export const fontChartDetailSize: string;
 export const fontDisplayLabelWeight: string;
 export const fontExpandableHeadingSize: string;
 export const fontFamilyBase: string;
+export const fontFamilyDisplay: string;
 export const fontFamilyHeading: string;
 export const fontFamilyMonospace: string;
 export const fontHeaderH2DescriptionLineHeight: string;
@@ -623,6 +627,8 @@ export const borderRadiusBadge: string;
 export const borderRadiusButton: string;
 export const borderRadiusCalendarDayFocusRing: string;
 export const borderRadiusCodeEditor: string;
+export const borderRadiusCardDefault: string;
+export const borderRadiusCardEmbedded: string;
 export const borderRadiusContainer: string;
 export const borderRadiusControlCircularFocusRing: string;
 export const borderRadiusControlDefaultFocusRing: string;
@@ -640,6 +646,8 @@ export const borderRadiusTutorialPanelItem: string;
 export const borderTableStickyWidth: string;
 export const borderLinkFocusRingOutline: string;
 export const borderLinkFocusRingShadowSpread: string;
+export const borderWidthCard: string;
+export const borderWidthCardHighlighted: string;
 export const borderWidthAlert: string;
 export const borderWidthButton: string;
 export const borderWidthDropdown: string;
@@ -714,8 +722,10 @@ export const spaceButtonModalDismissVertical: string;
 export const spaceCalendarGridFocusOutlineGutter: string;
 export const spaceCalendarGridSelectedFocusOutlineGutter: string;
 export const spaceCalendarGridGutter: string;
-export const spaceCardHorizontal: string;
-export const spaceCardVertical: string;
+export const spaceCardHorizontalDefault: string;
+export const spaceCardHorizontalEmbedded: string;
+export const spaceCardVerticalDefault: string;
+export const spaceCardVerticalEmbedded: string;
 export const spaceCodeEditorStatusFocusOutlineGutter: string;
 export const spaceContainerContentTop: string;
 export const spaceContainerHeaderTop: string;
@@ -801,6 +811,7 @@ export const spaceL: string;
 export const spaceXl: string;
 export const spaceXxl: string;
 export const spaceXxxl: string;
+export const shadowCard: string;
 export const shadowContainer: string;
 export const shadowContainerActive: string;
 export const shadowDropdown: string;

package/internal/generated/styles/tokens.js

@@ -305,6 +305,7 @@ export var colorBackgroundCodeEditorGutterDefault = "var(--color-background-code
 export var colorBackgroundCodeEditorLoading = "var(--color-background-code-editor-loading-6nwpin, #f9f9fa)";
 export var colorBackgroundCodeEditorPaneItemHover = "var(--color-background-code-editor-pane-item-hover-z6k9mr, #ebebf0)";
 export var colorBackgroundCodeEditorStatusBar = "var(--color-background-code-editor-status-bar-yjtxod, #f3f3f7)";
+export var colorBackgroundCard = "var(--color-background-card-p5vrq0, #ffffff)";
 export var colorBackgroundContainerContent = "var(--color-background-container-content-6u8rvp, #ffffff)";
 export var colorBackgroundContainerHeader = "var(--color-background-container-header-gs3mbe, #ffffff)";
 export var colorBackgroundControlChecked = "var(--color-background-control-checked-ka7kc2, #006ce0)";
@@ -395,6 +396,8 @@ export var colorBorderCodeEditorAceActiveLineLightTheme = "var(--color-border-co
 export var colorBorderCodeEditorAceActiveLineDarkTheme = "var(--color-border-code-editor-ace-active-line-dark-theme-v09eti, #656871)";
 export var colorBorderCodeEditorDefault = "var(--color-border-code-editor-default-2bfcfq, #dedee3)";
 export var colorBorderCodeEditorPaneItemHover = "var(--color-border-code-editor-pane-item-hover-wvblek, #8c8c94)";
+export var colorBorderCard = "var(--color-border-card-3n24fu, #c6c6cd)";
+export var colorBorderCardHighlighted = "var(--color-border-card-highlighted-ygosod, #006ce0)";
 export var colorBorderContainerDivider = "var(--color-border-container-divider-9huz1a, transparent)";
 export var colorBorderContainerTop = "var(--color-border-container-top-k3vmoz, transparent)";
 export var colorBorderControlChecked = "var(--color-border-control-checked-bdv28l, #006ce0)";
@@ -558,6 +561,7 @@ export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
 export var fontDisplayLabelWeight = "var(--font-display-label-weight-zavpeo, 700)";
 export var fontExpandableHeadingSize = "var(--font-expandable-heading-size-0uk059, 16px)";
 export var fontFamilyBase = "var(--font-family-base-gmnpzl, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
+export var fontFamilyDisplay = "var(--font-family-display-a93nj0, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
 export var fontFamilyHeading = "var(--font-family-heading-ugphat, 'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif)";
 export var fontFamilyMonospace = "var(--font-family-monospace-q47m7k, Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace)";
 export var fontHeaderH2DescriptionLineHeight = "var(--font-header-h2-description-line-height-ts2s6o, 20px)";
@@ -623,6 +627,8 @@ export var borderRadiusBadge = "var(--border-radius-badge-exolfb, 4px)";
 export var borderRadiusButton = "var(--border-radius-button-7bgkcs, 20px)";
 export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-focus-ring-xvvbuc, 3px)";
 export var borderRadiusCodeEditor = "var(--border-radius-code-editor-5palck, 8px)";
+export var borderRadiusCardDefault = "var(--border-radius-card-default-d8ipr7, 16px)";
+export var borderRadiusCardEmbedded = "var(--border-radius-card-embedded-fvclp8, 8px)";
 export var borderRadiusContainer = "var(--border-radius-container-nsfwmm, 16px)";
 export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-yjhscw, 4px)";
 export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-1uabki, 4px)";
@@ -640,6 +646,8 @@ export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-i
 export var borderTableStickyWidth = "var(--border-table-sticky-width-ai31mi, 1px)";
 export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-1p0hnu, 0)";
 export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)";
+export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
+export var borderWidthCardHighlighted = "var(--border-width-card-highlighted-x17dhn, 2px)";
 export var borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
 export var borderWidthButton = "var(--border-width-button-jm0qg7, 2px)";
 export var borderWidthDropdown = "var(--border-width-dropdown-youcay, 2px)";
@@ -714,8 +722,10 @@ export var spaceButtonModalDismissVertical = "var(--space-button-modal-dismiss-v
 export var spaceCalendarGridFocusOutlineGutter = "var(--space-calendar-grid-focus-outline-gutter-vvh43m, -5px)";
 export var spaceCalendarGridSelectedFocusOutlineGutter = "var(--space-calendar-grid-selected-focus-outline-gutter-dy6gf8, -5px)";
 export var spaceCalendarGridGutter = "var(--space-calendar-grid-gutter-zojo6r, 6px)";
-export var spaceCardHorizontal = "var(--space-card-horizontal-8o8t31, 20px)";
-export var spaceCardVertical = "var(--space-card-vertical-uad0cc, 16px)";
+export var spaceCardHorizontalDefault = "var(--space-card-horizontal-default-pihe12, 20px)";
+export var spaceCardHorizontalEmbedded = "var(--space-card-horizontal-embedded-sasxhu, 12px)";
+export var spaceCardVerticalDefault = "var(--space-card-vertical-default-e40tif, 16px)";
+export var spaceCardVerticalEmbedded = "var(--space-card-vertical-embedded-30pnhg, 10px)";
 export var spaceCodeEditorStatusFocusOutlineGutter = "var(--space-code-editor-status-focus-outline-gutter-o87hra, -7px)";
 export var spaceContainerContentTop = "var(--space-container-content-top-1wtqrc, 4px)";
 export var spaceContainerHeaderTop = "var(--space-container-header-top-am4vzw, 12px)";
@@ -801,6 +811,7 @@ export var spaceL = "var(--space-l-2ud1p3, 20px)";
 export var spaceXl = "var(--space-xl-jfy3x4, 24px)";
 export var spaceXxl = "var(--space-xxl-32srm4, 32px)";
 export var spaceXxxl = "var(--space-xxxl-aut1u7, 40px)";
+export var shadowCard = "var(--shadow-card-hmrw4q, none)";
 export var shadowContainer = "var(--shadow-container-53ltfv, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12))";
 export var shadowContainerActive = "var(--shadow-container-active-ypjjoc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px #0007161a)";
 export var shadowDropdown = "var(--shadow-dropdown-isf0w4, 0px 4px 20px 1px rgba(0, 7, 22, 0.10))";

package/internal/generated/theming/index.cjs

@@ -1267,6 +1267,10 @@ module.exports.preset = {
         "light": "{colorNeutral200}",
         "dark": "{colorNeutral800}"
       },
+      "colorBackgroundCard": {
+        "light": "{colorBackgroundContainerContent}",
+        "dark": "{colorBackgroundContainerContent}"
+      },
       "colorBackgroundContainerContent": {
         "light": "{colorWhite}",
         "dark": "{colorNeutral850}"
@@ -1627,6 +1631,14 @@ module.exports.preset = {
         "light": "{colorBorderDropdownItemHover}",
         "dark": "{colorBorderDropdownItemHover}"
       },
+      "colorBorderCard": {
+        "light": "{colorBorderDividerDefault}",
+        "dark": "{colorBorderDividerDefault}"
+      },
+      "colorBorderCardHighlighted": {
+        "light": "{colorBorderItemSelected}",
+        "dark": "{colorBorderItemSelected}"
+      },
       "colorBorderContainerDivider": {
         "light": "transparent",
         "dark": "transparent"
@@ -2261,6 +2273,7 @@ module.exports.preset = {
       "fontDisplayLabelWeight": "700",
       "fontExpandableHeadingSize": "{fontSizeHeadingS}",
       "fontFamilyBase": "'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif",
+      "fontFamilyDisplay": "{fontFamilyBase}",
       "fontFamilyHeading": "{fontFamilyBase}",
       "fontFamilyMonospace": "Monaco, Menlo, Consolas, 'Courier Prime', Courier, 'Courier New', monospace",
       "fontHeaderH2DescriptionLineHeight": "{lineHeightBodyM}",
@@ -2326,6 +2339,8 @@ module.exports.preset = {
       "borderRadiusButton": "20px",
       "borderRadiusCalendarDayFocusRing": "3px",
       "borderRadiusCodeEditor": "{borderRadiusInput}",
+      "borderRadiusCardDefault": "{borderRadiusContainer}",
+      "borderRadiusCardEmbedded": "{borderRadiusChatBubble}",
       "borderRadiusContainer": "16px",
       "borderRadiusControlCircularFocusRing": "4px",
       "borderRadiusControlDefaultFocusRing": "4px",
@@ -2343,6 +2358,8 @@ module.exports.preset = {
       "borderTableStickyWidth": "1px",
       "borderLinkFocusRingOutline": "0",
       "borderLinkFocusRingShadowSpread": "2px",
+      "borderWidthCard": "{borderDividerSectionWidth}",
+      "borderWidthCardHighlighted": "{borderItemWidth}",
       "borderWidthAlert": "2px",
       "borderWidthButton": "2px",
       "borderWidthDropdown": "2px",
@@ -2606,14 +2623,22 @@ module.exports.preset = {
         "comfortable": "6px",
         "compact": "6px"
       },
-      "spaceCardHorizontal": {
+      "spaceCardHorizontalDefault": {
         "comfortable": "{spaceContainerHorizontal}",
         "compact": "{spaceContainerHorizontal}"
       },
-      "spaceCardVertical": {
+      "spaceCardHorizontalEmbedded": {
+        "comfortable": "{spaceS}",
+        "compact": "10px"
+      },
+      "spaceCardVerticalDefault": {
         "comfortable": "{spaceScaledM}",
         "compact": "{spaceScaledM}"
       },
+      "spaceCardVerticalEmbedded": {
+        "comfortable": "10px",
+        "compact": "{spaceXs}"
+      },
       "spaceCodeEditorStatusFocusOutlineGutter": {
         "comfortable": "-7px",
         "compact": "-7px"
@@ -2954,6 +2979,10 @@ module.exports.preset = {
         "comfortable": "40px",
         "compact": "40px"
       },
+      "shadowCard": {
+        "light": "none",
+        "dark": "none"
+      },
       "shadowContainer": {
         "light": "0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12)",
         "dark": "0px 1px 8px 2px rgba(0, 7, 22, 0.6)"
@@ -3076,14 +3105,22 @@ module.exports.preset = {
             "comfortable": "6px",
             "compact": "6px"
           },
-          "spaceCardHorizontal": {
+          "spaceCardHorizontalDefault": {
             "comfortable": "{spaceContainerHorizontal}",
             "compact": "{spaceContainerHorizontal}"
           },
-          "spaceCardVertical": {
+          "spaceCardHorizontalEmbedded": {
+            "comfortable": "{spaceS}",
+            "compact": "10px"
+          },
+          "spaceCardVerticalDefault": {
             "comfortable": "{spaceScaledM}",
             "compact": "{spaceScaledM}"
           },
+          "spaceCardVerticalEmbedded": {
+            "comfortable": "10px",
+            "compact": "{spaceXs}"
+          },
           "spaceCodeEditorStatusFocusOutlineGutter": {
             "comfortable": "-7px",
             "compact": "-7px"
@@ -3578,6 +3615,10 @@ module.exports.preset = {
             "light": "{colorNeutral800}",
             "dark": "{colorNeutral800}"
           },
+          "colorBackgroundCard": {
+            "light": "{colorBackgroundContainerContent}",
+            "dark": "{colorBackgroundContainerContent}"
+          },
           "colorBackgroundContainerContent": {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
@@ -3938,6 +3979,14 @@ module.exports.preset = {
             "light": "{colorBorderDropdownItemHover}",
             "dark": "{colorBorderDropdownItemHover}"
           },
+          "colorBorderCard": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
+          "colorBorderCardHighlighted": {
+            "light": "{colorBorderItemSelected}",
+            "dark": "{colorBorderItemSelected}"
+          },
           "colorBorderContainerDivider": {
             "light": "transparent",
             "dark": "transparent"
@@ -4687,6 +4736,10 @@ module.exports.preset = {
         "id": "header",
         "selector": ".awsui-context-content-header",
         "tokens": {
+          "shadowCard": {
+            "light": "none",
+            "dark": "none"
+          },
           "shadowContainer": {
             "light": "0px 1px 8px 2px rgba(0, 7, 22, 0.6)",
             "dark": "0px 1px 8px 2px rgba(0, 7, 22, 0.6)"
@@ -4895,6 +4948,10 @@ module.exports.preset = {
             "light": "{colorNeutral800}",
             "dark": "{colorNeutral800}"
           },
+          "colorBackgroundCard": {
+            "light": "{colorBackgroundContainerContent}",
+            "dark": "{colorBackgroundContainerContent}"
+          },
           "colorBackgroundContainerContent": {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
@@ -5255,6 +5312,14 @@ module.exports.preset = {
             "light": "{colorBorderDropdownItemHover}",
             "dark": "{colorBorderDropdownItemHover}"
           },
+          "colorBorderCard": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
+          "colorBorderCardHighlighted": {
+            "light": "{colorBorderItemSelected}",
+            "dark": "{colorBorderItemSelected}"
+          },
           "colorBorderContainerDivider": {
             "light": "transparent",
             "dark": "transparent"
@@ -6148,6 +6213,10 @@ module.exports.preset = {
             "light": "{colorNeutral200}",
             "dark": "{colorNeutral800}"
           },
+          "colorBackgroundCard": {
+            "light": "{colorBackgroundContainerContent}",
+            "dark": "{colorBackgroundContainerContent}"
+          },
           "colorBackgroundContainerContent": {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
@@ -6508,6 +6577,14 @@ module.exports.preset = {
             "light": "{colorBorderDropdownItemHover}",
             "dark": "{colorBorderDropdownItemHover}"
           },
+          "colorBorderCard": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
+          "colorBorderCardHighlighted": {
+            "light": "{colorBorderItemSelected}",
+            "dark": "{colorBorderItemSelected}"
+          },
           "colorBorderContainerDivider": {
             "light": "transparent",
             "dark": "transparent"
@@ -7286,6 +7363,10 @@ module.exports.preset = {
             "light": "{colorNeutral200}",
             "dark": "{colorNeutral800}"
           },
+          "colorBackgroundCard": {
+            "light": "{colorBackgroundContainerContent}",
+            "dark": "{colorBackgroundContainerContent}"
+          },
           "colorBackgroundContainerContent": {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
@@ -7646,6 +7727,14 @@ module.exports.preset = {
             "light": "{colorBorderDropdownItemHover}",
             "dark": "{colorBorderDropdownItemHover}"
           },
+          "colorBorderCard": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
+          "colorBorderCardHighlighted": {
+            "light": "{colorBorderItemSelected}",
+            "dark": "{colorBorderItemSelected}"
+          },
           "colorBorderContainerDivider": {
             "light": "transparent",
             "dark": "transparent"
@@ -8424,6 +8513,10 @@ module.exports.preset = {
             "light": "{colorNeutral200}",
             "dark": "{colorNeutral800}"
           },
+          "colorBackgroundCard": {
+            "light": "{colorBackgroundContainerContent}",
+            "dark": "{colorBackgroundContainerContent}"
+          },
           "colorBackgroundContainerContent": {
             "light": "{colorWhite}",
             "dark": "{colorNeutral850}"
@@ -8784,6 +8877,14 @@ module.exports.preset = {
             "light": "{colorBorderDropdownItemHover}",
             "dark": "{colorBorderDropdownItemHover}"
           },
+          "colorBorderCard": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
+          "colorBorderCardHighlighted": {
+            "light": "{colorBorderItemSelected}",
+            "dark": "{colorBorderItemSelected}"
+          },
           "colorBorderContainerDivider": {
             "light": "transparent",
             "dark": "transparent"
@@ -9564,6 +9665,10 @@ module.exports.preset = {
             "light": "{colorNeutral800}",
             "dark": "{colorNeutral800}"
           },
+          "colorBackgroundCard": {
+            "light": "{colorBackgroundContainerContent}",
+            "dark": "{colorBackgroundContainerContent}"
+          },
           "colorBackgroundContainerContent": {
             "light": "{colorNeutral850}",
             "dark": "{colorNeutral850}"
@@ -9924,6 +10029,14 @@ module.exports.preset = {
             "light": "{colorBorderDropdownItemHover}",
             "dark": "{colorBorderDropdownItemHover}"
           },
+          "colorBorderCard": {
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
+          },
+          "colorBorderCardHighlighted": {
+            "light": "{colorBorderItemSelected}",
+            "dark": "{colorBorderItemSelected}"
+          },
           "colorBorderContainerDivider": {
             "light": "transparent",
             "dark": "transparent"
@@ -10873,6 +10986,7 @@ module.exports.preset = {
       "colorBackgroundCodeEditorLoading": "color",
       "colorBackgroundCodeEditorPaneItemHover": "color",
       "colorBackgroundCodeEditorStatusBar": "color",
+      "colorBackgroundCard": "color",
       "colorBackgroundContainerContent": "color",
       "colorBackgroundContainerHeader": "color",
       "colorBackgroundControlChecked": "color",
@@ -10963,6 +11077,8 @@ module.exports.preset = {
       "colorBorderCodeEditorAceActiveLineDarkTheme": "color",
       "colorBorderCodeEditorDefault": "color",
       "colorBorderCodeEditorPaneItemHover": "color",
+      "colorBorderCard": "color",
+      "colorBorderCardHighlighted": "color",
       "colorBorderContainerDivider": "color",
       "colorBorderContainerTop": "color",
       "colorBorderControlChecked": "color",
@@ -11183,8 +11299,10 @@ module.exports.preset = {
       "spaceCalendarGridFocusOutlineGutter": "density",
       "spaceCalendarGridSelectedFocusOutlineGutter": "density",
       "spaceCalendarGridGutter": "density",
-      "spaceCardHorizontal": "density",
-      "spaceCardVertical": "density",
+      "spaceCardHorizontalDefault": "density",
+      "spaceCardHorizontalEmbedded": "density",
+      "spaceCardVerticalDefault": "density",
+      "spaceCardVerticalEmbedded": "density",
       "spaceCodeEditorStatusFocusOutlineGutter": "density",
       "spaceContainerContentTop": "density",
       "spaceContainerHeaderTop": "density",
@@ -11270,6 +11388,7 @@ module.exports.preset = {
       "spaceXl": "density",
       "spaceXxl": "density",
       "spaceXxxl": "density",
+      "shadowCard": "color",
       "shadowContainer": "color",
       "shadowContainerActive": "color",
       "shadowDropdown": "color",
@@ -11733,6 +11852,7 @@ module.exports.preset = {
     "colorDropzoneBorderHover",
     "colorTreeViewConnectorLine",
     "fontFamilyBase",
+    "fontFamilyDisplay",
     "fontFamilyHeading",
     "fontFamilyMonospace",
     "fontSizeBodyM",
@@ -11749,6 +11869,7 @@ module.exports.preset = {
     "fontWeightHeadingM",
     "fontWeightHeadingS",
     "fontWeightHeadingXs",
+    "letterSpacingDisplayL",
     "letterSpacingHeadingXl",
     "letterSpacingHeadingL",
     "letterSpacingHeadingM",
@@ -11766,6 +11887,8 @@ module.exports.preset = {
     "borderRadiusBadge",
     "borderRadiusButton",
     "borderRadiusCalendarDayFocusRing",
+    "borderRadiusCardDefault",
+    "borderRadiusCardEmbedded",
     "borderRadiusContainer",
     "borderRadiusControlCircularFocusRing",
     "borderRadiusControlDefaultFocusRing",
@@ -12117,6 +12240,7 @@ module.exports.preset = {
     "colorDropzoneBorderHover",
     "colorTreeViewConnectorLine",
     "fontFamilyBase",
+    "fontFamilyDisplay",
     "fontFamilyHeading",
     "fontFamilyMonospace",
     "fontSizeBodyM",
@@ -12133,6 +12257,7 @@ module.exports.preset = {
     "fontWeightHeadingM",
     "fontWeightHeadingS",
     "fontWeightHeadingXs",
+    "letterSpacingDisplayL",
     "letterSpacingHeadingXl",
     "letterSpacingHeadingL",
     "letterSpacingHeadingM",
@@ -12150,6 +12275,8 @@ module.exports.preset = {
     "borderRadiusBadge",
     "borderRadiusButton",
     "borderRadiusCalendarDayFocusRing",
+    "borderRadiusCardDefault",
+    "borderRadiusCardEmbedded",
     "borderRadiusContainer",
     "borderRadiusControlCircularFocusRing",
     "borderRadiusControlDefaultFocusRing",
@@ -12519,6 +12646,7 @@ module.exports.preset = {
     "colorBackgroundCodeEditorLoading": "color-background-code-editor-loading",
     "colorBackgroundCodeEditorPaneItemHover": "color-background-code-editor-pane-item-hover",
     "colorBackgroundCodeEditorStatusBar": "color-background-code-editor-status-bar",
+    "colorBackgroundCard": "color-background-card",
     "colorBackgroundContainerContent": "color-background-container-content",
     "colorBackgroundContainerHeader": "color-background-container-header",
     "colorBackgroundControlChecked": "color-background-control-checked",
@@ -12609,6 +12737,8 @@ module.exports.preset = {
     "colorBorderCodeEditorAceActiveLineDarkTheme": "color-border-code-editor-ace-active-line-dark-theme",
     "colorBorderCodeEditorDefault": "color-border-code-editor-default",
     "colorBorderCodeEditorPaneItemHover": "color-border-code-editor-pane-item-hover",
+    "colorBorderCard": "color-border-card",
+    "colorBorderCardHighlighted": "color-border-card-highlighted",
     "colorBorderContainerDivider": "color-border-container-divider",
     "colorBorderContainerTop": "color-border-container-top",
     "colorBorderControlChecked": "color-border-control-checked",
@@ -12772,6 +12902,7 @@ module.exports.preset = {
     "fontDisplayLabelWeight": "font-display-label-weight",
     "fontExpandableHeadingSize": "font-expandable-heading-size",
     "fontFamilyBase": "font-family-base",
+    "fontFamilyDisplay": "font-family-display",
     "fontFamilyHeading": "font-family-heading",
     "fontFamilyMonospace": "font-family-monospace",
     "fontHeaderH2DescriptionLineHeight": "font-header-h2-description-line-height",
@@ -12837,6 +12968,8 @@ module.exports.preset = {
     "borderRadiusButton": "border-radius-button",
     "borderRadiusCalendarDayFocusRing": "border-radius-calendar-day-focus-ring",
     "borderRadiusCodeEditor": "border-radius-code-editor",
+    "borderRadiusCardDefault": "border-radius-card-default",
+    "borderRadiusCardEmbedded": "border-radius-card-embedded",
     "borderRadiusContainer": "border-radius-container",
     "borderRadiusControlCircularFocusRing": "border-radius-control-circular-focus-ring",
     "borderRadiusControlDefaultFocusRing": "border-radius-control-default-focus-ring",
@@ -12854,6 +12987,8 @@ module.exports.preset = {
     "borderTableStickyWidth": "border-table-sticky-width",
     "borderLinkFocusRingOutline": "border-link-focus-ring-outline",
     "borderLinkFocusRingShadowSpread": "border-link-focus-ring-shadow-spread",
+    "borderWidthCard": "border-width-card",
+    "borderWidthCardHighlighted": "border-width-card-highlighted",
     "borderWidthAlert": "border-width-alert",
     "borderWidthButton": "border-width-button",
     "borderWidthDropdown": "border-width-dropdown",
@@ -12928,8 +13063,10 @@ module.exports.preset = {
     "spaceCalendarGridFocusOutlineGutter": "space-calendar-grid-focus-outline-gutter",
     "spaceCalendarGridSelectedFocusOutlineGutter": "space-calendar-grid-selected-focus-outline-gutter",
     "spaceCalendarGridGutter": "space-calendar-grid-gutter",
-    "spaceCardHorizontal": "space-card-horizontal",
-    "spaceCardVertical": "space-card-vertical",
+    "spaceCardHorizontalDefault": "space-card-horizontal-default",
+    "spaceCardHorizontalEmbedded": "space-card-horizontal-embedded",
+    "spaceCardVerticalDefault": "space-card-vertical-default",
+    "spaceCardVerticalEmbedded": "space-card-vertical-embedded",
     "spaceCodeEditorStatusFocusOutlineGutter": "space-code-editor-status-focus-outline-gutter",
     "spaceContainerContentTop": "space-container-content-top",
     "spaceContainerHeaderTop": "space-container-header-top",
@@ -13015,6 +13152,7 @@ module.exports.preset = {
     "spaceXl": "space-xl",
     "spaceXxl": "space-xxl",
     "spaceXxxl": "space-xxxl",
+    "shadowCard": "shadow-card",
     "shadowContainer": "shadow-container",
     "shadowContainerActive": "shadow-container-active",
     "shadowDropdown": "shadow-dropdown",
@@ -13340,6 +13478,7 @@ module.exports.preset = {
     "colorBackgroundCodeEditorLoading": "--color-background-code-editor-loading-6nwpin",
     "colorBackgroundCodeEditorPaneItemHover": "--color-background-code-editor-pane-item-hover-z6k9mr",
     "colorBackgroundCodeEditorStatusBar": "--color-background-code-editor-status-bar-yjtxod",
+    "colorBackgroundCard": "--color-background-card-p5vrq0",
     "colorBackgroundContainerContent": "--color-background-container-content-6u8rvp",
     "colorBackgroundContainerHeader": "--color-background-container-header-gs3mbe",
     "colorBackgroundControlChecked": "--color-background-control-checked-ka7kc2",
@@ -13430,6 +13569,8 @@ module.exports.preset = {
     "colorBorderCodeEditorAceActiveLineDarkTheme": "--color-border-code-editor-ace-active-line-dark-theme-v09eti",
     "colorBorderCodeEditorDefault": "--color-border-code-editor-default-2bfcfq",
     "colorBorderCodeEditorPaneItemHover": "--color-border-code-editor-pane-item-hover-wvblek",
+    "colorBorderCard": "--color-border-card-3n24fu",
+    "colorBorderCardHighlighted": "--color-border-card-highlighted-ygosod",
     "colorBorderContainerDivider": "--color-border-container-divider-9huz1a",
     "colorBorderContainerTop": "--color-border-container-top-k3vmoz",
     "colorBorderControlChecked": "--color-border-control-checked-bdv28l",
@@ -13593,6 +13734,7 @@ module.exports.preset = {
     "fontDisplayLabelWeight": "--font-display-label-weight-zavpeo",
     "fontExpandableHeadingSize": "--font-expandable-heading-size-0uk059",
     "fontFamilyBase": "--font-family-base-gmnpzl",
+    "fontFamilyDisplay": "--font-family-display-a93nj0",
     "fontFamilyHeading": "--font-family-heading-ugphat",
     "fontFamilyMonospace": "--font-family-monospace-q47m7k",
     "fontHeaderH2DescriptionLineHeight": "--font-header-h2-description-line-height-ts2s6o",
@@ -13658,6 +13800,8 @@ module.exports.preset = {
     "borderRadiusButton": "--border-radius-button-7bgkcs",
     "borderRadiusCalendarDayFocusRing": "--border-radius-calendar-day-focus-ring-xvvbuc",
     "borderRadiusCodeEditor": "--border-radius-code-editor-5palck",
+    "borderRadiusCardDefault": "--border-radius-card-default-d8ipr7",
+    "borderRadiusCardEmbedded": "--border-radius-card-embedded-fvclp8",
     "borderRadiusContainer": "--border-radius-container-nsfwmm",
     "borderRadiusControlCircularFocusRing": "--border-radius-control-circular-focus-ring-yjhscw",
     "borderRadiusControlDefaultFocusRing": "--border-radius-control-default-focus-ring-1uabki",
@@ -13675,6 +13819,8 @@ module.exports.preset = {
     "borderTableStickyWidth": "--border-table-sticky-width-ai31mi",
     "borderLinkFocusRingOutline": "--border-link-focus-ring-outline-1p0hnu",
     "borderLinkFocusRingShadowSpread": "--border-link-focus-ring-shadow-spread-39uvxr",
+    "borderWidthCard": "--border-width-card-x24gzt",
+    "borderWidthCardHighlighted": "--border-width-card-highlighted-x17dhn",
     "borderWidthAlert": "--border-width-alert-tuifgy",
     "borderWidthButton": "--border-width-button-jm0qg7",
     "borderWidthDropdown": "--border-width-dropdown-youcay",
@@ -13749,8 +13895,10 @@ module.exports.preset = {
     "spaceCalendarGridFocusOutlineGutter": "--space-calendar-grid-focus-outline-gutter-vvh43m",
     "spaceCalendarGridSelectedFocusOutlineGutter": "--space-calendar-grid-selected-focus-outline-gutter-dy6gf8",
     "spaceCalendarGridGutter": "--space-calendar-grid-gutter-zojo6r",
-    "spaceCardHorizontal": "--space-card-horizontal-8o8t31",
-    "spaceCardVertical": "--space-card-vertical-uad0cc",
+    "spaceCardHorizontalDefault": "--space-card-horizontal-default-pihe12",
+    "spaceCardHorizontalEmbedded": "--space-card-horizontal-embedded-sasxhu",
+    "spaceCardVerticalDefault": "--space-card-vertical-default-e40tif",
+    "spaceCardVerticalEmbedded": "--space-card-vertical-embedded-30pnhg",
     "spaceCodeEditorStatusFocusOutlineGutter": "--space-code-editor-status-focus-outline-gutter-o87hra",
     "spaceContainerContentTop": "--space-container-content-top-1wtqrc",
     "spaceContainerHeaderTop": "--space-container-header-top-am4vzw",
@@ -13836,6 +13984,7 @@ module.exports.preset = {
     "spaceXl": "--space-xl-jfy3x4",
     "spaceXxl": "--space-xxl-32srm4",
     "spaceXxxl": "--space-xxxl-aut1u7",
+    "shadowCard": "--shadow-card-hmrw4q",
     "shadowContainer": "--shadow-container-53ltfv",
     "shadowContainerActive": "--shadow-container-active-ypjjoc",
     "shadowDropdown": "--shadow-dropdown-isf0w4",