@cloudscape-design/components 3.0.640 → 3.0.641

package/segmented-control/styles.css.js

@@ -1,19 +1,19 @@
 
     import './styles.scoped.css';
     export default {
-  "segment": "awsui_segment_8cbea_97spt_103",
-  "disabled": "awsui_disabled_8cbea_97spt_183",
-  "selected": "awsui_selected_8cbea_97spt_191",
-  "icon": "awsui_icon_8cbea_97spt_212",
-  "with-text": "awsui_with-text_8cbea_97spt_216",
-  "with-no-text": "awsui_with-no-text_8cbea_97spt_222",
-  "root": "awsui_root_8cbea_97spt_231",
-  "segment-part": "awsui_segment-part_8cbea_97spt_266",
-  "select": "awsui_select_8cbea_97spt_191",
-  "segment-count-2": "awsui_segment-count-2_8cbea_97spt_285",
-  "segment-count-3": "awsui_segment-count-3_8cbea_97spt_290",
-  "segment-count-4": "awsui_segment-count-4_8cbea_97spt_295",
-  "segment-count-5": "awsui_segment-count-5_8cbea_97spt_300",
-  "segment-count-6": "awsui_segment-count-6_8cbea_97spt_305"
+  "segment": "awsui_segment_8cbea_xqccj_103",
+  "disabled": "awsui_disabled_8cbea_xqccj_183",
+  "selected": "awsui_selected_8cbea_xqccj_191",
+  "icon": "awsui_icon_8cbea_xqccj_212",
+  "with-text": "awsui_with-text_8cbea_xqccj_216",
+  "with-no-text": "awsui_with-no-text_8cbea_xqccj_222",
+  "root": "awsui_root_8cbea_xqccj_231",
+  "segment-part": "awsui_segment-part_8cbea_xqccj_266",
+  "select": "awsui_select_8cbea_xqccj_191",
+  "segment-count-2": "awsui_segment-count-2_8cbea_xqccj_285",
+  "segment-count-3": "awsui_segment-count-3_8cbea_xqccj_289",
+  "segment-count-4": "awsui_segment-count-4_8cbea_xqccj_293",
+  "segment-count-5": "awsui_segment-count-5_8cbea_xqccj_297",
+  "segment-count-6": "awsui_segment-count-6_8cbea_xqccj_301"
 };
   

package/segmented-control/styles.scoped.css

@@ -100,7 +100,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_segment_8cbea_97spt_103:not(#\9) {
+.awsui_segment_8cbea_xqccj_103:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   word-wrap: break-word;
@@ -119,41 +119,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-segment-default-nncpby, #414d5c);
   overflow: visible;
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):focus {
+.awsui_segment_8cbea_xqccj_103:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):nth-child(1) {
+.awsui_segment_8cbea_xqccj_103:not(#\9):nth-child(1) {
   grid-column: 1;
   -ms-grid-column: 1;
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):nth-child(2) {
+.awsui_segment_8cbea_xqccj_103:not(#\9):nth-child(2) {
   grid-column: 2;
   -ms-grid-column: 2;
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):nth-child(3) {
+.awsui_segment_8cbea_xqccj_103:not(#\9):nth-child(3) {
   grid-column: 3;
   -ms-grid-column: 3;
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):nth-child(4) {
+.awsui_segment_8cbea_xqccj_103:not(#\9):nth-child(4) {
   grid-column: 4;
   -ms-grid-column: 4;
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):nth-child(5) {
+.awsui_segment_8cbea_xqccj_103:not(#\9):nth-child(5) {
   grid-column: 5;
   -ms-grid-column: 5;
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):nth-child(6) {
+.awsui_segment_8cbea_xqccj_103:not(#\9):nth-child(6) {
   grid-column: 6;
   -ms-grid-column: 6;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_97spt_103:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_xqccj_103:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_97spt_103:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_xqccj_103:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-segmented-control-focus-outline-gutter-gbye20, 4px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_segment_8cbea_97spt_103:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_segment_8cbea_xqccj_103:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -167,59 +167,59 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_97spt_103:not(#\9):focu
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):last-child {
+.awsui_segment_8cbea_xqccj_103:not(#\9):last-child {
   border-inline-end-width: var(--border-field-width-09w7vk, 2px);
   border-start-start-radius: 0;
   border-start-end-radius: var(--border-radius-button-ypmfry, 20px);
   border-end-start-radius: 0;
   border-end-end-radius: var(--border-radius-button-ypmfry, 20px);
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):first-child {
+.awsui_segment_8cbea_xqccj_103:not(#\9):first-child {
   border-start-start-radius: var(--border-radius-button-ypmfry, 20px);
   border-start-end-radius: 0;
   border-end-start-radius: var(--border-radius-button-ypmfry, 20px);
   border-end-end-radius: 0;
 }
-.awsui_segment_8cbea_97spt_103.awsui_disabled_8cbea_97spt_183:not(#\9) {
+.awsui_segment_8cbea_xqccj_103.awsui_disabled_8cbea_xqccj_183:not(#\9) {
   background: var(--color-background-segment-disabled-o4y9v5, #ffffff);
   border-color: var(--color-border-segment-disabled-ylnixy, #414d5c);
   color: var(--color-text-interactive-disabled-z7a3t4, #9ba7b6);
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):not(.awsui_disabled_8cbea_97spt_183) + .awsui_segment_8cbea_97spt_103.awsui_disabled_8cbea_97spt_183 {
+.awsui_segment_8cbea_xqccj_103:not(#\9):not(.awsui_disabled_8cbea_xqccj_183) + .awsui_segment_8cbea_xqccj_103.awsui_disabled_8cbea_xqccj_183 {
   border-inline-start-color: var(--color-border-segment-default-a5zrkd, #414d5c);
 }
-.awsui_segment_8cbea_97spt_103.awsui_selected_8cbea_97spt_191:not(#\9) {
+.awsui_segment_8cbea_xqccj_103.awsui_selected_8cbea_xqccj_191:not(#\9) {
   background: var(--color-background-segment-active-366806, #0972d3);
   border-color: var(--color-border-segment-active-9ah16u, #414d5c);
   color: var(--color-text-segment-active-6s77n9, #ffffff);
 }
-.awsui_segment_8cbea_97spt_103.awsui_selected_8cbea_97spt_191 + .awsui_segment_8cbea_97spt_103:not(#\9), .awsui_segment_8cbea_97spt_103.awsui_selected_8cbea_97spt_191 + .awsui_segment_8cbea_97spt_103.awsui_disabled_8cbea_97spt_183:not(#\9) {
+.awsui_segment_8cbea_xqccj_103.awsui_selected_8cbea_xqccj_191 + .awsui_segment_8cbea_xqccj_103:not(#\9), .awsui_segment_8cbea_xqccj_103.awsui_selected_8cbea_xqccj_191 + .awsui_segment_8cbea_xqccj_103.awsui_disabled_8cbea_xqccj_183:not(#\9) {
   border-inline-start-color: var(--color-border-segment-active-9ah16u, #414d5c);
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):hover:not(.awsui_selected_8cbea_97spt_191):not(.awsui_disabled_8cbea_97spt_183):not(:focus) {
+.awsui_segment_8cbea_xqccj_103:not(#\9):hover:not(.awsui_selected_8cbea_xqccj_191):not(.awsui_disabled_8cbea_xqccj_183):not(:focus) {
   background: var(--color-background-segment-hover-jysoxv, #ffffff);
   color: var(--color-text-segment-hover-k5ujfk, #0972d3);
   border-color: var(--color-border-segment-hover-ggg2rz, #414d5c);
   cursor: pointer;
 }
-.awsui_segment_8cbea_97spt_103:not(#\9):hover:not(.awsui_selected_8cbea_97spt_191):not(.awsui_disabled_8cbea_97spt_183):not(:focus) + .awsui_segment_8cbea_97spt_103:not(.awsui_selected_8cbea_97spt_191) {
+.awsui_segment_8cbea_xqccj_103:not(#\9):hover:not(.awsui_selected_8cbea_xqccj_191):not(.awsui_disabled_8cbea_xqccj_183):not(:focus) + .awsui_segment_8cbea_xqccj_103:not(.awsui_selected_8cbea_xqccj_191) {
   border-inline-start-color: var(--color-border-segment-hover-ggg2rz, #414d5c);
 }
-.awsui_segment_8cbea_97spt_103.awsui_selected_8cbea_97spt_191 + .awsui_segment_8cbea_97spt_103:not(#\9):hover:not(.awsui_selected_8cbea_97spt_191):not(.awsui_disabled_8cbea_97spt_183):not(:focus) {
+.awsui_segment_8cbea_xqccj_103.awsui_selected_8cbea_xqccj_191 + .awsui_segment_8cbea_xqccj_103:not(#\9):hover:not(.awsui_selected_8cbea_xqccj_191):not(.awsui_disabled_8cbea_xqccj_183):not(:focus) {
   border-inline-start-color: var(--color-border-segment-active-9ah16u, #414d5c);
 }
 
-.awsui_icon_8cbea_97spt_212:not(#\9) {
+.awsui_icon_8cbea_xqccj_212:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_with-text_8cbea_97spt_216:not(#\9) {
+.awsui_with-text_8cbea_xqccj_216:not(#\9) {
   position: relative;
   inset-inline-start: calc(-1 * var(--space-xxs-p8yyaw, 4px));
   margin-inline-end: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_with-no-text_8cbea_97spt_222:not(#\9) {
+.awsui_with-no-text_8cbea_xqccj_222:not(#\9) {
   margin-inline: auto;
   inset-inline: 0;
 }
@@ -228,7 +228,7 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_97spt_103:not(#\9):focu
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_8cbea_97spt_231:not(#\9) {
+.awsui_root_8cbea_xqccj_231:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -264,40 +264,40 @@ body[data-awsui-focus-visible=true] .awsui_segment_8cbea_97spt_103:not(#\9):focu
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_segment-part_8cbea_97spt_266:not(#\9) {
+.awsui_segment-part_8cbea_xqccj_266:not(#\9) {
   display: inline-grid;
 }
 @media (max-width: 688px) {
-  .awsui_segment-part_8cbea_97spt_266:not(#\9) {
+  .awsui_segment-part_8cbea_xqccj_266:not(#\9) {
     display: none;
   }
 }
 
-.awsui_select_8cbea_97spt_191:not(#\9) {
+.awsui_select_8cbea_xqccj_191:not(#\9) {
   display: none;
 }
 @media (max-width: 688px) {
-  .awsui_select_8cbea_97spt_191:not(#\9) {
+  .awsui_select_8cbea_xqccj_191:not(#\9) {
     display: block;
   }
 }
 
-.awsui_segment-count-2_8cbea_97spt_285:not(#\9) {
+.awsui_segment-count-2_8cbea_xqccj_285:not(#\9) {
   grid-template-columns: 1fr 1fr;
 }
 
-.awsui_segment-count-3_8cbea_97spt_290:not(#\9) {
+.awsui_segment-count-3_8cbea_xqccj_289:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-4_8cbea_97spt_295:not(#\9) {
+.awsui_segment-count-4_8cbea_xqccj_293:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-5_8cbea_97spt_300:not(#\9) {
+.awsui_segment-count-5_8cbea_xqccj_297:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
 }
 
-.awsui_segment-count-6_8cbea_97spt_305:not(#\9) {
+.awsui_segment-count-6_8cbea_xqccj_301:not(#\9) {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
 }

package/segmented-control/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment": "awsui_segment_8cbea_97spt_103",
-  "disabled": "awsui_disabled_8cbea_97spt_183",
-  "selected": "awsui_selected_8cbea_97spt_191",
-  "icon": "awsui_icon_8cbea_97spt_212",
-  "with-text": "awsui_with-text_8cbea_97spt_216",
-  "with-no-text": "awsui_with-no-text_8cbea_97spt_222",
-  "root": "awsui_root_8cbea_97spt_231",
-  "segment-part": "awsui_segment-part_8cbea_97spt_266",
-  "select": "awsui_select_8cbea_97spt_191",
-  "segment-count-2": "awsui_segment-count-2_8cbea_97spt_285",
-  "segment-count-3": "awsui_segment-count-3_8cbea_97spt_290",
-  "segment-count-4": "awsui_segment-count-4_8cbea_97spt_295",
-  "segment-count-5": "awsui_segment-count-5_8cbea_97spt_300",
-  "segment-count-6": "awsui_segment-count-6_8cbea_97spt_305"
+  "segment": "awsui_segment_8cbea_xqccj_103",
+  "disabled": "awsui_disabled_8cbea_xqccj_183",
+  "selected": "awsui_selected_8cbea_xqccj_191",
+  "icon": "awsui_icon_8cbea_xqccj_212",
+  "with-text": "awsui_with-text_8cbea_xqccj_216",
+  "with-no-text": "awsui_with-no-text_8cbea_xqccj_222",
+  "root": "awsui_root_8cbea_xqccj_231",
+  "segment-part": "awsui_segment-part_8cbea_xqccj_266",
+  "select": "awsui_select_8cbea_xqccj_191",
+  "segment-count-2": "awsui_segment-count-2_8cbea_xqccj_285",
+  "segment-count-3": "awsui_segment-count-3_8cbea_xqccj_289",
+  "segment-count-4": "awsui_segment-count-4_8cbea_xqccj_293",
+  "segment-count-5": "awsui_segment-count-5_8cbea_xqccj_297",
+  "segment-count-6": "awsui_segment-count-6_8cbea_xqccj_301"
 };
   

package/split-panel/implementation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/split-panel/implementation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAO5E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAmB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,eAAO,MAAM,wBAAwB,qFA6OpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mMAIZ,CAAC"}
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/split-panel/implementation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAO5E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAmB/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,eAAO,MAAM,wBAAwB,qFAwOpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mMAIZ,CAAC"}

package/split-panel/implementation.js

@@ -6,7 +6,7 @@ import clsx from 'clsx';
 import { InternalButton } from '../button/internal';
 import { getBaseProps } from '../internal/base-component';
 import { useSplitPanelContext } from '../internal/context/split-panel-context';
-import ResizeHandler from './icons/resize-handler';
+import PanelResizeHandle from '../internal/components/panel-resize-handle';
 import PreferencesModal from './preferences-modal';
 import { usePointerEvents } from '../app-layout/utils/use-pointer-events';
 import { useKeyboardEvents } from '../app-layout/utils/use-keyboard-events';
@@ -58,8 +58,11 @@ export const SplitPanelImplementation = React.forwardRef((_a, __internalRootRef)
                         ? 'angle-right'
                         : 'angle-down'
                     : 'close', variant: "icon", onClick: onToggle, formAction: "none", ariaLabel: i18n('i18nStrings.closeButtonAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.closeButtonAriaLabel), ariaExpanded: isOpen })) : position === 'side' ? null : (React.createElement(InternalButton, { className: testUtilStyles['open-button'], iconName: "angle-up", variant: "icon", formAction: "none", ariaLabel: i18n('i18nStrings.openButtonAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.openButtonAriaLabel), ref: refs.toggle, ariaExpanded: isOpen })))));
-    const resizeHandle = (React.createElement("div", { ref: refs.slider, role: "slider", tabIndex: 0, "aria-label": i18n('i18nStrings.resizeHandleAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.resizeHandleAriaLabel), "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": position === 'bottom' ? relativeSize : 100 - relativeSize, className: clsx(styles.slider, styles[`slider-${position}`], testUtilStyles.slider), onKeyDown: onKeyDown, onPointerDown: onSliderPointerDown },
-        React.createElement(ResizeHandler, { className: clsx(styles['slider-icon'], styles[`slider-icon-${position}`]) })));
+    const resizeHandle = (React.createElement(PanelResizeHandle, { ref: refs.slider, className: testUtilStyles.slider, ariaLabel: i18n('i18nStrings.resizeHandleAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.resizeHandleAriaLabel), 
+        // Allows us to use the logical left/right keys to move the slider left/right,
+        // but match aria keyboard behavior of using left/right to decrease/increase
+        // the slider value.
+        ariaValuenow: position === 'bottom' ? relativeSize : 100 - relativeSize, position: position, onKeyDown: onKeyDown, onPointerDown: onSliderPointerDown }));
     /*
     This effect forces the browser to recalculate the layout
     whenever the split panel might have moved.

package/split-panel/implementation.js.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/split-panel/implementation.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, { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { InternalButton } from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\n\nimport { SplitPanelProps } from './interfaces';\nimport ResizeHandler from './icons/resize-handler';\nimport PreferencesModal from './preferences-modal';\nimport { usePointerEvents } from '../app-layout/utils/use-pointer-events';\nimport { useKeyboardEvents } from '../app-layout/utils/use-keyboard-events';\nimport { SizeControlProps } from '../app-layout/utils/interfaces';\n\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { Transition } from '../internal/components/transition';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { SplitPanelContentSide } from './side';\nimport { SplitPanelContentBottom } from './bottom';\nimport { useInternalI18n } from '../i18n/context';\nimport globalVars from '../internal/styles/global-vars';\nimport { createWidgetizedForwardRef } from '../internal/widgets';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport { SplitPanelProps };\n\nexport const SplitPanelImplementation = React.forwardRef<HTMLElement, SplitPanelProps>(\n  (\n    { header, children, hidePreferencesButton = false, closeBehavior = 'collapse', i18nStrings, ...restProps },\n    __internalRootRef\n  ) => {\n    const isRefresh = useVisualRefresh();\n\n    const {\n      position,\n      topOffset,\n      bottomOffset,\n      rightOffset,\n      contentWidthStyles,\n      isOpen,\n      isForcedPosition,\n      onPreferencesChange,\n      onResize,\n      onToggle,\n      size,\n      relativeSize,\n      setSplitPanelToggle,\n      refs,\n    } = useSplitPanelContext();\n    const baseProps = getBaseProps(restProps);\n    const i18n = useInternalI18n('split-panel');\n    const [isPreferencesOpen, setPreferencesOpen] = useState<boolean>(false);\n\n    const appLayoutMaxWidth = isRefresh && position === 'bottom' ? contentWidthStyles : undefined;\n\n    const openButtonAriaLabel = i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel);\n    useEffect(() => {\n      setSplitPanelToggle({ displayed: closeBehavior === 'collapse', ariaLabel: openButtonAriaLabel });\n    }, [setSplitPanelToggle, openButtonAriaLabel, closeBehavior]);\n\n    const splitPanelRefObject = useRef<HTMLDivElement>(null);\n\n    const sizeControlProps: SizeControlProps = {\n      position,\n      panelRef: splitPanelRefObject,\n      handleRef: refs.slider,\n      onResize,\n    };\n    const onSliderPointerDown = usePointerEvents(sizeControlProps);\n    const onKeyDown = useKeyboardEvents(sizeControlProps);\n\n    const contentStyle = {\n      [globalVars.stickyVerticalTopOffset]: topOffset,\n      [globalVars.stickyVerticalBottomOffset]: bottomOffset,\n    };\n\n    const panelHeaderId = useUniqueId('split-panel-header');\n\n    const wrappedHeader = (\n      <div className={styles.header} style={appLayoutMaxWidth}>\n        <h2 className={clsx(styles['header-text'], testUtilStyles['header-text'])} id={panelHeaderId}>\n          {header}\n        </h2>\n        <div className={styles['header-actions']}>\n          {!hidePreferencesButton && isOpen && (\n            <>\n              <InternalButton\n                className={testUtilStyles['preferences-button']}\n                iconName=\"settings\"\n                variant=\"icon\"\n                onClick={() => setPreferencesOpen(true)}\n                formAction=\"none\"\n                ariaLabel={i18n('i18nStrings.preferencesTitle', i18nStrings?.preferencesTitle)}\n                ref={refs.preferences}\n              />\n              <span className={styles.divider} />\n            </>\n          )}\n\n          {isOpen ? (\n            <InternalButton\n              className={testUtilStyles['close-button']}\n              iconName={\n                isRefresh && closeBehavior === 'collapse'\n                  ? position === 'side'\n                    ? 'angle-right'\n                    : 'angle-down'\n                  : 'close'\n              }\n              variant=\"icon\"\n              onClick={onToggle}\n              formAction=\"none\"\n              ariaLabel={i18n('i18nStrings.closeButtonAriaLabel', i18nStrings?.closeButtonAriaLabel)}\n              ariaExpanded={isOpen}\n            />\n          ) : position === 'side' ? null : (\n            <InternalButton\n              className={testUtilStyles['open-button']}\n              iconName=\"angle-up\"\n              variant=\"icon\"\n              formAction=\"none\"\n              ariaLabel={i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel)}\n              ref={refs.toggle}\n              ariaExpanded={isOpen}\n            />\n          )}\n        </div>\n      </div>\n    );\n\n    const resizeHandle = (\n      <div\n        ref={refs.slider}\n        role=\"slider\"\n        tabIndex={0}\n        aria-label={i18n('i18nStrings.resizeHandleAriaLabel', i18nStrings?.resizeHandleAriaLabel)}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        // Allows us to use the logical left/right keys to move the slider left/right,\n        // but match aria keyboard behavior of using left/right to decrease/increase\n        // the slider value.\n        aria-valuenow={position === 'bottom' ? relativeSize : 100 - relativeSize}\n        className={clsx(styles.slider, styles[`slider-${position}`], testUtilStyles.slider)}\n        onKeyDown={onKeyDown}\n        onPointerDown={onSliderPointerDown}\n      >\n        <ResizeHandler className={clsx(styles['slider-icon'], styles[`slider-icon-${position}`])} />\n      </div>\n    );\n\n    /*\n    This effect forces the browser to recalculate the layout\n    whenever the split panel might have moved.\n\n    This is needed as a workaround for a bug in Safari, which does\n    not automatically calculate the new position of the split panel\n    _content_ when the split panel moves.\n  */\n    useLayoutEffect(() => {\n      const root = splitPanelRefObject.current;\n\n      if (root) {\n        const property = 'transform';\n        const temporaryValue = 'translateZ(0)';\n\n        const valueBefore = root.style[property];\n        root.style[property] = temporaryValue;\n\n        // This line forces the browser to recalculate the layout\n        void root.offsetHeight;\n\n        root.style[property] = valueBefore;\n      }\n    }, [rightOffset, __internalRootRef]);\n\n    const mergedRef = useMergeRefs(splitPanelRefObject, __internalRootRef);\n\n    if (closeBehavior === 'hide' && !isOpen) {\n      return <></>;\n    }\n\n    /**\n     * The AppLayout factor moved the circular buttons out of the\n     * SplitPanel and into the Tools component. This conditional\n     * is still needed for the early return to prevent execution\n     * of the following code.\n     */\n    if (isRefresh && !isOpen && position === 'side') {\n      return <></>;\n    }\n\n    return (\n      <Transition in={isOpen ?? false}>\n        {(state, transitioningElementRef) => (\n          <>\n            {position === 'side' && (\n              <SplitPanelContentSide\n                style={contentStyle}\n                resizeHandle={resizeHandle}\n                baseProps={baseProps}\n                isOpen={isOpen}\n                splitPanelRef={mergedRef}\n                cappedSize={size}\n                onToggle={onToggle}\n                openButtonAriaLabel={i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel)}\n                toggleRef={refs.toggle}\n                header={wrappedHeader}\n                panelHeaderId={panelHeaderId}\n              >\n                {children}\n              </SplitPanelContentSide>\n            )}\n\n            {position === 'bottom' && (\n              <SplitPanelContentBottom\n                style={contentStyle}\n                resizeHandle={resizeHandle}\n                baseProps={baseProps}\n                isOpen={isOpen}\n                splitPanelRef={mergedRef}\n                cappedSize={size}\n                onToggle={onToggle}\n                header={wrappedHeader}\n                panelHeaderId={panelHeaderId}\n                state={state}\n                transitioningElementRef={transitioningElementRef}\n                appLayoutMaxWidth={appLayoutMaxWidth}\n              >\n                {children}\n              </SplitPanelContentBottom>\n            )}\n            {isPreferencesOpen && (\n              <PreferencesModal\n                visible={true}\n                preferences={{ position }}\n                disabledSidePosition={position === 'bottom' && isForcedPosition}\n                isRefresh={isRefresh}\n                i18nStrings={{\n                  header: i18n('i18nStrings.preferencesTitle', i18nStrings?.preferencesTitle),\n                  confirm: i18n('i18nStrings.preferencesConfirm', i18nStrings?.preferencesConfirm),\n                  cancel: i18n('i18nStrings.preferencesCancel', i18nStrings?.preferencesCancel),\n                  positionLabel: i18n('i18nStrings.preferencesPositionLabel', i18nStrings?.preferencesPositionLabel),\n                  positionDescription: i18n(\n                    'i18nStrings.preferencesPositionDescription',\n                    i18nStrings?.preferencesPositionDescription\n                  ),\n                  positionBottom: i18n('i18nStrings.preferencesPositionBottom', i18nStrings?.preferencesPositionBottom),\n                  positionSide: i18n('i18nStrings.preferencesPositionSide', i18nStrings?.preferencesPositionSide),\n                }}\n                onConfirm={preferences => {\n                  onPreferencesChange({ ...preferences });\n                  setPreferencesOpen(false);\n                }}\n                onDismiss={() => {\n                  setPreferencesOpen(false);\n                }}\n              />\n            )}\n          </>\n        )}\n      </Transition>\n    );\n  }\n);\n\nexport const createWidgetizedSplitPanel = createWidgetizedForwardRef<\n  SplitPanelProps,\n  HTMLElement,\n  typeof SplitPanelImplementation\n>(SplitPanelImplementation);\n"]}
+{"version":3,"file":"implementation.js","sourceRoot":"","sources":["../../../src/split-panel/implementation.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, { useState, useEffect, useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { InternalButton } from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\n\nimport { SplitPanelProps } from './interfaces';\nimport PanelResizeHandle from '../internal/components/panel-resize-handle';\nimport PreferencesModal from './preferences-modal';\nimport { usePointerEvents } from '../app-layout/utils/use-pointer-events';\nimport { useKeyboardEvents } from '../app-layout/utils/use-keyboard-events';\nimport { SizeControlProps } from '../app-layout/utils/interfaces';\n\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { Transition } from '../internal/components/transition';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { SplitPanelContentSide } from './side';\nimport { SplitPanelContentBottom } from './bottom';\nimport { useInternalI18n } from '../i18n/context';\nimport globalVars from '../internal/styles/global-vars';\nimport { createWidgetizedForwardRef } from '../internal/widgets';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\nexport { SplitPanelProps };\n\nexport const SplitPanelImplementation = React.forwardRef<HTMLElement, SplitPanelProps>(\n  (\n    { header, children, hidePreferencesButton = false, closeBehavior = 'collapse', i18nStrings, ...restProps },\n    __internalRootRef\n  ) => {\n    const isRefresh = useVisualRefresh();\n\n    const {\n      position,\n      topOffset,\n      bottomOffset,\n      rightOffset,\n      contentWidthStyles,\n      isOpen,\n      isForcedPosition,\n      onPreferencesChange,\n      onResize,\n      onToggle,\n      size,\n      relativeSize,\n      setSplitPanelToggle,\n      refs,\n    } = useSplitPanelContext();\n    const baseProps = getBaseProps(restProps);\n    const i18n = useInternalI18n('split-panel');\n    const [isPreferencesOpen, setPreferencesOpen] = useState<boolean>(false);\n\n    const appLayoutMaxWidth = isRefresh && position === 'bottom' ? contentWidthStyles : undefined;\n\n    const openButtonAriaLabel = i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel);\n    useEffect(() => {\n      setSplitPanelToggle({ displayed: closeBehavior === 'collapse', ariaLabel: openButtonAriaLabel });\n    }, [setSplitPanelToggle, openButtonAriaLabel, closeBehavior]);\n\n    const splitPanelRefObject = useRef<HTMLDivElement>(null);\n\n    const sizeControlProps: SizeControlProps = {\n      position,\n      panelRef: splitPanelRefObject,\n      handleRef: refs.slider,\n      onResize,\n    };\n    const onSliderPointerDown = usePointerEvents(sizeControlProps);\n    const onKeyDown = useKeyboardEvents(sizeControlProps);\n\n    const contentStyle = {\n      [globalVars.stickyVerticalTopOffset]: topOffset,\n      [globalVars.stickyVerticalBottomOffset]: bottomOffset,\n    };\n\n    const panelHeaderId = useUniqueId('split-panel-header');\n\n    const wrappedHeader = (\n      <div className={styles.header} style={appLayoutMaxWidth}>\n        <h2 className={clsx(styles['header-text'], testUtilStyles['header-text'])} id={panelHeaderId}>\n          {header}\n        </h2>\n        <div className={styles['header-actions']}>\n          {!hidePreferencesButton && isOpen && (\n            <>\n              <InternalButton\n                className={testUtilStyles['preferences-button']}\n                iconName=\"settings\"\n                variant=\"icon\"\n                onClick={() => setPreferencesOpen(true)}\n                formAction=\"none\"\n                ariaLabel={i18n('i18nStrings.preferencesTitle', i18nStrings?.preferencesTitle)}\n                ref={refs.preferences}\n              />\n              <span className={styles.divider} />\n            </>\n          )}\n\n          {isOpen ? (\n            <InternalButton\n              className={testUtilStyles['close-button']}\n              iconName={\n                isRefresh && closeBehavior === 'collapse'\n                  ? position === 'side'\n                    ? 'angle-right'\n                    : 'angle-down'\n                  : 'close'\n              }\n              variant=\"icon\"\n              onClick={onToggle}\n              formAction=\"none\"\n              ariaLabel={i18n('i18nStrings.closeButtonAriaLabel', i18nStrings?.closeButtonAriaLabel)}\n              ariaExpanded={isOpen}\n            />\n          ) : position === 'side' ? null : (\n            <InternalButton\n              className={testUtilStyles['open-button']}\n              iconName=\"angle-up\"\n              variant=\"icon\"\n              formAction=\"none\"\n              ariaLabel={i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel)}\n              ref={refs.toggle}\n              ariaExpanded={isOpen}\n            />\n          )}\n        </div>\n      </div>\n    );\n\n    const resizeHandle = (\n      <PanelResizeHandle\n        ref={refs.slider}\n        className={testUtilStyles.slider}\n        ariaLabel={i18n('i18nStrings.resizeHandleAriaLabel', i18nStrings?.resizeHandleAriaLabel)}\n        // Allows us to use the logical left/right keys to move the slider left/right,\n        // but match aria keyboard behavior of using left/right to decrease/increase\n        // the slider value.\n        ariaValuenow={position === 'bottom' ? relativeSize : 100 - relativeSize}\n        position={position}\n        onKeyDown={onKeyDown}\n        onPointerDown={onSliderPointerDown}\n      />\n    );\n\n    /*\n    This effect forces the browser to recalculate the layout\n    whenever the split panel might have moved.\n\n    This is needed as a workaround for a bug in Safari, which does\n    not automatically calculate the new position of the split panel\n    _content_ when the split panel moves.\n  */\n    useLayoutEffect(() => {\n      const root = splitPanelRefObject.current;\n\n      if (root) {\n        const property = 'transform';\n        const temporaryValue = 'translateZ(0)';\n\n        const valueBefore = root.style[property];\n        root.style[property] = temporaryValue;\n\n        // This line forces the browser to recalculate the layout\n        void root.offsetHeight;\n\n        root.style[property] = valueBefore;\n      }\n    }, [rightOffset, __internalRootRef]);\n\n    const mergedRef = useMergeRefs(splitPanelRefObject, __internalRootRef);\n\n    if (closeBehavior === 'hide' && !isOpen) {\n      return <></>;\n    }\n\n    /**\n     * The AppLayout factor moved the circular buttons out of the\n     * SplitPanel and into the Tools component. This conditional\n     * is still needed for the early return to prevent execution\n     * of the following code.\n     */\n    if (isRefresh && !isOpen && position === 'side') {\n      return <></>;\n    }\n\n    return (\n      <Transition in={isOpen ?? false}>\n        {(state, transitioningElementRef) => (\n          <>\n            {position === 'side' && (\n              <SplitPanelContentSide\n                style={contentStyle}\n                resizeHandle={resizeHandle}\n                baseProps={baseProps}\n                isOpen={isOpen}\n                splitPanelRef={mergedRef}\n                cappedSize={size}\n                onToggle={onToggle}\n                openButtonAriaLabel={i18n('i18nStrings.openButtonAriaLabel', i18nStrings?.openButtonAriaLabel)}\n                toggleRef={refs.toggle}\n                header={wrappedHeader}\n                panelHeaderId={panelHeaderId}\n              >\n                {children}\n              </SplitPanelContentSide>\n            )}\n\n            {position === 'bottom' && (\n              <SplitPanelContentBottom\n                style={contentStyle}\n                resizeHandle={resizeHandle}\n                baseProps={baseProps}\n                isOpen={isOpen}\n                splitPanelRef={mergedRef}\n                cappedSize={size}\n                onToggle={onToggle}\n                header={wrappedHeader}\n                panelHeaderId={panelHeaderId}\n                state={state}\n                transitioningElementRef={transitioningElementRef}\n                appLayoutMaxWidth={appLayoutMaxWidth}\n              >\n                {children}\n              </SplitPanelContentBottom>\n            )}\n            {isPreferencesOpen && (\n              <PreferencesModal\n                visible={true}\n                preferences={{ position }}\n                disabledSidePosition={position === 'bottom' && isForcedPosition}\n                isRefresh={isRefresh}\n                i18nStrings={{\n                  header: i18n('i18nStrings.preferencesTitle', i18nStrings?.preferencesTitle),\n                  confirm: i18n('i18nStrings.preferencesConfirm', i18nStrings?.preferencesConfirm),\n                  cancel: i18n('i18nStrings.preferencesCancel', i18nStrings?.preferencesCancel),\n                  positionLabel: i18n('i18nStrings.preferencesPositionLabel', i18nStrings?.preferencesPositionLabel),\n                  positionDescription: i18n(\n                    'i18nStrings.preferencesPositionDescription',\n                    i18nStrings?.preferencesPositionDescription\n                  ),\n                  positionBottom: i18n('i18nStrings.preferencesPositionBottom', i18nStrings?.preferencesPositionBottom),\n                  positionSide: i18n('i18nStrings.preferencesPositionSide', i18nStrings?.preferencesPositionSide),\n                }}\n                onConfirm={preferences => {\n                  onPreferencesChange({ ...preferences });\n                  setPreferencesOpen(false);\n                }}\n                onDismiss={() => {\n                  setPreferencesOpen(false);\n                }}\n              />\n            )}\n          </>\n        )}\n      </Transition>\n    );\n  }\n);\n\nexport const createWidgetizedSplitPanel = createWidgetizedForwardRef<\n  SplitPanelProps,\n  HTMLElement,\n  typeof SplitPanelImplementation\n>(SplitPanelImplementation);\n"]}

package/split-panel/styles.css.js

@@ -1,36 +1,31 @@
 
     import './styles.scoped.css';
     export default {
-  "drawer": "awsui_drawer_1r9lg_jkoke_201",
-  "refresh": "awsui_refresh_1r9lg_jkoke_201",
-  "animating": "awsui_animating_1r9lg_jkoke_215",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_jkoke_270",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_jkoke_275",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_jkoke_291",
-  "position-bottom": "awsui_position-bottom_1r9lg_jkoke_298",
-  "position-side": "awsui_position-side_1r9lg_jkoke_325",
-  "slider": "awsui_slider_1r9lg_jkoke_331",
-  "slider-side": "awsui_slider-side_1r9lg_jkoke_366",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_jkoke_373",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_jkoke_384",
-  "open-button-side": "awsui_open-button-side_1r9lg_jkoke_395",
-  "slider-icon": "awsui_slider-icon_1r9lg_jkoke_404",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_1r9lg_jkoke_410",
-  "slider-icon-side": "awsui_slider-icon-side_1r9lg_jkoke_414",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_jkoke_418",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_jkoke_429",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_jkoke_433",
-  "content-bottom": "awsui_content-bottom_1r9lg_jkoke_442",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_jkoke_458",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_jkoke_463",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_jkoke_467",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_jkoke_471",
-  "content-side": "awsui_content-side_1r9lg_jkoke_476",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_jkoke_486",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_jkoke_492",
-  "header": "awsui_header_1r9lg_jkoke_500",
-  "header-text": "awsui_header-text_1r9lg_jkoke_510",
-  "header-actions": "awsui_header-actions_1r9lg_jkoke_523",
-  "divider": "awsui_divider_1r9lg_jkoke_531"
+  "drawer": "awsui_drawer_1r9lg_lic0n_201",
+  "refresh": "awsui_refresh_1r9lg_lic0n_201",
+  "animating": "awsui_animating_1r9lg_lic0n_215",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_lic0n_270",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_lic0n_275",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_lic0n_291",
+  "position-bottom": "awsui_position-bottom_1r9lg_lic0n_298",
+  "position-side": "awsui_position-side_1r9lg_lic0n_325",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_lic0n_331",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_lic0n_342",
+  "open-button-side": "awsui_open-button-side_1r9lg_lic0n_353",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_lic0n_362",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_lic0n_373",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_lic0n_377",
+  "content-bottom": "awsui_content-bottom_1r9lg_lic0n_386",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_lic0n_402",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_lic0n_407",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_lic0n_411",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_lic0n_415",
+  "content-side": "awsui_content-side_1r9lg_lic0n_420",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_lic0n_430",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_lic0n_436",
+  "header": "awsui_header_1r9lg_lic0n_444",
+  "header-text": "awsui_header-text_1r9lg_lic0n_454",
+  "header-actions": "awsui_header-actions_1r9lg_lic0n_467",
+  "divider": "awsui_divider_1r9lg_lic0n_475"
 };