@cloudscape-design/components-themeable 3.0.320 → 3.0.322

package/lib/internal/template/help-panel/styles.scoped.css

@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
-.awsui_help-panel_1d237_ppnjm_94:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -131,32 +131,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   padding: var(--space-scaled-l-w7rqqb, 20px) var(--space-panel-side-right-q7rj50, 32px) 0 var(--space-panel-side-left-v0z44b, 32px);
 }
-.awsui_help-panel_1d237_ppnjm_94 hr:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 hr:not(#\9) {
   border: none;
   border-top: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
   margin: var(--space-scaled-xl-2yypb9, 24px) calc(-1 * var(--space-xs-7veqkr, 8px));
 }
-.awsui_help-panel_1d237_ppnjm_94 ol:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 ul:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 ol:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 ul:not(#\9) {
   padding-left: var(--space-l-z6h7qi, 20px);
   list-style-position: outside;
 }
-.awsui_help-panel_1d237_ppnjm_94 a:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 p:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 ul:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 ol:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 li:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 h2:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 h3:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 h4:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 h5:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 pre:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 code:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 a:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 p:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 ul:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 ol:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 li:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 h2:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 h3:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 h4:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 h5:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 pre:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 code:not(#\9) {
   margin: var(--space-xs-7veqkr, 8px) 0;
   padding-top: 0;
   padding-bottom: 0;
 }
-.awsui_help-panel_1d237_ppnjm_94 code:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 code:not(#\9) {
   font-size: var(--font-body-s-size-v1w8ey, 12px);
   line-height: var(--font-body-s-line-height-jfgg5d, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-bzrysr, normal);
@@ -166,7 +166,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   white-space: pre-wrap;
 }
-.awsui_help-panel_1d237_ppnjm_94 pre:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 pre:not(#\9) {
   font-size: var(--font-body-s-size-v1w8ey, 12px);
   line-height: var(--font-body-s-line-height-jfgg5d, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-bzrysr, normal);
@@ -177,37 +177,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   white-space: pre-wrap;
   padding: var(--space-xxs-xx079q, 4px);
 }
-.awsui_help-panel_1d237_ppnjm_94 dl:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 dl:not(#\9) {
   margin: var(--space-xs-7veqkr, 8px) 0;
   /* stylelint-disable-next-line selector-max-universal */
 }
-.awsui_help-panel_1d237_ppnjm_94 dl *:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 dl *:not(#\9) {
   margin-top: 0;
   margin-bottom: 0;
 }
-.awsui_help-panel_1d237_ppnjm_94 dt:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 dt:not(#\9) {
   margin-top: var(--space-xs-7veqkr, 8px);
   font-weight: 700;
 }
-.awsui_help-panel_1d237_ppnjm_94 dd:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 dd:not(#\9) {
   margin: 0 0 var(--space-xs-7veqkr, 8px);
 }
-.awsui_help-panel_1d237_ppnjm_94 h2:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 h3:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 h4:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 h5:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 h6:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 h2:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 h3:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 h4:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 h5:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 h6:not(#\9) {
   margin-top: var(--space-xl-uesynn, 24px);
   color: var(--color-text-heading-default-pytdm8, #16191f);
 }
-.awsui_help-panel_1d237_ppnjm_94 > :not(#\9):last-child {
+.awsui_help-panel_1d237_1tag4_94 > :not(#\9):last-child {
   margin-bottom: var(--space-scaled-xxxl-r9nxwo, 40px);
 }
-.awsui_help-panel_1d237_ppnjm_94 p:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 p:not(#\9) {
   color: inherit;
   text-decoration: none;
 }
-.awsui_help-panel_1d237_ppnjm_94 h1:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 h1:not(#\9) {
   font-size: var(--font-heading-xl-size-is7x8e, 28px);
   line-height: var(--font-heading-xl-line-height-vkzpnf, 36px);
   letter-spacing: var(--font-heading-xl-letter-spacing-gwr2it, normal);
@@ -215,7 +215,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
 }
-.awsui_help-panel_1d237_ppnjm_94 h2:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 h2:not(#\9) {
   font-size: var(--font-heading-l-size-s5huxt, 18px);
   line-height: var(--font-heading-l-line-height-b1ar04, 22px);
   letter-spacing: var(--font-heading-l-letter-spacing-898wn9, normal);
@@ -223,7 +223,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
 }
-.awsui_help-panel_1d237_ppnjm_94 h3:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 h3:not(#\9) {
   font-size: var(--font-heading-m-size-bwdbnx, 18px);
   line-height: var(--font-heading-m-line-height-ahaded, 22px);
   letter-spacing: var(--font-heading-m-letter-spacing-t3csz2, normal);
@@ -231,7 +231,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
 }
-.awsui_help-panel_1d237_ppnjm_94 h4:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 h4:not(#\9) {
   font-size: var(--font-heading-s-size-dnu1l1, 16px);
   line-height: var(--font-heading-s-line-height-m71f3f, 20px);
   letter-spacing: var(--font-heading-s-letter-spacing-jp7jyt, normal);
@@ -239,63 +239,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
 }
-.awsui_help-panel_1d237_ppnjm_94 h5:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 h5:not(#\9) {
   font-size: var(--font-heading-xs-size-zxjy53, 16px);
   line-height: var(--font-heading-xs-line-height-61ulqg, 20px);
   font-weight: var(--font-heading-xs-weight-5uohdd, 400);
   -webkit-font-smoothing: var(--font-smoothing-webkit-teqshp, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-apq2ca, auto);
 }
-.awsui_help-panel_1d237_ppnjm_94 b:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 strong:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 b:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 strong:not(#\9) {
   font-weight: 700;
 }
-.awsui_help-panel_1d237_ppnjm_94 a:not(#\9) {
-  color: var(--color-text-link-default-0jy39k, #0073bb);
-  font-weight: inherit;
-  letter-spacing: normal;
-  text-decoration: none;
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  text-decoration-color: transparent;
-  transition-property: color, -webkit-text-decoration;
-  transition-property: color, text-decoration;
-  transition-property: color, text-decoration, -webkit-text-decoration;
-  transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
-}
-@media (prefers-reduced-motion: reduce) {
-  .awsui_help-panel_1d237_ppnjm_94 a:not(#\9) {
-    animation: none;
-    transition: none;
-  }
-}
-.awsui-motion-disabled .awsui_help-panel_1d237_ppnjm_94 a:not(#\9), .awsui-mode-entering .awsui_help-panel_1d237_ppnjm_94 a:not(#\9) {
-  animation: none;
-  transition: none;
-}
-.awsui_help-panel_1d237_ppnjm_94 a:not(#\9):hover {
-  cursor: pointer;
-  color: var(--color-text-link-hover-z15m9s, #0073bb);
-}
-.awsui_help-panel_1d237_ppnjm_94 a:not(#\9):focus {
-  outline: none;
-}
-.awsui_help-panel_1d237_ppnjm_94 a:not(#\9):active {
-  color: var(--color-text-link-hover-z15m9s, #0073bb);
-}
-.awsui_help-panel_1d237_ppnjm_94 a:not(#\9):active, .awsui_help-panel_1d237_ppnjm_94 a:not(#\9):focus, .awsui_help-panel_1d237_ppnjm_94 a:not(#\9):hover {
-  text-decoration: underline;
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
-  text-decoration-color: currentColor;
-}
-.awsui_help-panel_1d237_ppnjm_94 a:not(#\9):focus {
-  outline: thin dotted;
-  outline: var(--border-link-focus-ring-outline-e033ba, 5px auto Highlight);
-  outline-offset: 2px;
-  outline-color: var(--color-border-item-focused-4clyb1, #0073bb);
-  border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
-  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-3gfzjd, 0px) var(--color-border-item-focused-4clyb1, #0073bb);
-}
-.awsui_help-panel_1d237_ppnjm_94 .awsui_header_1d237_ppnjm_270:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 .awsui_header_1d237_1tag4_227:not(#\9) {
   font-size: var(--font-panel-header-size-7dlfnh, 18px);
   line-height: var(--font-panel-header-line-height-nzzvgi, 22px);
   font-weight: var(--font-heading-l-weight-hqql3g, 700);
@@ -309,11 +264,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-bottom: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
   margin: 0 calc(-1 * var(--space-panel-side-right-q7rj50, 32px)) var(--space-scaled-l-w7rqqb, 20px) calc(-1 * var(--space-panel-side-left-v0z44b, 32px));
 }
-.awsui_help-panel_1d237_ppnjm_94 .awsui_header_1d237_ppnjm_270 h2:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 .awsui_header_1d237_ppnjm_270 h3:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 .awsui_header_1d237_ppnjm_270 h4:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 .awsui_header_1d237_ppnjm_270 h5:not(#\9),
-.awsui_help-panel_1d237_ppnjm_94 .awsui_header_1d237_ppnjm_270 h6:not(#\9) {
+.awsui_help-panel_1d237_1tag4_94 .awsui_header_1d237_1tag4_227 h2:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 .awsui_header_1d237_1tag4_227 h3:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 .awsui_header_1d237_1tag4_227 h4:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 .awsui_header_1d237_1tag4_227 h5:not(#\9),
+.awsui_help-panel_1d237_1tag4_94 .awsui_header_1d237_1tag4_227 h6:not(#\9) {
   font-size: var(--font-panel-header-size-7dlfnh, 18px);
   line-height: var(--font-panel-header-line-height-nzzvgi, 22px);
   font-weight: var(--font-heading-l-weight-hqql3g, 700);
@@ -325,27 +280,112 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-bottom: 0;
 }
 
-.awsui_content_1d237_ppnjm_300:not(#\9) {
+.awsui_content_1d237_1tag4_257:not(#\9) {
   color: var(--color-text-body-secondary-vrqm14, #545b64);
 }
-.awsui_content_1d237_ppnjm_300 h2:not(#\9):first-child,
-.awsui_content_1d237_ppnjm_300 h3:not(#\9):first-child,
-.awsui_content_1d237_ppnjm_300 h4:not(#\9):first-child,
-.awsui_content_1d237_ppnjm_300 h5:not(#\9):first-child,
-.awsui_content_1d237_ppnjm_300 h6:not(#\9):first-child {
+.awsui_content_1d237_1tag4_257 h2:not(#\9):first-child,
+.awsui_content_1d237_1tag4_257 h3:not(#\9):first-child,
+.awsui_content_1d237_1tag4_257 h4:not(#\9):first-child,
+.awsui_content_1d237_1tag4_257 h5:not(#\9):first-child,
+.awsui_content_1d237_1tag4_257 h6:not(#\9):first-child {
   margin-top: 0;
 }
+.awsui_content_1d237_1tag4_257 a:not(#\9) {
+  color: var(--color-text-link-default-0jy39k, #0073bb);
+  font-weight: var(--font-link-primary-weight-cpyp2f, 700);
+  letter-spacing: var(--font-link-primary-letter-spacing-wsaj96, 0.005em);
+  -webkit-text-decoration: var(--font-link-primary-decoration-azbtan, none);
+          text-decoration: var(--font-link-primary-decoration-azbtan, none);
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  text-decoration-color: var(--color-text-link-primary-underline-ewz0jv, transparent);
+  transition-property: color, -webkit-text-decoration;
+  transition-property: color, text-decoration;
+  transition-property: color, text-decoration, -webkit-text-decoration;
+  transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_content_1d237_1tag4_257 a:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_content_1d237_1tag4_257 a:not(#\9), .awsui-mode-entering .awsui_content_1d237_1tag4_257 a:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_content_1d237_1tag4_257 a:not(#\9):hover {
+  cursor: pointer;
+  color: var(--color-text-link-hover-z15m9s, #0073bb);
+}
+.awsui_content_1d237_1tag4_257 a:not(#\9):focus {
+  outline: none;
+}
+.awsui_content_1d237_1tag4_257 a:not(#\9):active {
+  color: var(--color-text-link-hover-z15m9s, #0073bb);
+}
+.awsui_content_1d237_1tag4_257 a:not(#\9):active, .awsui_content_1d237_1tag4_257 a:not(#\9):focus, .awsui_content_1d237_1tag4_257 a:not(#\9):hover {
+  text-decoration: underline;
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  text-decoration-color: currentColor;
+}
 
-.awsui_footer_1d237_ppnjm_311:not(#\9) {
+.awsui_footer_1d237_1tag4_303:not(#\9) {
   color: var(--color-text-body-secondary-vrqm14, #545b64);
   border-top: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
   margin: var(--space-scaled-xl-2yypb9, 24px) calc(-1 * var(--space-xs-7veqkr, 8px));
   padding: 0 var(--space-s-o95p2n, 12px);
 }
-.awsui_footer_1d237_ppnjm_311 > :not(#\9):first-child {
+.awsui_footer_1d237_1tag4_303 > :not(#\9):first-child {
   margin-top: var(--space-scaled-xl-2yypb9, 24px);
 }
-.awsui_footer_1d237_ppnjm_311 ul:not(#\9) {
+.awsui_footer_1d237_1tag4_303 ul:not(#\9) {
   list-style: none;
   padding-left: 0;
+}
+.awsui_footer_1d237_1tag4_303 a:not(#\9) {
+  color: var(--color-text-link-default-0jy39k, #0073bb);
+  font-weight: inherit;
+  letter-spacing: normal;
+  text-decoration: none;
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  text-decoration-color: transparent;
+  transition-property: color, -webkit-text-decoration;
+  transition-property: color, text-decoration;
+  transition-property: color, text-decoration, -webkit-text-decoration;
+  transition-duration: var(--motion-duration-refresh-only-medium-smx8a1, 165ms);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_footer_1d237_1tag4_303 a:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_footer_1d237_1tag4_303 a:not(#\9), .awsui-mode-entering .awsui_footer_1d237_1tag4_303 a:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_footer_1d237_1tag4_303 a:not(#\9):hover {
+  cursor: pointer;
+  color: var(--color-text-link-hover-z15m9s, #0073bb);
+}
+.awsui_footer_1d237_1tag4_303 a:not(#\9):focus {
+  outline: none;
+}
+.awsui_footer_1d237_1tag4_303 a:not(#\9):active {
+  color: var(--color-text-link-hover-z15m9s, #0073bb);
+}
+.awsui_footer_1d237_1tag4_303 a:not(#\9):active, .awsui_footer_1d237_1tag4_303 a:not(#\9):focus, .awsui_footer_1d237_1tag4_303 a:not(#\9):hover {
+  text-decoration: underline;
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  text-decoration-color: currentColor;
+}
+
+.awsui_content_1d237_1tag4_257 a:not(#\9):focus,
+.awsui_footer_1d237_1tag4_303 a:not(#\9):focus {
+  outline: thin dotted;
+  outline: var(--border-link-focus-ring-outline-e033ba, 5px auto Highlight);
+  outline-offset: 2px;
+  outline-color: var(--color-border-item-focused-4clyb1, #0073bb);
+  border-radius: var(--border-radius-control-default-focus-ring-uu8qi4, 2px);
+  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-3gfzjd, 0px) var(--color-border-item-focused-4clyb1, #0073bb);
 }

package/lib/internal/template/help-panel/styles.selectors.js

@@ -2,9 +2,9 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "help-panel": "awsui_help-panel_1d237_ppnjm_94",
-  "header": "awsui_header_1d237_ppnjm_270",
-  "content": "awsui_content_1d237_ppnjm_300",
-  "footer": "awsui_footer_1d237_ppnjm_311"
+  "help-panel": "awsui_help-panel_1d237_1tag4_94",
+  "header": "awsui_header_1d237_1tag4_227",
+  "content": "awsui_content_1d237_1tag4_257",
+  "footer": "awsui_footer_1d237_1tag4_303"
 };
   

package/lib/internal/template/i18n/context.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-export type CustomHandler<T> = (formatFn: (args: Record<string, string | number>) => string) => T;
+import { I18nFormatArgTypes } from './messages-types';
+export type CustomHandler<ReturnValue, FormatFnArgs> = (formatFn: (args: FormatFnArgs) => string) => ReturnValue;
 export interface FormatFunction {
     (namespace: string, component: string, key: string, provided: string): string;
     (namespace: string, component: string, key: string, provided: string | undefined): string | undefined;
-    <T>(namespace: string, component: string, key: string, provided: T, handler?: CustomHandler<T>): T;
+    <T, A = unknown>(namespace: string, component: string, key: string, provided: T, handler?: CustomHandler<T, A>): T;
 }
 export interface InternalI18nContextProps {
     locale: string | null;
@@ -11,10 +12,16 @@ export interface InternalI18nContextProps {
 }
 export declare const InternalI18nContext: React.Context<InternalI18nContextProps>;
 export declare function useLocale(): string | null;
-export interface ComponentFormatFunction {
-    (key: string, provided: string): string;
-    (key: string, provided: string | undefined): string | undefined;
-    <T>(key: string, provided: T, handler?: CustomHandler<T>): T;
+/**
+ * Utility to get "keyof T" but exclude number or symbol types.
+ * TypeScript allows those types because JS implicitly casts them to string.
+ */
+type StringKeyOf<T> = Extract<keyof T, string>;
+export interface ComponentFormatFunction<ComponentName extends StringKeyOf<I18nFormatArgTypes>> {
+    <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>>(key: MessageKey, provided: string, handler?: CustomHandler<string, I18nFormatArgTypes[ComponentName][MessageKey]>): string;
+    <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>>(key: MessageKey, provided: string | undefined, handler?: CustomHandler<string, I18nFormatArgTypes[ComponentName][MessageKey]>): string | undefined;
+    <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>, ReturnValue>(key: MessageKey, provided: ReturnValue, handler: I18nFormatArgTypes[ComponentName][MessageKey] extends never ? never : CustomHandler<ReturnValue, I18nFormatArgTypes[ComponentName][MessageKey]>): ReturnValue;
 }
-export declare function useInternalI18n(componentName: string): ComponentFormatFunction;
+export declare function useInternalI18n<ComponentName extends StringKeyOf<I18nFormatArgTypes>>(componentName: ComponentName): ComponentFormatFunction<ComponentName>;
+export {};
 //# sourceMappingURL=context.d.ts.map

package/lib/internal/template/i18n/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"lib/default/","sources":["i18n/context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,KAAK,MAAM,KAAK,CAAC,CAAC;AAElG,MAAM,WAAW,cAAc;IAC7B,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9E,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACtG,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;CACpG;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,yCAG9B,CAAC;AAEH,wBAAgB,SAAS,IAAI,MAAM,GAAG,IAAI,CAEzC;AAED,MAAM,WAAW,uBAAuB;IACtC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IACxC,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAChE,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;CAC9D;AAED,wBAAgB,eAAe,CAAC,aAAa,EAAE,MAAM,GAAG,uBAAuB,CAK9E"}
+{"version":3,"file":"context.d.ts","sourceRoot":"lib/default/","sources":["i18n/context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,MAAM,aAAa,CAAC,WAAW,EAAE,YAAY,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,MAAM,KAAK,WAAW,CAAC;AAEjH,MAAM,WAAW,cAAc;IAC7B,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9E,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IACtG,CAAC,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,aAAa,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;CACpH;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,cAAc,CAAC;CACxB;AAED,eAAO,MAAM,mBAAmB,yCAG9B,CAAC;AAEH,wBAAgB,SAAS,IAAI,MAAM,GAAG,IAAI,CAEzC;AAED;;;GAGG;AACH,KAAK,WAAW,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC;AAE/C,MAAM,WAAW,uBAAuB,CAAC,aAAa,SAAS,WAAW,CAAC,kBAAkB,CAAC;IAC5F,CAAC,UAAU,SAAS,WAAW,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,EAChE,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,GAC7E,MAAM,CAAC;IACV,CAAC,UAAU,SAAS,WAAW,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,EAChE,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,OAAO,CAAC,EAAE,aAAa,CAAC,MAAM,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,GAC7E,MAAM,GAAG,SAAS,CAAC;IACtB,CAAC,UAAU,SAAS,WAAW,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,EAC7E,GAAG,EAAE,UAAU,EACf,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,SAAS,KAAK,GAChE,KAAK,GACL,aAAa,CAAC,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAC,GAC5E,WAAW,CAAC;CAChB;AAED,wBAAgB,eAAe,CAAC,aAAa,SAAS,WAAW,CAAC,kBAAkB,CAAC,EACnF,aAAa,EAAE,aAAa,GAC3B,uBAAuB,CAAC,aAAa,CAAC,CASxC"}

package/lib/internal/template/i18n/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"lib/default/","sources":["i18n/context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAe1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAA2B;IAC/E,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,CAAI,UAAkB,EAAE,UAAkB,EAAE,IAAY,EAAE,QAAW,EAAE,EAAE,CAAC,QAAQ;CAC3F,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS;IACvB,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC;AAChD,CAAC;AAQD,MAAM,UAAU,eAAe,CAAC,aAAqB;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACnD,OAAO,CAAI,GAAW,EAAE,QAAW,EAAE,aAAgC,EAAE,EAAE;QACvE,OAAO,MAAM,CAAI,+BAA+B,EAAE,aAAa,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;IACjG,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useContext } from 'react';\n\nexport type CustomHandler<T> = (formatFn: (args: Record<string, string | number>) => string) => T;\n\nexport interface FormatFunction {\n  (namespace: string, component: string, key: string, provided: string): string;\n  (namespace: string, component: string, key: string, provided: string | undefined): string | undefined;\n  <T>(namespace: string, component: string, key: string, provided: T, handler?: CustomHandler<T>): T;\n}\n\nexport interface InternalI18nContextProps {\n  locale: string | null;\n  format: FormatFunction;\n}\n\nexport const InternalI18nContext = React.createContext<InternalI18nContextProps>({\n  locale: null,\n  format: <T>(_namespace: string, _component: string, _key: string, provided: T) => provided,\n});\n\nexport function useLocale(): string | null {\n  return useContext(InternalI18nContext).locale;\n}\n\nexport interface ComponentFormatFunction {\n  (key: string, provided: string): string;\n  (key: string, provided: string | undefined): string | undefined;\n  <T>(key: string, provided: T, handler?: CustomHandler<T>): T;\n}\n\nexport function useInternalI18n(componentName: string): ComponentFormatFunction {\n  const { format } = useContext(InternalI18nContext);\n  return <T>(key: string, provided: T, customHandler?: CustomHandler<T>) => {\n    return format<T>('@cloudscape-design/components', componentName, key, provided, customHandler);\n  };\n}\n"]}
+{"version":3,"file":"context.js","sourceRoot":"lib/default/","sources":["i18n/context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAgB1C,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAA2B;IAC/E,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,CAAI,UAAkB,EAAE,UAAkB,EAAE,IAAY,EAAE,QAAW,EAAE,EAAE,CAAC,QAAQ;CAC3F,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS;IACvB,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC;AAChD,CAAC;AA4BD,MAAM,UAAU,eAAe,CAC7B,aAA4B;IAE5B,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACnD,OAAO,CACL,GAAe,EACf,QAAmB,EACnB,aAAuF,EACvF,EAAE;QACF,OAAO,MAAM,CAAC,+BAA+B,EAAE,aAAa,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC;IAC9F,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useContext } from 'react';\nimport { I18nFormatArgTypes } from './messages-types';\n\nexport type CustomHandler<ReturnValue, FormatFnArgs> = (formatFn: (args: FormatFnArgs) => string) => ReturnValue;\n\nexport interface FormatFunction {\n  (namespace: string, component: string, key: string, provided: string): string;\n  (namespace: string, component: string, key: string, provided: string | undefined): string | undefined;\n  <T, A = unknown>(namespace: string, component: string, key: string, provided: T, handler?: CustomHandler<T, A>): T;\n}\n\nexport interface InternalI18nContextProps {\n  locale: string | null;\n  format: FormatFunction;\n}\n\nexport const InternalI18nContext = React.createContext<InternalI18nContextProps>({\n  locale: null,\n  format: <T>(_namespace: string, _component: string, _key: string, provided: T) => provided,\n});\n\nexport function useLocale(): string | null {\n  return useContext(InternalI18nContext).locale;\n}\n\n/**\n * Utility to get \"keyof T\" but exclude number or symbol types.\n * TypeScript allows those types because JS implicitly casts them to string.\n */\ntype StringKeyOf<T> = Extract<keyof T, string>;\n\nexport interface ComponentFormatFunction<ComponentName extends StringKeyOf<I18nFormatArgTypes>> {\n  <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>>(\n    key: MessageKey,\n    provided: string,\n    handler?: CustomHandler<string, I18nFormatArgTypes[ComponentName][MessageKey]>\n  ): string;\n  <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>>(\n    key: MessageKey,\n    provided: string | undefined,\n    handler?: CustomHandler<string, I18nFormatArgTypes[ComponentName][MessageKey]>\n  ): string | undefined;\n  <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>, ReturnValue>(\n    key: MessageKey,\n    provided: ReturnValue,\n    handler: I18nFormatArgTypes[ComponentName][MessageKey] extends never\n      ? never\n      : CustomHandler<ReturnValue, I18nFormatArgTypes[ComponentName][MessageKey]>\n  ): ReturnValue;\n}\n\nexport function useInternalI18n<ComponentName extends StringKeyOf<I18nFormatArgTypes>>(\n  componentName: ComponentName\n): ComponentFormatFunction<ComponentName> {\n  const { format } = useContext(InternalI18nContext);\n  return <MessageKey extends StringKeyOf<I18nFormatArgTypes[ComponentName]>, ValueType>(\n    key: MessageKey,\n    provided: ValueType,\n    customHandler?: CustomHandler<ValueType, I18nFormatArgTypes[ComponentName][MessageKey]>\n  ) => {\n    return format('@cloudscape-design/components', componentName, key, provided, customHandler);\n  };\n}\n"]}