npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.948 → 3.0.950 - Mend

@cloudscape-design/components-themeable 3.0.948 → 3.0.950

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/lib/internal/template/split-panel/styles.scoped.css CHANGED Viewed

@@ -150,7 +150,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_drawer_1r9lg_1e4yy_153:not(#\9) {
+.awsui_drawer_1r9lg_16bk7_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -188,71 +188,73 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-layout-panel-content-70ws8g, #ffffff);
   z-index: 840;
 }
-.awsui_drawer-closed_1r9lg_1e4yy_190:not(#\9):not(.awsui_refresh_1r9lg_1e4yy_190) {
+.awsui_drawer-closed_1r9lg_16bk7_190:not(#\9):not(.awsui_refresh_1r9lg_16bk7_190) {
   cursor: pointer;
   min-inline-size: 40px;
 }
-.awsui_drawer-content-side_1r9lg_1e4yy_195:not(#\9) {
+.awsui_drawer-content-side_1r9lg_16bk7_195:not(#\9) {
   display: flex;
   align-items: center;
   block-size: 100%;
   overflow: auto;
 }
-.awsui_drawer-content-side_1r9lg_1e4yy_195 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_1e4yy_190.awsui_refresh_1r9lg_1e4yy_190 > .awsui_drawer-content-side_1r9lg_1e4yy_195:not(#\9) {
+.awsui_drawer-content-side_1r9lg_16bk7_195 > [aria-hidden=true]:not(#\9), .awsui_drawer-closed_1r9lg_16bk7_190.awsui_refresh_1r9lg_16bk7_190 > .awsui_drawer-content-side_1r9lg_16bk7_195:not(#\9) {
   display: none;
 }
-.awsui_drawer-closed_1r9lg_1e4yy_190:not(#\9):not(.awsui_refresh_1r9lg_1e4yy_190) > .awsui_drawer-content-side_1r9lg_1e4yy_195 {
+.awsui_drawer-closed_1r9lg_16bk7_190:not(#\9):not(.awsui_refresh_1r9lg_16bk7_190) > .awsui_drawer-content-side_1r9lg_16bk7_195 {
   inline-size: 40px;
 }
-.awsui_drawer-closed_1r9lg_1e4yy_190:not(#\9):not(.awsui_refresh_1r9lg_1e4yy_190) > .awsui_drawer-content-side_1r9lg_1e4yy_195:hover {
+.awsui_drawer-closed_1r9lg_16bk7_190:not(#\9):not(.awsui_refresh_1r9lg_16bk7_190) > .awsui_drawer-content-side_1r9lg_16bk7_195:hover {
   background: var(--color-background-layout-panel-hover-7apn2n, #eaeded);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1e4yy_190) > .awsui_drawer-content-bottom_1r9lg_1e4yy_211 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_16bk7_190) > .awsui_drawer-content-bottom_1r9lg_16bk7_211 {
   overflow-y: auto;
   position: absolute;
   inset: 0;
   clip-path: border-box;
 }
-.awsui_position-bottom_1r9lg_1e4yy_218:not(#\9) {
+.awsui_position-bottom_1r9lg_16bk7_218:not(#\9) {
   position: fixed;
   overflow-y: auto;
-  border-block-start: var(--border-panel-top-width-r884k5, 0px) solid var(--color-border-divider-panel-bottom-x4u2pv, rgba(0, 28, 36, 0.15));
   /*
   Removed the position fixed with the AppLayout refactor because the
   SplitPanel is no longer in fixed position in the DOM.
   */
 }
-.awsui_position-bottom_1r9lg_1e4yy_218:not(#\9):not(.awsui_refresh_1r9lg_1e4yy_190) {
+.awsui_position-bottom_1r9lg_16bk7_218:not(#\9):not(.awsui_hidden_1r9lg_16bk7_226) {
+  border-block-start: var(--border-panel-top-width-r884k5, 0px) solid var(--color-border-divider-panel-bottom-x4u2pv, rgba(0, 28, 36, 0.15));
+}
+.awsui_position-bottom_1r9lg_16bk7_218:not(#\9):not(.awsui_refresh_1r9lg_16bk7_190) {
   box-shadow: var(--shadow-split-bottom-wl1xw5, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
   border-inline-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-panel-bottom-x4u2pv, rgba(0, 28, 36, 0.15));
   border-inline-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-panel-bottom-x4u2pv, rgba(0, 28, 36, 0.15));
 }
-.awsui_position-bottom_1r9lg_1e4yy_218.awsui_drawer-closed_1r9lg_1e4yy_190:not(#\9) {
+.awsui_position-bottom_1r9lg_16bk7_218.awsui_drawer-closed_1r9lg_16bk7_190:not(#\9) {
   overflow: hidden;
 }
-.awsui_position-bottom_1r9lg_1e4yy_218.awsui_drawer-closed_1r9lg_1e4yy_190:not(#\9):hover {
+.awsui_position-bottom_1r9lg_16bk7_218.awsui_drawer-closed_1r9lg_16bk7_190:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-7apn2n, #eaeded);
 }
-.awsui_position-bottom_1r9lg_1e4yy_218 > .awsui_drawer-content-bottom_1r9lg_1e4yy_211 > [aria-hidden=true]:not(#\9) {
+.awsui_position-bottom_1r9lg_16bk7_218 > .awsui_drawer-content-bottom_1r9lg_16bk7_211 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_position-bottom_1r9lg_1e4yy_218.awsui_refresh_1r9lg_1e4yy_190:not(#\9) {
+.awsui_position-bottom_1r9lg_16bk7_218.awsui_refresh_1r9lg_16bk7_190:not(#\9) {
   position: relative;
 }
-.awsui_position-side_1r9lg_1e4yy_245:not(#\9) {
+.awsui_position-side_1r9lg_16bk7_247:not(#\9) {
   border-block-start: none;
   box-shadow: var(--shadow-split-side-f26q5c, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
   block-size: 100%;
 }
-.awsui_position-side_1r9lg_1e4yy_245.awsui_with-toolbar_1r9lg_1e4yy_250:not(#\9) {
+.awsui_position-side_1r9lg_16bk7_247.awsui_with-toolbar_1r9lg_16bk7_252:not(#\9) {
   box-shadow: none;
 }
-.awsui_slider-wrapper-bottom_1r9lg_1e4yy_254:not(#\9) {
+.awsui_slider-wrapper-bottom_1r9lg_16bk7_256:not(#\9) {
   position: absolute;
   inset-block-start: 0;
   inset-inline-start: 0;
@@ -263,7 +265,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 2;
 }
-.awsui_slider-wrapper-side_1r9lg_1e4yy_265:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_16bk7_267:not(#\9) {
   position: absolute;
   inset-inline-start: 0;
   inset-block-start: 0;
@@ -273,11 +275,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: center;
   z-index: 1;
 }
-.awsui_slider-wrapper-side_1r9lg_1e4yy_265.awsui_with-toolbar_1r9lg_1e4yy_250:not(#\9) {
+.awsui_slider-wrapper-side_1r9lg_16bk7_267.awsui_with-toolbar_1r9lg_16bk7_252:not(#\9) {
   position: unset;
 }
-.awsui_open-button-side_1r9lg_1e4yy_279:not(#\9) {
+.awsui_open-button-side_1r9lg_16bk7_281:not(#\9) {
   flex: 0 0 auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -286,7 +288,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: auto;
 }
-.awsui_pane-header-wrapper-bottom_1r9lg_1e4yy_288:not(#\9) {
+.awsui_pane-header-wrapper-bottom_1r9lg_16bk7_290:not(#\9) {
   position: sticky;
   inset-block-start: 0;
   display: flex;
@@ -296,60 +298,60 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-18y4hb, 40px);
 }
-.awsui_drawer-mobile_1r9lg_1e4yy_298 > .awsui_drawer-content-bottom_1r9lg_1e4yy_211 > .awsui_pane-header-wrapper-bottom_1r9lg_1e4yy_288:not(#\9) {
+.awsui_drawer-mobile_1r9lg_16bk7_300 > .awsui_drawer-content-bottom_1r9lg_16bk7_211 > .awsui_pane-header-wrapper-bottom_1r9lg_16bk7_290:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-eenfqd, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1e4yy_302 > .awsui_drawer-content-bottom_1r9lg_1e4yy_211 > .awsui_pane-header-wrapper-bottom_1r9lg_1e4yy_288:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_16bk7_304 > .awsui_drawer-content-bottom_1r9lg_16bk7_211 > .awsui_pane-header-wrapper-bottom_1r9lg_16bk7_290:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-eenfqd, 20px);
 }
-:not(#\9):not(.awsui_drawer-closed_1r9lg_1e4yy_190) > .awsui_drawer-content-bottom_1r9lg_1e4yy_211 > .awsui_pane-header-wrapper-bottom_1r9lg_1e4yy_288 {
+:not(#\9):not(.awsui_drawer-closed_1r9lg_16bk7_190) > .awsui_drawer-content-bottom_1r9lg_16bk7_211 > .awsui_pane-header-wrapper-bottom_1r9lg_16bk7_290 {
   background-color: var(--color-background-layout-panel-content-70ws8g, #ffffff);
   border-block-end: var(--border-panel-header-width-5k61ph, 0px) solid var(--color-border-panel-header-q2vg1j, #eaeded);
 }
-.awsui_with-toolbar_1r9lg_1e4yy_250:not(#\9):not(.awsui_drawer-closed_1r9lg_1e4yy_190) > .awsui_drawer-content-bottom_1r9lg_1e4yy_211 > .awsui_pane-header-wrapper-bottom_1r9lg_1e4yy_288 {
+.awsui_with-toolbar_1r9lg_16bk7_252:not(#\9):not(.awsui_drawer-closed_1r9lg_16bk7_190) > .awsui_drawer-content-bottom_1r9lg_16bk7_211 > .awsui_pane-header-wrapper-bottom_1r9lg_16bk7_290 {
   border-color: transparent;
 }
-.awsui_content-bottom_1r9lg_1e4yy_314:not(#\9) {
+.awsui_content-bottom_1r9lg_16bk7_316:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-layout-content-horizontal-18y4hb, 40px);
   margin-block-start: var(--space-panel-split-top-lbihmh, 0px);
   position: relative;
   z-index: 0;
 }
-.awsui_with-toolbar_1r9lg_1e4yy_250 > .awsui_drawer-content-bottom_1r9lg_1e4yy_211 > .awsui_content-bottom_1r9lg_1e4yy_314:not(#\9) {
+.awsui_with-toolbar_1r9lg_16bk7_252 > .awsui_drawer-content-bottom_1r9lg_16bk7_211 > .awsui_content-bottom_1r9lg_16bk7_316:not(#\9) {
   margin-block-start: 0px;
 }
-.awsui_drawer-mobile_1r9lg_1e4yy_298 > .awsui_drawer-content-bottom_1r9lg_1e4yy_211 > .awsui_content-bottom_1r9lg_1e4yy_314:not(#\9) {
+.awsui_drawer-mobile_1r9lg_16bk7_300 > .awsui_drawer-content-bottom_1r9lg_16bk7_211 > .awsui_content-bottom_1r9lg_16bk7_316:not(#\9) {
   padding-block: 0;
   padding-inline: var(--space-l-eenfqd, 20px);
 }
-.awsui_drawer-disable-content-paddings_1r9lg_1e4yy_302 > .awsui_drawer-content-bottom_1r9lg_1e4yy_211 > .awsui_content-bottom_1r9lg_1e4yy_314:not(#\9) {
+.awsui_drawer-disable-content-paddings_1r9lg_16bk7_304 > .awsui_drawer-content-bottom_1r9lg_16bk7_211 > .awsui_content-bottom_1r9lg_16bk7_316:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_pane-bottom-center-align_1r9lg_1e4yy_333:not(#\9) {
+.awsui_pane-bottom-center-align_1r9lg_16bk7_335:not(#\9) {
   display: flex;
   justify-content: center;
 }
-.awsui_pane-bottom-content-nav-padding_1r9lg_1e4yy_338:not(#\9) {
+.awsui_pane-bottom-content-nav-padding_1r9lg_16bk7_340:not(#\9) {
   padding-inline-start: calc(var(--space-layout-toggle-diameter-sv0v6a, 36px) + 2 * var(--space-layout-toggle-padding-xtz3a6, 12px));
 }
-.awsui_pane-bottom-content-tools-padding_1r9lg_1e4yy_342:not(#\9) {
+.awsui_pane-bottom-content-tools-padding_1r9lg_16bk7_344:not(#\9) {
   padding-inline-end: calc(var(--space-layout-toggle-diameter-sv0v6a, 36px) + 2 * var(--space-layout-toggle-padding-xtz3a6, 12px));
 }
-.awsui_content-bottom-max-width_1r9lg_1e4yy_346:not(#\9) {
+.awsui_content-bottom-max-width_1r9lg_16bk7_348:not(#\9) {
   flex-grow: 1;
   max-inline-size: 100%;
 }
-.awsui_content-side_1r9lg_1e4yy_351:not(#\9) {
+.awsui_content-side_1r9lg_16bk7_353:not(#\9) {
   flex: auto;
   align-self: flex-start;
   box-sizing: border-box;
@@ -358,30 +360,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline: 0;
   block-size: 100%;
 }
-.awsui_content-side_1r9lg_1e4yy_351.awsui_with-toolbar_1r9lg_1e4yy_250:not(#\9) {
+.awsui_content-side_1r9lg_16bk7_353.awsui_with-toolbar_1r9lg_16bk7_252:not(#\9) {
   position: absolute;
 }
-.awsui_content-side_1r9lg_1e4yy_351 > .awsui_pane-header-wrapper-side_1r9lg_1e4yy_363:not(#\9) {
+.awsui_content-side_1r9lg_16bk7_353 > .awsui_pane-header-wrapper-side_1r9lg_16bk7_365:not(#\9) {
   padding-block: 0;
   padding-inline-end: var(--space-m-u91ipm, 16px);
   padding-inline-start: var(--space-panel-side-left-1i2jyv, 32px);
   border-block-end: var(--border-panel-header-width-5k61ph, 0px) solid var(--color-border-panel-header-q2vg1j, #eaeded);
 }
-.awsui_content-side_1r9lg_1e4yy_351.awsui_with-toolbar_1r9lg_1e4yy_250 > .awsui_pane-header-wrapper-side_1r9lg_1e4yy_363:not(#\9) {
+.awsui_content-side_1r9lg_16bk7_353.awsui_with-toolbar_1r9lg_16bk7_252 > .awsui_pane-header-wrapper-side_1r9lg_16bk7_365:not(#\9) {
   border-color: transparent;
 }
-.awsui_content-side_1r9lg_1e4yy_351 > .awsui_pane-content-wrapper-side_1r9lg_1e4yy_372:not(#\9) {
+.awsui_content-side_1r9lg_16bk7_353 > .awsui_pane-content-wrapper-side_1r9lg_16bk7_374:not(#\9) {
   padding-block: 0;
   padding-inline-start: var(--space-panel-side-left-1i2jyv, 32px);
   padding-inline-end: var(--space-panel-side-right-otvpm8, 32px);
   margin-block-start: var(--space-panel-split-top-lbihmh, 0px);
   margin-block-end: var(--space-panel-split-bottom-j0hrt0, 20px);
 }
-.awsui_content-side_1r9lg_1e4yy_351.awsui_with-toolbar_1r9lg_1e4yy_250 > .awsui_pane-content-wrapper-side_1r9lg_1e4yy_372:not(#\9) {
+.awsui_content-side_1r9lg_16bk7_353.awsui_with-toolbar_1r9lg_16bk7_252 > .awsui_pane-content-wrapper-side_1r9lg_16bk7_374:not(#\9) {
   margin-block-start: 0px;
 }
-.awsui_header_1r9lg_1e4yy_383:not(#\9) {
+.awsui_header_1r9lg_16bk7_385:not(#\9) {
   display: flex;
   flex: auto;
   flex-direction: row;
@@ -391,10 +393,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block: var(--size-vertical-panel-icon-offset-t770lc, 15px);
   margin-inline: 0;
 }
-.awsui_header_1r9lg_1e4yy_383.awsui_with-toolbar_1r9lg_1e4yy_250:not(#\9) {
+.awsui_header_1r9lg_16bk7_385.awsui_with-toolbar_1r9lg_16bk7_252:not(#\9) {
   margin-block: 14px;
 }
-.awsui_header-text_1r9lg_1e4yy_396:not(#\9) {
+.awsui_header-text_1r9lg_16bk7_398:not(#\9) {
   font-size: var(--font-panel-header-size-197c0y, 18px);
   line-height: var(--font-panel-header-line-height-av95ns, 22px);
   font-weight: var(--font-weight-heading-l-ypbqtk, 700);
@@ -407,7 +409,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-block-start: calc(var(--space-scaled-xxs-krq5fq, 4px) + 1px);
 }
-.awsui_header-actions_1r9lg_1e4yy_409:not(#\9) {
+.awsui_header-actions_1r9lg_16bk7_411:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -415,7 +417,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: var(--space-xs-6dgkww, 8px);
 }
-.awsui_divider_1r9lg_1e4yy_417:not(#\9) {
+.awsui_divider_1r9lg_16bk7_419:not(#\9) {
   border-inline-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
   margin-block: var(--space-scaled-xxs-krq5fq, 4px);
   margin-inline: var(--space-scaled-xs-t3am3w, 8px);

package/lib/internal/template/split-panel/styles.selectors.js CHANGED Viewed

@@ -2,31 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_1e4yy_153",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_1e4yy_190",
-  "refresh": "awsui_refresh_1r9lg_1e4yy_190",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_1e4yy_195",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_1e4yy_211",
-  "position-bottom": "awsui_position-bottom_1r9lg_1e4yy_218",
-  "position-side": "awsui_position-side_1r9lg_1e4yy_245",
-  "with-toolbar": "awsui_with-toolbar_1r9lg_1e4yy_250",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_1e4yy_254",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_1e4yy_265",
-  "open-button-side": "awsui_open-button-side_1r9lg_1e4yy_279",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_1e4yy_288",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_1e4yy_298",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_1e4yy_302",
-  "content-bottom": "awsui_content-bottom_1r9lg_1e4yy_314",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_1e4yy_333",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_1e4yy_338",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_1e4yy_342",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_1e4yy_346",
-  "content-side": "awsui_content-side_1r9lg_1e4yy_351",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_1e4yy_363",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_1e4yy_372",
-  "header": "awsui_header_1r9lg_1e4yy_383",
-  "header-text": "awsui_header-text_1r9lg_1e4yy_396",
-  "header-actions": "awsui_header-actions_1r9lg_1e4yy_409",
-  "divider": "awsui_divider_1r9lg_1e4yy_417"
+  "drawer": "awsui_drawer_1r9lg_16bk7_153",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_16bk7_190",
+  "refresh": "awsui_refresh_1r9lg_16bk7_190",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_16bk7_195",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_16bk7_211",
+  "position-bottom": "awsui_position-bottom_1r9lg_16bk7_218",
+  "hidden": "awsui_hidden_1r9lg_16bk7_226",
+  "position-side": "awsui_position-side_1r9lg_16bk7_247",
+  "with-toolbar": "awsui_with-toolbar_1r9lg_16bk7_252",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_16bk7_256",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_16bk7_267",
+  "open-button-side": "awsui_open-button-side_1r9lg_16bk7_281",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_16bk7_290",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_16bk7_300",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_16bk7_304",
+  "content-bottom": "awsui_content-bottom_1r9lg_16bk7_316",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_16bk7_335",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_16bk7_340",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_16bk7_344",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_16bk7_348",
+  "content-side": "awsui_content-side_1r9lg_16bk7_353",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_16bk7_365",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_16bk7_374",
+  "header": "awsui_header_1r9lg_16bk7_385",
+  "header-text": "awsui_header-text_1r9lg_16bk7_398",
+  "header-actions": "awsui_header-actions_1r9lg_16bk7_411",
+  "divider": "awsui_divider_1r9lg_16bk7_419"
 };

package/lib/internal/template/table/body-cell/inline-editor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inline-editor.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/inline-editor.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,iBAAiB,CAAC,QAAQ;IAClC,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,EACrC,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GACX,EAAE,iBAAiB,CAAC,QAAQ,CAAC,~~eAuH7B~~"}
1	+ {"version":3,"file":"inline-editor.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/inline-editor.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,iBAAiB,CAAC,QAAQ;IAClC,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,EACrC,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GACX,EAAE,iBAAiB,CAAC,QAAQ,CAAC,eA0H7B"}

package/lib/internal/template/table/body-cell/inline-editor.js CHANGED Viewed

@@ -41,6 +41,8 @@ export function InlineEditor({ ariaLabels, item, column, onEditEnd, submitEdit,
                 yield submitEdit(item, column, currentEditValue);
                 setCurrentEditLoading(false);
                 finishEdit();
+                // Consumers in the past have not always been able to support not specifiying the value so we keep and ignore
+                // eslint-disable-next-line @typescript-eslint/no-unused-vars
             }
             catch (e) {
                 setCurrentEditLoading(false);

package/lib/internal/template/table/body-cell/inline-editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inline-editor.js","sourceRoot":"","sources":["../../../../src/table/body-cell/inline-editor.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,SAA2B,MAAM,sCAAsC,CAAC;AAE/E,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAC5D,OAAO,YAAY,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,+BAA+B;AAC/B,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC;AAgB7B,MAAM,UAAU,YAAY,CAAW,EACrC,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GACkB;;IAC5B,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,EAAiB,CAAC;IAC1E,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,YAAY,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAEhD,MAAM,WAAW,GAAG;QAClB,YAAY,EAAE,gBAAgB;QAC9B,QAAQ,EAAE,mBAAmB;KAC9B,CAAC;IAEF,SAAS,UAAU,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,WAAW,GAAG,IAAI,KAAgC,EAAE;QAC3F,IAAI,CAAC,SAAS,EAAE;YACd,mBAAmB,CAAC,SAAS,CAAC,CAAC;SAChC;QACD,SAAS,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC;IACrD,CAAC;IAED,SAAe,aAAa,CAAC,GAAoB;;;YAC/C,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,IAAI,gBAAgB,KAAK,SAAS,EAAE;gBAClC,UAAU,EAAE,CAAC;gBACb,OAAO;aACR;YAED,qBAAqB,CAAC,IAAI,CAAC,CAAC;YAC5B,IAAI;gBACF,MAAM,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC;gBACjD,qBAAqB,CAAC,KAAK,CAAC,CAAC;gBAC7B,UAAU,EAAE,CAAC;~~aACd~~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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, useState } from 'react';\n\nimport Button from '../../button/internal';\nimport FormField from '../../form-field/internal';\nimport { useInternalI18n } from '../../i18n/context';\nimport FocusLock, { FocusLockRef } from '../../internal/components/focus-lock';\nimport { Optional } from '../../internal/types';\nimport InternalLiveRegion from '../../live-region/internal';\nimport SpaceBetween from '../../space-between/internal';\nimport { TableProps } from '../interfaces';\nimport { useClickAway } from './click-away';\n\nimport styles from './styles.css.js';\n\n// A function that does nothing\nconst noop = () => undefined;\n\ninterface OnEditEndOptions {\n cancelled: boolean;\n refocusCell: boolean;\n}\n\ninterface InlineEditorProps<ItemType> {\n ariaLabels: TableProps['ariaLabels'];\n column: TableProps.ColumnDefinition<ItemType>;\n item: ItemType;\n onEditEnd: (options: OnEditEndOptions) => void;\n submitEdit: TableProps.SubmitEditFunction<ItemType>;\n __onRender?: () => void;\n}\n\nexport function InlineEditor<ItemType>({\n ariaLabels,\n item,\n column,\n onEditEnd,\n submitEdit,\n __onRender,\n}: InlineEditorProps<ItemType>) {\n const [currentEditLoading, setCurrentEditLoading] = useState(false);\n const [currentEditValue, setCurrentEditValue] = useState<Optional<any>>();\n const i18n = useInternalI18n('table');\n\n const focusLockRef = useRef<FocusLockRef>(null);\n\n const cellContext = {\n currentValue: currentEditValue,\n setValue: setCurrentEditValue,\n };\n\n function finishEdit({ cancelled = false, refocusCell = true }: Partial<OnEditEndOptions> = {}) {\n if (!cancelled) {\n setCurrentEditValue(undefined);\n }\n onEditEnd({ cancelled, refocusCell: refocusCell });\n }\n\n async function onSubmitClick(evt: React.FormEvent) {\n evt.preventDefault();\n if (currentEditValue === undefined) {\n finishEdit();\n return;\n }\n\n setCurrentEditLoading(true);\n try {\n await submitEdit(item, column, currentEditValue);\n setCurrentEditLoading(false);\n finishEdit();\n } catch (e) {\n setCurrentEditLoading(false);\n focusLockRef.current?.focusFirst();\n }\n }\n\n function onCancel({ reFocusEditedCell = true } = {}) {\n if (currentEditLoading) {\n return;\n }\n finishEdit({ cancelled: true, refocusCell: reFocusEditedCell });\n }\n\n function handleEscape(event: React.KeyboardEvent): void {\n if (event.key === 'Escape') {\n onCancel();\n }\n }\n\n const clickAwayRef = useClickAway(() => onCancel({ reFocusEditedCell: false }));\n\n useEffect(() => {\n if (__onRender) {\n const timer = setTimeout(__onRender, 1);\n return () => clearTimeout(timer);\n }\n }, [__onRender]);\n\n // asserting non-undefined editConfig here because this component is unreachable otherwise\n const {\n ariaLabel = undefined,\n validation = noop,\n errorIconAriaLabel,\n constraintText,\n editingCell,\n } = column.editConfig!;\n\n return (\n <FocusLock restoreFocus={true} ref={focusLockRef}>\n <div\n role=\"dialog\"\n ref={clickAwayRef}\n aria-label={ariaLabels?.activateEditLabel?.(column, item)}\n onKeyDown={handleEscape}\n >\n <form onSubmit={onSubmitClick}>\n <FormField\n stretch={true}\n label={ariaLabel}\n constraintText={constraintText}\n __hideLabel={true}\n __disableGutters={true}\n i18nStrings={{ errorIconAriaLabel }}\n errorText={validation(item, currentEditValue)}\n >\n <div className={styles['body-cell-editor-row']}>\n <div className={styles['body-cell-editor-row-editor']}>{editingCell(item, cellContext)}</div>\n <span className={styles['body-cell-editor-controls']}>\n <SpaceBetween direction=\"horizontal\" size=\"xxs\">\n {!currentEditLoading ? (\n <Button\n ariaLabel={ariaLabels?.cancelEditLabel?.(column)}\n formAction=\"none\"\n iconName=\"close\"\n variant=\"inline-icon\"\n onClick={() => onCancel()}\n />\n ) : null}\n <Button\n ariaLabel={ariaLabels?.submitEditLabel?.(column)}\n formAction=\"submit\"\n iconName=\"check\"\n variant=\"inline-icon\"\n loading={currentEditLoading}\n />\n </SpaceBetween>\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {currentEditLoading\n ? i18n('ariaLabels.submittingEditText', ariaLabels?.submittingEditText?.(column))\n : ''}\n </InternalLiveRegion>\n </span>\n </div>\n </FormField>\n </form>\n </div>\n </FocusLock>\n );\n}\n"]}
1	+ {"version":3,"file":"inline-editor.js","sourceRoot":"","sources":["../../../../src/table/body-cell/inline-editor.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, useState } from 'react';\n\nimport Button from '../../button/internal';\nimport FormField from '../../form-field/internal';\nimport { useInternalI18n } from '../../i18n/context';\nimport FocusLock, { FocusLockRef } from '../../internal/components/focus-lock';\nimport { Optional } from '../../internal/types';\nimport InternalLiveRegion from '../../live-region/internal';\nimport SpaceBetween from '../../space-between/internal';\nimport { TableProps } from '../interfaces';\nimport { useClickAway } from './click-away';\n\nimport styles from './styles.css.js';\n\n// A function that does nothing\nconst noop = () => undefined;\n\ninterface OnEditEndOptions {\n cancelled: boolean;\n refocusCell: boolean;\n}\n\ninterface InlineEditorProps<ItemType> {\n ariaLabels: TableProps['ariaLabels'];\n column: TableProps.ColumnDefinition<ItemType>;\n item: ItemType;\n onEditEnd: (options: OnEditEndOptions) => void;\n submitEdit: TableProps.SubmitEditFunction<ItemType>;\n __onRender?: () => void;\n}\n\nexport function InlineEditor<ItemType>({\n ariaLabels,\n item,\n column,\n onEditEnd,\n submitEdit,\n __onRender,\n}: InlineEditorProps<ItemType>) {\n const [currentEditLoading, setCurrentEditLoading] = useState(false);\n const [currentEditValue, setCurrentEditValue] = useState<Optional<any>>();\n const i18n = useInternalI18n('table');\n\n const focusLockRef = useRef<FocusLockRef>(null);\n\n const cellContext = {\n currentValue: currentEditValue,\n setValue: setCurrentEditValue,\n };\n\n function finishEdit({ cancelled = false, refocusCell = true }: Partial<OnEditEndOptions> = {}) {\n if (!cancelled) {\n setCurrentEditValue(undefined);\n }\n onEditEnd({ cancelled, refocusCell: refocusCell });\n }\n\n async function onSubmitClick(evt: React.FormEvent) {\n evt.preventDefault();\n if (currentEditValue === undefined) {\n finishEdit();\n return;\n }\n\n setCurrentEditLoading(true);\n try {\n await submitEdit(item, column, currentEditValue);\n setCurrentEditLoading(false);\n finishEdit();\n\n // Consumers in the past have not always been able to support not specifiying the value so we keep and ignore\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n } catch (e) {\n setCurrentEditLoading(false);\n focusLockRef.current?.focusFirst();\n }\n }\n\n function onCancel({ reFocusEditedCell = true } = {}) {\n if (currentEditLoading) {\n return;\n }\n finishEdit({ cancelled: true, refocusCell: reFocusEditedCell });\n }\n\n function handleEscape(event: React.KeyboardEvent): void {\n if (event.key === 'Escape') {\n onCancel();\n }\n }\n\n const clickAwayRef = useClickAway(() => onCancel({ reFocusEditedCell: false }));\n\n useEffect(() => {\n if (__onRender) {\n const timer = setTimeout(__onRender, 1);\n return () => clearTimeout(timer);\n }\n }, [__onRender]);\n\n // asserting non-undefined editConfig here because this component is unreachable otherwise\n const {\n ariaLabel = undefined,\n validation = noop,\n errorIconAriaLabel,\n constraintText,\n editingCell,\n } = column.editConfig!;\n\n return (\n <FocusLock restoreFocus={true} ref={focusLockRef}>\n <div\n role=\"dialog\"\n ref={clickAwayRef}\n aria-label={ariaLabels?.activateEditLabel?.(column, item)}\n onKeyDown={handleEscape}\n >\n <form onSubmit={onSubmitClick}>\n <FormField\n stretch={true}\n label={ariaLabel}\n constraintText={constraintText}\n __hideLabel={true}\n __disableGutters={true}\n i18nStrings={{ errorIconAriaLabel }}\n errorText={validation(item, currentEditValue)}\n >\n <div className={styles['body-cell-editor-row']}>\n <div className={styles['body-cell-editor-row-editor']}>{editingCell(item, cellContext)}</div>\n <span className={styles['body-cell-editor-controls']}>\n <SpaceBetween direction=\"horizontal\" size=\"xxs\">\n {!currentEditLoading ? (\n <Button\n ariaLabel={ariaLabels?.cancelEditLabel?.(column)}\n formAction=\"none\"\n iconName=\"close\"\n variant=\"inline-icon\"\n onClick={() => onCancel()}\n />\n ) : null}\n <Button\n ariaLabel={ariaLabels?.submitEditLabel?.(column)}\n formAction=\"submit\"\n iconName=\"check\"\n variant=\"inline-icon\"\n loading={currentEditLoading}\n />\n </SpaceBetween>\n <InternalLiveRegion tagName=\"span\" hidden={true}>\n {currentEditLoading\n ? i18n('ariaLabels.submittingEditText', ariaLabels?.submittingEditText?.(column))\n : ''}\n </InternalLiveRegion>\n </span>\n </div>\n </FormField>\n </form>\n </div>\n </FocusLock>\n );\n}\n"]}