@cloudscape-design/components-themeable 3.0.1372 → 3.0.1374

package/lib/internal/template/internal/generated/theming/index.js

@@ -2039,6 +2039,10 @@ export var preset = {
         "light": "{colorBackgroundStatusInfo}",
         "dark": "{colorBackgroundStatusInfo}"
       },
+      "colorBackgroundDialogDefault": {
+        "light": "{colorBackgroundCard}",
+        "dark": "{colorBackgroundCard}"
+      },
       "colorBackgroundStatusSuccess": {
         "light": "{colorSuccess50}",
         "dark": "{colorSuccess1000}"
@@ -2411,6 +2415,10 @@ export var preset = {
         "light": "{colorBorderStatusInfo}",
         "dark": "{colorBorderStatusInfo}"
       },
+      "colorBorderDialogDefault": {
+        "light": "{colorBorderCard}",
+        "dark": "{colorBorderCard}"
+      },
       "colorBorderDividerInteractiveDefault": {
         "light": "{colorNeutral500}",
         "dark": "{colorNeutral300}"
@@ -3352,6 +3360,7 @@ export var preset = {
       "borderRadiusSideNavigationItemCollapsed": "50%",
       "borderRadiusItemCardDefault": "{borderRadiusCardDefault}",
       "borderRadiusItemCardEmbedded": "{borderRadiusCardEmbedded}",
+      "borderRadiusDialog": "{borderRadiusCardEmbedded}",
       "borderRadiusPopover": "{borderRadiusInput}",
       "borderRadiusSkeleton": "8px",
       "borderRadiusStatusIndicator": "{borderRadiusBadge}",
@@ -3384,6 +3393,7 @@ export var preset = {
       "borderWidthIconXSmall": "1.5px",
       "borderWidthItemCard": "{borderWidthCard}",
       "borderWidthItemCardHighlighted": "{borderWidthCardSelected}",
+      "borderWidthDialog": "{borderWidthCard}",
       "borderWidthItemSelected": "2px",
       "borderWidthLayoutSideNavigation": "{borderDividerSectionWidth}",
       "borderWidthBadge": "0px",
@@ -3729,6 +3739,30 @@ export var preset = {
         "comfortable": "{spaceCardVerticalEmbedded}",
         "compact": "{spaceCardVerticalEmbedded}"
       },
+      "spaceDialogHorizontal": {
+        "comfortable": "{spaceCardHorizontalEmbedded}",
+        "compact": "{spaceCardHorizontalEmbedded}"
+      },
+      "spaceDialogVertical": {
+        "comfortable": "{spaceCardVerticalEmbedded}",
+        "compact": "{spaceCardVerticalEmbedded}"
+      },
+      "spaceDialogActionBlock": {
+        "comfortable": "{spaceScaledXxs}",
+        "compact": "{spaceScaledXxs}"
+      },
+      "spaceDialogActionInline": {
+        "comfortable": "{spaceXxs}",
+        "compact": "{spaceXxs}"
+      },
+      "spaceDialogHeaderGap": {
+        "comfortable": "{spaceXs}",
+        "compact": "{spaceXs}"
+      },
+      "spaceDialogSectionGap": {
+        "comfortable": "{spaceXxs}",
+        "compact": "{spaceXxs}"
+      },
       "spaceCodeEditorStatusFocusOutlineGutter": {
         "comfortable": "-7px",
         "compact": "-7px"
@@ -4125,6 +4159,10 @@ export var preset = {
         "light": "{shadowCard}",
         "dark": "{shadowCard}"
       },
+      "shadowDialog": {
+        "light": "{shadowCard}",
+        "dark": "{shadowCard}"
+      },
       "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)"
@@ -4291,6 +4329,30 @@ export var preset = {
             "comfortable": "{spaceCardVerticalEmbedded}",
             "compact": "{spaceCardVerticalEmbedded}"
           },
+          "spaceDialogHorizontal": {
+            "comfortable": "{spaceCardHorizontalEmbedded}",
+            "compact": "{spaceCardHorizontalEmbedded}"
+          },
+          "spaceDialogVertical": {
+            "comfortable": "{spaceCardVerticalEmbedded}",
+            "compact": "{spaceCardVerticalEmbedded}"
+          },
+          "spaceDialogActionBlock": {
+            "comfortable": "{spaceScaledXxs}",
+            "compact": "{spaceScaledXxs}"
+          },
+          "spaceDialogActionInline": {
+            "comfortable": "{spaceXxs}",
+            "compact": "{spaceXxs}"
+          },
+          "spaceDialogHeaderGap": {
+            "comfortable": "{spaceXs}",
+            "compact": "{spaceXs}"
+          },
+          "spaceDialogSectionGap": {
+            "comfortable": "{spaceXxs}",
+            "compact": "{spaceXxs}"
+          },
           "spaceCodeEditorStatusFocusOutlineGutter": {
             "comfortable": "-7px",
             "compact": "-7px"
@@ -5169,6 +5231,10 @@ export var preset = {
             "light": "{colorBackgroundStatusInfo}",
             "dark": "{colorBackgroundStatusInfo}"
           },
+          "colorBackgroundDialogDefault": {
+            "light": "{colorBackgroundCard}",
+            "dark": "{colorBackgroundCard}"
+          },
           "colorBackgroundStatusSuccess": {
             "light": "{colorSuccess1000}",
             "dark": "{colorSuccess1000}"
@@ -5541,6 +5607,10 @@ export var preset = {
             "light": "{colorBorderStatusInfo}",
             "dark": "{colorBorderStatusInfo}"
           },
+          "colorBorderDialogDefault": {
+            "light": "{colorBorderCard}",
+            "dark": "{colorBorderCard}"
+          },
           "colorBorderDividerInteractiveDefault": {
             "light": "{colorNeutral300}",
             "dark": "{colorNeutral300}"
@@ -6533,6 +6603,10 @@ export var preset = {
             "light": "{shadowCard}",
             "dark": "{shadowCard}"
           },
+          "shadowDialog": {
+            "light": "{shadowCard}",
+            "dark": "{shadowCard}"
+          },
           "shadowContainer": {
             "light": "0px 1px 8px 2px rgba(0, 7, 22, 0.6)",
             "dark": "0px 1px 8px 2px rgba(0, 7, 22, 0.6)"
@@ -7077,6 +7151,10 @@ export var preset = {
             "light": "{colorBackgroundStatusInfo}",
             "dark": "{colorBackgroundStatusInfo}"
           },
+          "colorBackgroundDialogDefault": {
+            "light": "{colorBackgroundCard}",
+            "dark": "{colorBackgroundCard}"
+          },
           "colorBackgroundStatusSuccess": {
             "light": "{colorSuccess1000}",
             "dark": "{colorSuccess1000}"
@@ -7449,6 +7527,10 @@ export var preset = {
             "light": "{colorBorderStatusInfo}",
             "dark": "{colorBorderStatusInfo}"
           },
+          "colorBorderDialogDefault": {
+            "light": "{colorBorderCard}",
+            "dark": "{colorBorderCard}"
+          },
           "colorBorderDividerInteractiveDefault": {
             "light": "{colorNeutral300}",
             "dark": "{colorNeutral300}"
@@ -8923,6 +9005,10 @@ export var preset = {
             "light": "{colorBackgroundStatusInfo}",
             "dark": "{colorBackgroundStatusInfo}"
           },
+          "colorBackgroundDialogDefault": {
+            "light": "{colorBackgroundCard}",
+            "dark": "{colorBackgroundCard}"
+          },
           "colorBackgroundStatusSuccess": {
             "light": "{colorSuccess50}",
             "dark": "{colorSuccess1000}"
@@ -9295,6 +9381,10 @@ export var preset = {
             "light": "{colorBorderStatusInfo}",
             "dark": "{colorBorderStatusInfo}"
           },
+          "colorBorderDialogDefault": {
+            "light": "{colorBorderCard}",
+            "dark": "{colorBorderCard}"
+          },
           "colorBorderDividerInteractiveDefault": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral300}"
@@ -10605,6 +10695,10 @@ export var preset = {
             "light": "{colorBackgroundStatusInfo}",
             "dark": "{colorBackgroundStatusInfo}"
           },
+          "colorBackgroundDialogDefault": {
+            "light": "{colorBackgroundCard}",
+            "dark": "{colorBackgroundCard}"
+          },
           "colorBackgroundStatusSuccess": {
             "light": "{colorSuccess50}",
             "dark": "{colorSuccess1000}"
@@ -10977,6 +11071,10 @@ export var preset = {
             "light": "{colorBorderStatusInfo}",
             "dark": "{colorBorderStatusInfo}"
           },
+          "colorBorderDialogDefault": {
+            "light": "{colorBorderCard}",
+            "dark": "{colorBorderCard}"
+          },
           "colorBorderDividerInteractiveDefault": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral300}"
@@ -12287,6 +12385,10 @@ export var preset = {
             "light": "{colorBackgroundStatusInfo}",
             "dark": "{colorBackgroundStatusInfo}"
           },
+          "colorBackgroundDialogDefault": {
+            "light": "{colorBackgroundCard}",
+            "dark": "{colorBackgroundCard}"
+          },
           "colorBackgroundStatusSuccess": {
             "light": "{colorSuccess50}",
             "dark": "{colorSuccess1000}"
@@ -12659,6 +12761,10 @@ export var preset = {
             "light": "{colorBorderStatusInfo}",
             "dark": "{colorBorderStatusInfo}"
           },
+          "colorBorderDialogDefault": {
+            "light": "{colorBorderCard}",
+            "dark": "{colorBorderCard}"
+          },
           "colorBorderDividerInteractiveDefault": {
             "light": "{colorNeutral500}",
             "dark": "{colorNeutral300}"
@@ -13971,6 +14077,10 @@ export var preset = {
             "light": "{colorBackgroundStatusInfo}",
             "dark": "{colorBackgroundStatusInfo}"
           },
+          "colorBackgroundDialogDefault": {
+            "light": "{colorBackgroundCard}",
+            "dark": "{colorBackgroundCard}"
+          },
           "colorBackgroundStatusSuccess": {
             "light": "{colorSuccess1000}",
             "dark": "{colorSuccess1000}"
@@ -14343,6 +14453,10 @@ export var preset = {
             "light": "{colorBorderStatusInfo}",
             "dark": "{colorBorderStatusInfo}"
           },
+          "colorBorderDialogDefault": {
+            "light": "{colorBorderCard}",
+            "dark": "{colorBorderCard}"
+          },
           "colorBorderDividerInteractiveDefault": {
             "light": "{colorNeutral300}",
             "dark": "{colorNeutral300}"
@@ -15671,6 +15785,7 @@ export var preset = {
       "colorBackgroundAlertSuccess": "color",
       "colorBackgroundAlertWarning": "color",
       "colorBackgroundDialog": "color",
+      "colorBackgroundDialogDefault": "color",
       "colorBackgroundStatusSuccess": "color",
       "colorBackgroundStatusWarning": "color",
       "colorBackgroundTableHeader": "color",
@@ -15764,6 +15879,7 @@ export var preset = {
       "colorBorderStatusSuccess": "color",
       "colorBorderStatusWarning": "color",
       "colorBorderDialog": "color",
+      "colorBorderDialogDefault": "color",
       "colorBorderDividerInteractiveDefault": "color",
       "colorBorderTabsDivider": "color",
       "colorBorderTabsShadow": "color",
@@ -16055,6 +16171,12 @@ export var preset = {
       "spaceItemCardHorizontalEmbedded": "density",
       "spaceItemCardVerticalDefault": "density",
       "spaceItemCardVerticalEmbedded": "density",
+      "spaceDialogHorizontal": "density",
+      "spaceDialogVertical": "density",
+      "spaceDialogActionBlock": "density",
+      "spaceDialogActionInline": "density",
+      "spaceDialogHeaderGap": "density",
+      "spaceDialogSectionGap": "density",
       "spaceCodeEditorStatusFocusOutlineGutter": "density",
       "spaceContainerContentTop": "density",
       "spaceContainerHeaderTop": "density",
@@ -16154,6 +16276,7 @@ export var preset = {
       "spaceXxxl": "density",
       "shadowCard": "color",
       "shadowItemCard": "color",
+      "shadowDialog": "color",
       "shadowContainer": "color",
       "shadowContainerActive": "color",
       "shadowDropdown": "color",
@@ -16617,6 +16740,7 @@ export var preset = {
     "colorBackgroundStatusError",
     "colorBackgroundStatusInfo",
     "colorBackgroundDialog",
+    "colorBackgroundDialogDefault",
     "colorBackgroundStatusSuccess",
     "colorBackgroundStatusWarning",
     "colorBackgroundTilesDisabled",
@@ -16676,6 +16800,7 @@ export var preset = {
     "colorBorderStatusSuccess",
     "colorBorderStatusWarning",
     "colorBorderDialog",
+    "colorBorderDialogDefault",
     "colorForegroundControlDefault",
     "colorForegroundControlDisabled",
     "colorForegroundControlReadOnly",
@@ -16872,6 +16997,7 @@ export var preset = {
     "borderRadiusItem",
     "borderRadiusSideNavigationItem",
     "borderRadiusSideNavigationItemCollapsed",
+    "borderRadiusDialog",
     "borderRadiusPopover",
     "borderRadiusStatusIndicator",
     "borderRadiusTabsFocusRing",
@@ -16900,6 +17026,7 @@ export var preset = {
     "borderWidthIconNormal",
     "borderWidthIconSmall",
     "borderWidthIconXSmall",
+    "borderWidthDialog",
     "borderWidthItemSelected",
     "borderWidthLayoutSideNavigation",
     "borderWidthBadge",
@@ -16920,6 +17047,12 @@ export var preset = {
     "spaceCardHorizontalEmbedded",
     "spaceCardVerticalDefault",
     "spaceCardVerticalEmbedded",
+    "spaceDialogHorizontal",
+    "spaceDialogVertical",
+    "spaceDialogActionBlock",
+    "spaceDialogActionInline",
+    "spaceDialogHeaderGap",
+    "spaceDialogSectionGap",
     "spaceTabsVertical",
     "spaceSideNavigationItemDefaultGap",
     "spaceSideNavigationItemIconGap",
@@ -16928,7 +17061,8 @@ export var preset = {
     "spaceActionCardVerticalDefault",
     "spaceActionCardVerticalEmbedded",
     "spaceStatusIndicatorPaddingHorizontal",
-    "shadowCard"
+    "shadowCard",
+    "shadowDialog"
   ],
   "exposed": [
     "colorChartsRed300",
@@ -18002,6 +18136,7 @@ export var preset = {
     "colorBackgroundAlertSuccess": "color-background-alert-success",
     "colorBackgroundAlertWarning": "color-background-alert-warning",
     "colorBackgroundDialog": "color-background-dialog",
+    "colorBackgroundDialogDefault": "color-background-dialog-default",
     "colorBackgroundStatusSuccess": "color-background-status-success",
     "colorBackgroundStatusWarning": "color-background-status-warning",
     "colorBackgroundTableHeader": "color-background-table-header",
@@ -18095,6 +18230,7 @@ export var preset = {
     "colorBorderStatusSuccess": "color-border-status-success",
     "colorBorderStatusWarning": "color-border-status-warning",
     "colorBorderDialog": "color-border-dialog",
+    "colorBorderDialogDefault": "color-border-dialog-default",
     "colorBorderDividerInteractiveDefault": "color-border-divider-interactive-default",
     "colorBorderTabsDivider": "color-border-tabs-divider",
     "colorBorderTabsShadow": "color-border-tabs-shadow",
@@ -18418,6 +18554,7 @@ export var preset = {
     "borderRadiusSideNavigationItemCollapsed": "border-radius-side-navigation-item-collapsed",
     "borderRadiusItemCardDefault": "border-radius-item-card-default",
     "borderRadiusItemCardEmbedded": "border-radius-item-card-embedded",
+    "borderRadiusDialog": "border-radius-dialog",
     "borderRadiusPopover": "border-radius-popover",
     "borderRadiusSkeleton": "border-radius-skeleton",
     "borderRadiusStatusIndicator": "border-radius-status-indicator",
@@ -18450,6 +18587,7 @@ export var preset = {
     "borderWidthIconXSmall": "border-width-icon-x-small",
     "borderWidthItemCard": "border-width-item-card",
     "borderWidthItemCardHighlighted": "border-width-item-card-highlighted",
+    "borderWidthDialog": "border-width-dialog",
     "borderWidthItemSelected": "border-width-item-selected",
     "borderWidthLayoutSideNavigation": "border-width-layout-side-navigation",
     "borderWidthBadge": "border-width-badge",
@@ -18540,6 +18678,12 @@ export var preset = {
     "spaceItemCardHorizontalEmbedded": "space-item-card-horizontal-embedded",
     "spaceItemCardVerticalDefault": "space-item-card-vertical-default",
     "spaceItemCardVerticalEmbedded": "space-item-card-vertical-embedded",
+    "spaceDialogHorizontal": "space-dialog-horizontal",
+    "spaceDialogVertical": "space-dialog-vertical",
+    "spaceDialogActionBlock": "space-dialog-action-block",
+    "spaceDialogActionInline": "space-dialog-action-inline",
+    "spaceDialogHeaderGap": "space-dialog-header-gap",
+    "spaceDialogSectionGap": "space-dialog-section-gap",
     "spaceCodeEditorStatusFocusOutlineGutter": "space-code-editor-status-focus-outline-gutter",
     "spaceContainerContentTop": "space-container-content-top",
     "spaceContainerHeaderTop": "space-container-header-top",
@@ -18639,6 +18783,7 @@ export var preset = {
     "spaceXxxl": "space-xxxl",
     "shadowCard": "shadow-card",
     "shadowItemCard": "shadow-item-card",
+    "shadowDialog": "shadow-dialog",
     "shadowContainer": "shadow-container",
     "shadowContainerActive": "shadow-container-active",
     "shadowDropdown": "shadow-dropdown",
@@ -19157,6 +19302,7 @@ export var preset = {
     "colorBackgroundAlertSuccess": "--color-background-alert-success-9dyn87",
     "colorBackgroundAlertWarning": "--color-background-alert-warning-021z3n",
     "colorBackgroundDialog": "--color-background-dialog-l7uuft",
+    "colorBackgroundDialogDefault": "--color-background-dialog-default-xpvorm",
     "colorBackgroundStatusSuccess": "--color-background-status-success-1woffs",
     "colorBackgroundStatusWarning": "--color-background-status-warning-52cylj",
     "colorBackgroundTableHeader": "--color-background-table-header-pgyagt",
@@ -19250,6 +19396,7 @@ export var preset = {
     "colorBorderStatusSuccess": "--color-border-status-success-zsy8d6",
     "colorBorderStatusWarning": "--color-border-status-warning-zj1tu9",
     "colorBorderDialog": "--color-border-dialog-c9wxm6",
+    "colorBorderDialogDefault": "--color-border-dialog-default-8c0afg",
     "colorBorderDividerInteractiveDefault": "--color-border-divider-interactive-default-cs7tmi",
     "colorBorderTabsDivider": "--color-border-tabs-divider-sog0al",
     "colorBorderTabsShadow": "--color-border-tabs-shadow-egq8wq",
@@ -19573,6 +19720,7 @@ export var preset = {
     "borderRadiusSideNavigationItemCollapsed": "--border-radius-side-navigation-item-collapsed-mi3uty",
     "borderRadiusItemCardDefault": "--border-radius-item-card-default-nurfq3",
     "borderRadiusItemCardEmbedded": "--border-radius-item-card-embedded-patnwm",
+    "borderRadiusDialog": "--border-radius-dialog-adcisc",
     "borderRadiusPopover": "--border-radius-popover-pmwd0c",
     "borderRadiusSkeleton": "--border-radius-skeleton-0r7m8y",
     "borderRadiusStatusIndicator": "--border-radius-status-indicator-1d9bsf",
@@ -19605,6 +19753,7 @@ export var preset = {
     "borderWidthIconXSmall": "--border-width-icon-x-small-3m5wt5",
     "borderWidthItemCard": "--border-width-item-card-6sthd9",
     "borderWidthItemCardHighlighted": "--border-width-item-card-highlighted-1jvaro",
+    "borderWidthDialog": "--border-width-dialog-6bh1ii",
     "borderWidthItemSelected": "--border-width-item-selected-l41fek",
     "borderWidthLayoutSideNavigation": "--border-width-layout-side-navigation-q0k26x",
     "borderWidthBadge": "--border-width-badge-p88itr",
@@ -19695,6 +19844,12 @@ export var preset = {
     "spaceItemCardHorizontalEmbedded": "--space-item-card-horizontal-embedded-0dtpkm",
     "spaceItemCardVerticalDefault": "--space-item-card-vertical-default-vibtiz",
     "spaceItemCardVerticalEmbedded": "--space-item-card-vertical-embedded-i4sbwc",
+    "spaceDialogHorizontal": "--space-dialog-horizontal-f19fik",
+    "spaceDialogVertical": "--space-dialog-vertical-24ji2g",
+    "spaceDialogActionBlock": "--space-dialog-action-block-jznvno",
+    "spaceDialogActionInline": "--space-dialog-action-inline-tb23m8",
+    "spaceDialogHeaderGap": "--space-dialog-header-gap-h3tlnk",
+    "spaceDialogSectionGap": "--space-dialog-section-gap-xh4b86",
     "spaceCodeEditorStatusFocusOutlineGutter": "--space-code-editor-status-focus-outline-gutter-udne29",
     "spaceContainerContentTop": "--space-container-content-top-ryubqz",
     "spaceContainerHeaderTop": "--space-container-header-top-3txhx4",
@@ -19794,6 +19949,7 @@ export var preset = {
     "spaceXxxl": "--space-xxxl-pjngik",
     "shadowCard": "--shadow-card-9fwoie",
     "shadowItemCard": "--shadow-item-card-ltzk0y",
+    "shadowDialog": "--shadow-dialog-q0m0rn",
     "shadowContainer": "--shadow-container-quglkl",
     "shadowContainerActive": "--shadow-container-active-iomjxu",
     "shadowDropdown": "--shadow-dropdown-ogwesf",

package/lib/internal/template/internal/utils/locale/normalize-locale.js

@@ -20,14 +20,17 @@ function checkLocale(component, locale) {
         return '';
     }
     // Support underscore-delimited locales
-    locale = locale && locale.replace(/^([a-z]{2})_/, '$1-');
-    // Check that the value matches aa-BB pattern
+    locale = locale.replace(/^([a-zA-Z]{2})_/, '$1-');
+    // Check that the value matches aa-BB pattern, case-insensitively:
+    // locales are matched case-insensitively per BCP 47, and e.g. I18nProvider lowercases its locale.
     // TODO: support full BCP 47 spec?
-    if (locale && !locale.match(/^[a-z]{2}(-[A-Z]{2})?$/)) {
+    const match = locale.match(/^([a-zA-Z]{2})(?:-([a-zA-Z]{2}))?$/);
+    if (!match) {
         warnOnce(component, `Invalid locale provided: ${locale}. Falling back to default`);
-        locale = '';
+        return '';
     }
-    return locale;
+    // Normalize to the canonical aa-BB casing.
+    return match[2] ? `${match[1].toLowerCase()}-${match[2].toUpperCase()}` : match[1].toLowerCase();
 }
 function getHtmlElement() {
     return typeof document !== 'undefined' ? document.querySelector('html') : null;

package/lib/internal/template/internal/utils/locale/normalize-locale.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-locale.js","sourceRoot":"","sources":["../../../../../src/internal/utils/locale/normalize-locale.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,UAAU,eAAe,CAAC,SAAiB,EAAE,MAAqB;;IACtE,MAAM,GAAG,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACxC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC7C,CAAC;IACD,MAAM,UAAU,GAAG,WAAW,CAAC,SAAS,EAAE,MAAA,cAAc,EAAE,0CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IAClF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IACjD,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,SAAS,WAAW,CAAC,SAAiB,EAAE,MAAiC;IACvE,IAAI,CAAC,MAAM,IAAI,MAAM,KAAK,EAAE,EAAE,CAAC;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,uCAAuC;IACvC,MAAM,GAAG,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;IACzD,6CAA6C;IAC7C,kCAAkC;IAClC,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,wBAAwB,CAAC,EAAE,CAAC;QACtD,QAAQ,CAAC,SAAS,EAAE,4BAA4B,MAAM,2BAA2B,CAAC,CAAC;QACnF,MAAM,GAAG,EAAE,CAAC;IACd,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,cAAc;IACrB,OAAO,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjF,CAAC;AAED,SAAS,gBAAgB;IACvB,OAAO,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,MAAM,CAAC;AAC5D,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { mergeLocales } from './merge-locales';\n\nexport function normalizeLocale(component: string, locale: string | null): string {\n  locale = checkLocale(component, locale);\n  const browserLocale = getBrowserLocale();\n  if (locale) {\n    return mergeLocales(locale, browserLocale);\n  }\n  const htmlLocale = checkLocale(component, getHtmlElement()?.getAttribute('lang'));\n  if (htmlLocale) {\n    return mergeLocales(htmlLocale, browserLocale);\n  }\n  return browserLocale;\n}\n\nfunction checkLocale(component: string, locale: string | null | undefined): string {\n  if (!locale || locale === '') {\n    return '';\n  }\n\n  // Support underscore-delimited locales\n  locale = locale && locale.replace(/^([a-z]{2})_/, '$1-');\n  // Check that the value matches aa-BB pattern\n  // TODO: support full BCP 47 spec?\n  if (locale && !locale.match(/^[a-z]{2}(-[A-Z]{2})?$/)) {\n    warnOnce(component, `Invalid locale provided: ${locale}. Falling back to default`);\n    locale = '';\n  }\n  return locale;\n}\n\nfunction getHtmlElement() {\n  return typeof document !== 'undefined' ? document.querySelector('html') : null;\n}\n\nfunction getBrowserLocale() {\n  return new Intl.DateTimeFormat().resolvedOptions().locale;\n}\n"]}
+{"version":3,"file":"normalize-locale.js","sourceRoot":"","sources":["../../../../../src/internal/utils/locale/normalize-locale.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,UAAU,eAAe,CAAC,SAAiB,EAAE,MAAqB;;IACtE,MAAM,GAAG,WAAW,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACxC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC7C,CAAC;IACD,MAAM,UAAU,GAAG,WAAW,CAAC,SAAS,EAAE,MAAA,cAAc,EAAE,0CAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IAClF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,YAAY,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IACjD,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC;AAED,SAAS,WAAW,CAAC,SAAiB,EAAE,MAAiC;IACvE,IAAI,CAAC,MAAM,IAAI,MAAM,KAAK,EAAE,EAAE,CAAC;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,uCAAuC;IACvC,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;IAClD,kEAAkE;IAClE,kGAAkG;IAClG,kCAAkC;IAClC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAC;IACjE,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,QAAQ,CAAC,SAAS,EAAE,4BAA4B,MAAM,2BAA2B,CAAC,CAAC;QACnF,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,2CAA2C;IAC3C,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACnG,CAAC;AAED,SAAS,cAAc;IACrB,OAAO,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACjF,CAAC;AAED,SAAS,gBAAgB;IACvB,OAAO,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,MAAM,CAAC;AAC5D,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { mergeLocales } from './merge-locales';\n\nexport function normalizeLocale(component: string, locale: string | null): string {\n  locale = checkLocale(component, locale);\n  const browserLocale = getBrowserLocale();\n  if (locale) {\n    return mergeLocales(locale, browserLocale);\n  }\n  const htmlLocale = checkLocale(component, getHtmlElement()?.getAttribute('lang'));\n  if (htmlLocale) {\n    return mergeLocales(htmlLocale, browserLocale);\n  }\n  return browserLocale;\n}\n\nfunction checkLocale(component: string, locale: string | null | undefined): string {\n  if (!locale || locale === '') {\n    return '';\n  }\n\n  // Support underscore-delimited locales\n  locale = locale.replace(/^([a-zA-Z]{2})_/, '$1-');\n  // Check that the value matches aa-BB pattern, case-insensitively:\n  // locales are matched case-insensitively per BCP 47, and e.g. I18nProvider lowercases its locale.\n  // TODO: support full BCP 47 spec?\n  const match = locale.match(/^([a-zA-Z]{2})(?:-([a-zA-Z]{2}))?$/);\n  if (!match) {\n    warnOnce(component, `Invalid locale provided: ${locale}. Falling back to default`);\n    return '';\n  }\n  // Normalize to the canonical aa-BB casing.\n  return match[2] ? `${match[1].toLowerCase()}-${match[2].toUpperCase()}` : match[1].toLowerCase();\n}\n\nfunction getHtmlElement() {\n  return typeof document !== 'undefined' ? document.querySelector('html') : null;\n}\n\nfunction getBrowserLocale() {\n  return new Intl.DateTimeFormat().resolvedOptions().locale;\n}\n"]}

package/lib/internal/template/package.json

@@ -60,6 +60,7 @@
     "./date-input": "./date-input/index.js",
     "./date-picker": "./date-picker/index.js",
     "./date-range-picker": "./date-range-picker/index.js",
+    "./dialog": "./dialog/index.js",
     "./divider": "./divider/index.js",
     "./drawer": "./drawer/index.js",
     "./dropdown": "./dropdown/index.js",
@@ -183,6 +184,8 @@
     "./test-utils/selectors/date-picker": "./test-utils/selectors/date-picker/index.js",
     "./test-utils/dom/date-range-picker": "./test-utils/dom/date-range-picker/index.js",
     "./test-utils/selectors/date-range-picker": "./test-utils/selectors/date-range-picker/index.js",
+    "./test-utils/dom/dialog": "./test-utils/dom/dialog/index.js",
+    "./test-utils/selectors/dialog": "./test-utils/selectors/dialog/index.js",
     "./test-utils/dom/divider": "./test-utils/dom/divider/index.js",
     "./test-utils/selectors/divider": "./test-utils/selectors/divider/index.js",
     "./test-utils/dom/drawer": "./test-utils/dom/drawer/index.js",

package/lib/internal/template/split-panel/bottom.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { SplitPanelContentProps, SplitPanelProps } from './interfaces';
+import { SplitPanelContentProps } from './content-props';
+import { SplitPanelProps } from './interfaces';
 interface SplitPanelContentBottomProps extends SplitPanelContentProps {
     appLayoutMaxWidth: React.CSSProperties | undefined;
     closeBehavior: SplitPanelProps['closeBehavior'];

package/lib/internal/template/split-panel/bottom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,OAAO,EAAE,sBAAsB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAMvE,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;IACnD,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,uBAAuB,CAAC,EACtC,aAAa,EACb,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,iBAAiB,GAClB,EAAE,4BAA4B,eAqF9B"}
+{"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAUjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAM/C,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;IACnD,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,uBAAuB,CAAC,EACtC,aAAa,EACb,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,SAAS,EACT,QAAQ,EACR,iBAAiB,GAClB,EAAE,4BAA4B,eAqF9B"}

package/lib/internal/template/split-panel/bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useAppLayoutToolbarDesignEnabled } from '../app-layout/utils/feature-flags';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport * as tokens from '../internal/generated/styles/tokens';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps, SplitPanelProps } from './interfaces';\n\nimport sharedStyles from '../app-layout/resize/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n  closeBehavior: SplitPanelProps['closeBehavior'];\n  hasCustomElements?: boolean;\n}\n\nexport function SplitPanelContentBottom({\n  closeBehavior,\n  baseProps,\n  isOpen,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  ariaLabel,\n  onToggle,\n  hasCustomElements,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const isToolbar = useAppLayoutToolbarDesignEnabled();\n  const {\n    bottomOffset,\n    leftOffset,\n    rightOffset,\n    disableContentPaddings,\n    contentWrapperPaddings,\n    reportHeaderHeight,\n    headerHeight: headerBlockSize,\n    animationDisabled,\n  } = useSplitPanelContext();\n  const isMobile = useMobile();\n\n  const headerRef = useRef<HTMLDivElement>(null);\n\n  useResizeObserver(headerRef, entry => {\n    const visibleHeaderSize = closeBehavior === 'hide' && !isOpen ? 0 : entry.borderBoxHeight;\n    reportHeaderHeight(visibleHeaderSize);\n  });\n\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, {\n        [sharedStyles['with-motion-vertical']]: !animationDisabled,\n        [testUtilStyles['open-position-bottom']]: isOpen,\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-clickable']]: !hasCustomElements,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.refresh]: isRefresh,\n        [styles['with-toolbar']]: isToolbar,\n        [styles.hidden]: closeBehavior === 'hide' && !isOpen,\n      })}\n      onClick={() => !isOpen && !hasCustomElements && onToggle()}\n      style={{\n        insetBlockEnd: bottomOffset,\n        insetInlineStart: leftOffset,\n        insetInlineEnd: rightOffset,\n        blockSize: isOpen\n          ? cappedSize\n          : closeBehavior === 'hide'\n            ? 0\n            : isToolbar && headerBlockSize !== undefined\n              ? `calc(${headerBlockSize}px + ${tokens.borderPanelTopWidth})`\n              : undefined,\n      }}\n      ref={splitPanelRef}\n    >\n      {closeBehavior === 'hide' && !isOpen ? null : (\n        <>\n          {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n          <div\n            className={styles['drawer-content-bottom']}\n            aria-labelledby={panelHeaderId}\n            aria-label={ariaLabel}\n            role=\"region\"\n          >\n            <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n              {header}\n            </div>\n            <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n              <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n                {children}\n              </div>\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useAppLayoutToolbarDesignEnabled } from '../app-layout/utils/feature-flags';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport * as tokens from '../internal/generated/styles/tokens';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './content-props';\nimport { SplitPanelProps } from './interfaces';\n\nimport sharedStyles from '../app-layout/resize/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n  closeBehavior: SplitPanelProps['closeBehavior'];\n  hasCustomElements?: boolean;\n}\n\nexport function SplitPanelContentBottom({\n  closeBehavior,\n  baseProps,\n  isOpen,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  ariaLabel,\n  onToggle,\n  hasCustomElements,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const isToolbar = useAppLayoutToolbarDesignEnabled();\n  const {\n    bottomOffset,\n    leftOffset,\n    rightOffset,\n    disableContentPaddings,\n    contentWrapperPaddings,\n    reportHeaderHeight,\n    headerHeight: headerBlockSize,\n    animationDisabled,\n  } = useSplitPanelContext();\n  const isMobile = useMobile();\n\n  const headerRef = useRef<HTMLDivElement>(null);\n\n  useResizeObserver(headerRef, entry => {\n    const visibleHeaderSize = closeBehavior === 'hide' && !isOpen ? 0 : entry.borderBoxHeight;\n    reportHeaderHeight(visibleHeaderSize);\n  });\n\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, {\n        [sharedStyles['with-motion-vertical']]: !animationDisabled,\n        [testUtilStyles['open-position-bottom']]: isOpen,\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-clickable']]: !hasCustomElements,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.refresh]: isRefresh,\n        [styles['with-toolbar']]: isToolbar,\n        [styles.hidden]: closeBehavior === 'hide' && !isOpen,\n      })}\n      onClick={() => !isOpen && !hasCustomElements && onToggle()}\n      style={{\n        insetBlockEnd: bottomOffset,\n        insetInlineStart: leftOffset,\n        insetInlineEnd: rightOffset,\n        blockSize: isOpen\n          ? cappedSize\n          : closeBehavior === 'hide'\n            ? 0\n            : isToolbar && headerBlockSize !== undefined\n              ? `calc(${headerBlockSize}px + ${tokens.borderPanelTopWidth})`\n              : undefined,\n      }}\n      ref={splitPanelRef}\n    >\n      {closeBehavior === 'hide' && !isOpen ? null : (\n        <>\n          {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n          <div\n            className={styles['drawer-content-bottom']}\n            aria-labelledby={panelHeaderId}\n            aria-label={ariaLabel}\n            role=\"region\"\n          >\n            <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n              {header}\n            </div>\n            <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n              <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n                {children}\n              </div>\n            </div>\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n"]}

package/lib/internal/template/split-panel/content-props.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { BaseComponentProps } from '../types/base-component';
+/** Props the split panel implementation passes to its bottom/side content renderers. Not public API. */
+export interface SplitPanelContentProps {
+    style: React.CSSProperties;
+    baseProps: BaseComponentProps;
+    isOpen?: boolean;
+    splitPanelRef?: React.Ref<any>;
+    cappedSize: number;
+    panelHeaderId?: string;
+    ariaLabel?: string;
+    resizeHandle: React.ReactNode;
+    header: React.ReactNode;
+    children: React.ReactNode;
+    onToggle: () => void;
+}
+//# sourceMappingURL=content-props.d.ts.map

package/lib/internal/template/split-panel/content-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-props.d.ts","sourceRoot":"","sources":["../../../src/split-panel/content-props.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,wGAAwG;AACxG,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}

package/lib/internal/template/split-panel/content-props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=content-props.js.map

package/lib/internal/template/split-panel/content-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-props.js","sourceRoot":"","sources":["../../../src/split-panel/content-props.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../types/base-component';\n\n/** Props the split panel implementation passes to its bottom/side content renderers. Not public API. */\nexport interface SplitPanelContentProps {\n  style: React.CSSProperties;\n  baseProps: BaseComponentProps;\n  isOpen?: boolean;\n  splitPanelRef?: React.Ref<any>;\n  cappedSize: number;\n  panelHeaderId?: string;\n  ariaLabel?: string;\n  resizeHandle: React.ReactNode;\n  header: React.ReactNode;\n  children: React.ReactNode;\n  onToggle: () => void;\n}\n"]}

package/lib/internal/template/split-panel/interfaces.d.ts

@@ -66,17 +66,4 @@ export declare namespace SplitPanelProps {
         resizeHandleTooltipText?: string;
     }
 }
-export interface SplitPanelContentProps {
-    style: React.CSSProperties;
-    baseProps: BaseComponentProps;
-    isOpen?: boolean;
-    splitPanelRef?: React.Ref<any>;
-    cappedSize: number;
-    panelHeaderId?: string;
-    ariaLabel?: string;
-    resizeHandle: React.ReactNode;
-    header: React.ReactNode;
-    children: React.ReactNode;
-    onToggle: () => void;
-}
 //# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/split-panel/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/split-panel/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACpC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;;;;;;;;OAaG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAE1C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,WAAW;QAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,8BAA8B,CAAC,EAAE,MAAM,CAAC;QACxC,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;QACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,yBAAyB,CAAC,EAAE,MAAM,CAAC;QACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;KAClC;CACF;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/split-panel/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACpC;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;;;;;;;;OAaG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAE1C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEpC;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,WAAW;QAC1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,8BAA8B,CAAC,EAAE,MAAM,CAAC;QACxC,uBAAuB,CAAC,EAAE,MAAM,CAAC;QACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;QACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,yBAAyB,CAAC,EAAE,MAAM,CAAC;QACnC,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;KAClC;CACF"}

package/lib/internal/template/split-panel/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/split-panel/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface SplitPanelProps extends BaseComponentProps {\n  /**\n   * Header text of the split panel.\n   */\n  header?: string;\n  children: React.ReactNode;\n  /**\n   * Determines whether the split panel collapses or hides completely when closed.\n   */\n  closeBehavior?: 'collapse' | 'hide';\n  /**\n   * When set to `true`, the preferences button is not displayed.\n   */\n  hidePreferencesButton?: boolean;\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * - `closeButtonAriaLabel` - The text of the panel close button aria label.\n   * - `openButtonAriaLabel` - The text of the panel open button aria label.\n   * - `preferencesTitle` - The text of the preferences modal header.\n   * - `preferencesPositionLabel` - The text of the position preference label.\n   * - `preferencesPositionDescription` - The text of the position preference description.\n   * - `preferencesPositionSide` - The text of the side position preference label.\n   * - `preferencesPositionBottom` - The text of the bottom position preference label.\n   * - `preferencesConfirm` - The text of the preference modal confirm button.\n   * - `preferencesCancel` - The text of the preference modal cancel button.\n   * - `resizeHandleAriaLabel` - The label of the resize handle aria label.\n   * @i18n\n   */\n  i18nStrings?: SplitPanelProps.I18nStrings;\n\n  /**\n   * ARIA label for the panel. Use this if the value passed in the `header` property is not descriptive as a label for the panel.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Actions for the header.\n   */\n  headerActions?: React.ReactNode;\n\n  /**\n   * Supplementary text below the heading.\n   */\n  headerDescription?: React.ReactNode;\n\n  /**\n   * The area next to the heading, used to display an Info link.\n   */\n  headerInfo?: React.ReactNode;\n\n  /**\n   * Content displayed before the header text.\n   */\n  headerBefore?: React.ReactNode;\n}\n\nexport namespace SplitPanelProps {\n  export interface I18nStrings {\n    closeButtonAriaLabel?: string;\n    openButtonAriaLabel?: string;\n    preferencesTitle?: string;\n    preferencesPositionLabel?: string;\n    preferencesPositionDescription?: string;\n    preferencesPositionSide?: string;\n    preferencesPositionBottom?: string;\n    preferencesConfirm?: string;\n    preferencesCancel?: string;\n    preferencesCloseAriaLabel?: string;\n    resizeHandleAriaLabel?: string;\n    resizeHandleTooltipText?: string;\n  }\n}\n\nexport interface SplitPanelContentProps {\n  style: React.CSSProperties;\n  baseProps: BaseComponentProps;\n  isOpen?: boolean;\n  splitPanelRef?: React.Ref<any>;\n  cappedSize: number;\n  panelHeaderId?: string;\n  ariaLabel?: string;\n  resizeHandle: React.ReactNode;\n  header: React.ReactNode;\n  children: React.ReactNode;\n  onToggle: () => void;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/split-panel/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface SplitPanelProps extends BaseComponentProps {\n  /**\n   * Header text of the split panel.\n   */\n  header?: string;\n  children: React.ReactNode;\n  /**\n   * Determines whether the split panel collapses or hides completely when closed.\n   */\n  closeBehavior?: 'collapse' | 'hide';\n  /**\n   * When set to `true`, the preferences button is not displayed.\n   */\n  hidePreferencesButton?: boolean;\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   * - `closeButtonAriaLabel` - The text of the panel close button aria label.\n   * - `openButtonAriaLabel` - The text of the panel open button aria label.\n   * - `preferencesTitle` - The text of the preferences modal header.\n   * - `preferencesPositionLabel` - The text of the position preference label.\n   * - `preferencesPositionDescription` - The text of the position preference description.\n   * - `preferencesPositionSide` - The text of the side position preference label.\n   * - `preferencesPositionBottom` - The text of the bottom position preference label.\n   * - `preferencesConfirm` - The text of the preference modal confirm button.\n   * - `preferencesCancel` - The text of the preference modal cancel button.\n   * - `resizeHandleAriaLabel` - The label of the resize handle aria label.\n   * @i18n\n   */\n  i18nStrings?: SplitPanelProps.I18nStrings;\n\n  /**\n   * ARIA label for the panel. Use this if the value passed in the `header` property is not descriptive as a label for the panel.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Actions for the header.\n   */\n  headerActions?: React.ReactNode;\n\n  /**\n   * Supplementary text below the heading.\n   */\n  headerDescription?: React.ReactNode;\n\n  /**\n   * The area next to the heading, used to display an Info link.\n   */\n  headerInfo?: React.ReactNode;\n\n  /**\n   * Content displayed before the header text.\n   */\n  headerBefore?: React.ReactNode;\n}\n\nexport namespace SplitPanelProps {\n  export interface I18nStrings {\n    closeButtonAriaLabel?: string;\n    openButtonAriaLabel?: string;\n    preferencesTitle?: string;\n    preferencesPositionLabel?: string;\n    preferencesPositionDescription?: string;\n    preferencesPositionSide?: string;\n    preferencesPositionBottom?: string;\n    preferencesConfirm?: string;\n    preferencesCancel?: string;\n    preferencesCloseAriaLabel?: string;\n    resizeHandleAriaLabel?: string;\n    resizeHandleTooltipText?: string;\n  }\n}\n"]}