@cloudscape-design/components-themeable 3.0.180 → 3.0.181

package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css

@@ -90,26 +90,26 @@ 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_series_1yz9c_1wjj3_93:not(#\9),
-.awsui_series--bar_1yz9c_1wjj3_94 > .awsui_series__rect_1yz9c_1wjj3_94:not(#\9) {
+.awsui_series_1yz9c_1i93u_93:not(#\9),
+.awsui_series--bar_1yz9c_1i93u_94 > .awsui_series__rect_1yz9c_1i93u_94:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_1yz9c_1wjj3_93:not(#\9),
-  .awsui_series--bar_1yz9c_1wjj3_94 > .awsui_series__rect_1yz9c_1wjj3_94:not(#\9) {
+  .awsui_series_1yz9c_1i93u_93:not(#\9),
+  .awsui_series--bar_1yz9c_1i93u_94 > .awsui_series__rect_1yz9c_1i93u_94:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_1yz9c_1wjj3_93:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_1wjj3_93:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_1wjj3_94 > .awsui_series__rect_1yz9c_1wjj3_94:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_1wjj3_94 > .awsui_series__rect_1yz9c_1wjj3_94:not(#\9) {
+.awsui-motion-disabled .awsui_series_1yz9c_1i93u_93:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_1i93u_93:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_1i93u_94 > .awsui_series__rect_1yz9c_1i93u_94:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_1i93u_94 > .awsui_series__rect_1yz9c_1i93u_94:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_exiting_1yz9c_1wjj3_111:not(#\9) {
-  animation: awsui_awsui-motion-fade-out-0_1yz9c_1wjj3_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms) var(--motion-easing-refresh-only-b-nspng9, cubic-bezier(1, 0, 0.83, 1));
+.awsui_exiting_1yz9c_1i93u_111:not(#\9) {
+  animation: awsui_awsui-motion-fade-out-0_1yz9c_1i93u_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms) var(--motion-easing-refresh-only-b-nspng9, cubic-bezier(1, 0, 0.83, 1));
 }
-@keyframes awsui_awsui-motion-fade-out-0_1yz9c_1wjj3_1 {
+@keyframes awsui_awsui-motion-fade-out-0_1yz9c_1i93u_1 {
   from {
     opacity: 1;
   }
@@ -118,12 +118,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_exiting_1yz9c_1wjj3_111:not(#\9) {
+  .awsui_exiting_1yz9c_1i93u_111:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_exiting_1yz9c_1wjj3_111:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_1wjj3_111:not(#\9) {
+.awsui-motion-disabled .awsui_exiting_1yz9c_1i93u_111:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_1i93u_111:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -132,7 +132,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_root_1yz9c_1wjj3_137:not(#\9) {
+.awsui_root_1yz9c_1i93u_137:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -167,50 +167,52 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   position: relative;
   display: block;
 }
 
-.awsui_filter-container_1yz9c_1wjj3_150:not(#\9) {
+.awsui_filter-container_1yz9c_1i93u_152:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_has-default-filter_1yz9c_1wjj3_154 > :not(#\9):first-child {
+.awsui_has-default-filter_1yz9c_1i93u_156 > :not(#\9):first-child {
   flex: 280px 0 1;
 }
 
-.awsui_chart-container_1yz9c_1wjj3_158:not(#\9) {
+.awsui_chart-container_1yz9c_1i93u_160:not(#\9) {
   display: flex;
   width: 100%;
   flex-direction: column;
 }
 
-.awsui_chart-container__vertical_1yz9c_1wjj3_164:not(#\9) {
+.awsui_chart-container__vertical_1yz9c_1i93u_166:not(#\9) {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
-.awsui_chart-container__horizontal_1yz9c_1wjj3_170:not(#\9) {
+.awsui_chart-container__horizontal_1yz9c_1i93u_172:not(#\9) {
   display: flex;
 }
 
-.awsui_content_1yz9c_1wjj3_174:not(#\9) {
+.awsui_content_1yz9c_1i93u_176:not(#\9) {
   display: flex;
   position: relative;
   justify-content: center;
   align-items: center;
 }
 
-.awsui_content--reserve-filter_1yz9c_1wjj3_181:not(#\9) {
+.awsui_content--reserve-filter_1yz9c_1i93u_183:not(#\9) {
   margin-top: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
-.awsui_content--reserve-legend_1yz9c_1wjj3_185:not(#\9) {
+.awsui_content--reserve-legend_1yz9c_1i93u_187:not(#\9) {
   margin-bottom: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
-.awsui_series_1yz9c_1wjj3_93:not(#\9) {
+.awsui_series_1yz9c_1i93u_93:not(#\9) {
   display: block;
   stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
   fill: none;
@@ -219,25 +221,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_series--highlighted_1yz9c_1wjj3_198:not(#\9),
-.awsui_series__bar--highlighted_1yz9c_1wjj3_199:not(#\9) {
+.awsui_series--highlighted_1yz9c_1i93u_200:not(#\9),
+.awsui_series__bar--highlighted_1yz9c_1i93u_201:not(#\9) {
   /* used in dom query */
 }
 
-.awsui_series--dimmed_1yz9c_1wjj3_203:not(#\9) {
+.awsui_series--dimmed_1yz9c_1i93u_205:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--bar_1yz9c_1wjj3_94 > .awsui_series__rect_1yz9c_1wjj3_94:not(#\9) {
+.awsui_series--bar_1yz9c_1i93u_94 > .awsui_series__rect_1yz9c_1i93u_94:not(#\9) {
   stroke: var(--color-background-container-content-o88wxm, #ffffff);
   stroke-width: 2px;
 }
 
-.awsui_series--threshold_1yz9c_1wjj3_212:not(#\9) {
+.awsui_series--threshold_1yz9c_1i93u_214:not(#\9) {
   stroke-dasharray: var(--border-line-chart-dash-array-4wa4ab, 3 5);
   stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
 }
 
-.awsui_bar-group_1yz9c_1wjj3_217:not(#\9) {
+.awsui_bar-group_1yz9c_1i93u_219:not(#\9) {
   /* used in dom query */
 }

package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_1yz9c_1wjj3_93",
-  "series--bar": "awsui_series--bar_1yz9c_1wjj3_94",
-  "series__rect": "awsui_series__rect_1yz9c_1wjj3_94",
-  "exiting": "awsui_exiting_1yz9c_1wjj3_111",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_1wjj3_1",
-  "root": "awsui_root_1yz9c_1wjj3_137",
-  "filter-container": "awsui_filter-container_1yz9c_1wjj3_150",
-  "has-default-filter": "awsui_has-default-filter_1yz9c_1wjj3_154",
-  "chart-container": "awsui_chart-container_1yz9c_1wjj3_158",
-  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_1wjj3_164",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_1wjj3_170",
-  "content": "awsui_content_1yz9c_1wjj3_174",
-  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_1wjj3_181",
-  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_1wjj3_185",
-  "series--highlighted": "awsui_series--highlighted_1yz9c_1wjj3_198",
-  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_1wjj3_199",
-  "series--dimmed": "awsui_series--dimmed_1yz9c_1wjj3_203",
-  "series--threshold": "awsui_series--threshold_1yz9c_1wjj3_212",
-  "bar-group": "awsui_bar-group_1yz9c_1wjj3_217"
+  "series": "awsui_series_1yz9c_1i93u_93",
+  "series--bar": "awsui_series--bar_1yz9c_1i93u_94",
+  "series__rect": "awsui_series__rect_1yz9c_1i93u_94",
+  "exiting": "awsui_exiting_1yz9c_1i93u_111",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_1i93u_1",
+  "root": "awsui_root_1yz9c_1i93u_137",
+  "filter-container": "awsui_filter-container_1yz9c_1i93u_152",
+  "has-default-filter": "awsui_has-default-filter_1yz9c_1i93u_156",
+  "chart-container": "awsui_chart-container_1yz9c_1i93u_160",
+  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_1i93u_166",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_1i93u_172",
+  "content": "awsui_content_1yz9c_1i93u_176",
+  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_1i93u_183",
+  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_1i93u_187",
+  "series--highlighted": "awsui_series--highlighted_1yz9c_1i93u_200",
+  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_1i93u_201",
+  "series--dimmed": "awsui_series--dimmed_1yz9c_1i93u_205",
+  "series--threshold": "awsui_series--threshold_1yz9c_1i93u_214",
+  "bar-group": "awsui_bar-group_1yz9c_1i93u_219"
 };
   

package/lib/internal/template/modal/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/modal/internal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAWlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,gBAAgB,CAAC,GAAG,0BAA0B,CAAC;AAE3G,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,cAAc,EACd,MAAM,EACN,QAAQ,EACR,MAAM,EACN,sBAAsB,EACtB,SAAS,EACT,SAAS,EACT,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,kBAAkB,eA2HpB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/modal/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAWlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,gBAAgB,CAAC,GAAG,0BAA0B,CAAC;AAE3G,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAI,EACJ,OAAO,EACP,cAAc,EACd,MAAM,EACN,QAAQ,EACR,MAAM,EACN,sBAAsB,EACtB,SAAS,EACT,SAAS,EACT,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,kBAAkB,eA8GpB"}

package/lib/internal/template/modal/internal.js

@@ -2,7 +2,6 @@ import { __assign, __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import React, { useEffect, useRef } from 'react';
-import FocusLock from 'react-focus-lock';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import clsx from 'clsx';
 import { getBaseProps } from '../internal/base-component';
@@ -16,13 +15,12 @@ import { useContainerBreakpoints } from '../internal/hooks/container-queries';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import { disableBodyScrolling, enableBodyScrolling } from './body-scroll';
 import styles from './styles.css.js';
-import { getFirstFocusable } from '../internal/components/focus-lock/utils';
+import FocusLock from '../internal/components/focus-lock';
 export default function InternalModal(_a) {
     var _b, _c;
     var size = _a.size, visible = _a.visible, closeAriaLabel = _a.closeAriaLabel, header = _a.header, children = _a.children, footer = _a.footer, disableContentPaddings = _a.disableContentPaddings, onDismiss = _a.onDismiss, modalRoot = _a.modalRoot, _d = _a.__internalRootRef, __internalRootRef = _d === void 0 ? null : _d, rest = __rest(_a, ["size", "visible", "closeAriaLabel", "header", "children", "footer", "disableContentPaddings", "onDismiss", "modalRoot", "__internalRootRef"]);
     var instanceUniqueId = useUniqueId();
     var headerId = "".concat(rest.id || instanceUniqueId, "-header");
-    var focusLockRef = useRef(null);
     var lastMouseDownElementRef = useRef(null);
     var _e = useContainerBreakpoints(['xs']), breakpoint = _e[0], breakpointsRef = _e[1];
     var refObject = useRef(null);
@@ -50,11 +48,6 @@ export default function InternalModal(_a) {
             refObject.current.scrollTop = 0;
         }
     }, [visible]);
-    // Imitate autoFocus=true when the modal opens but not when a focused element inside modal gets removed.
-    var onFocusActivation = function () {
-        var _a;
-        focusLockRef.current && ((_a = getFirstFocusable(focusLockRef.current)) === null || _a === void 0 ? void 0 : _a.focus());
-    };
     var dismiss = function (reason) { return fireNonCancelableEvent(onDismiss, { reason: reason }); };
     var onOverlayMouseDown = function (event) {
         lastMouseDownElementRef.current = event.target;
@@ -74,7 +67,7 @@ export default function InternalModal(_a) {
     };
     return (React.createElement(Portal, { container: modalRoot },
         React.createElement("div", __assign({}, baseProps, { className: clsx(styles.root, (_b = {}, _b[styles.hidden] = !visible, _b), baseProps.className, isRefresh && styles.refresh), role: "dialog", "aria-modal": true, "aria-labelledby": headerId, onMouseDown: onOverlayMouseDown, onClick: onOverlayClick, ref: mergedRef }),
-            React.createElement(FocusLock, { disabled: !visible, autoFocus: false, returnFocus: true, className: styles['focus-lock'], ref: focusLockRef, onActivation: onFocusActivation },
+            React.createElement(FocusLock, { disabled: !visible, autoFocus: true, restoreFocus: true, className: styles['focus-lock'] },
                 React.createElement("div", { className: clsx(styles.dialog, styles[size], styles["breakpoint-".concat(breakpoint)], isRefresh && styles.refresh), onKeyDown: escKeyHandler, tabIndex: -1 },
                     React.createElement("div", { className: styles.container },
                         React.createElement("div", { className: styles.header },

package/lib/internal/template/modal/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/modal/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport FocusLock from 'react-focus-lock';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport Portal from '../internal/components/portal';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport { getFirstFocusable } from '../internal/components/focus-lock/utils';\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size' | 'closeAriaLabel'> & InternalBaseComponentProps;\n\nexport default function InternalModal({\n  size,\n  visible,\n  closeAriaLabel,\n  header,\n  children,\n  footer,\n  disableContentPaddings,\n  onDismiss,\n  modalRoot,\n  __internalRootRef = null,\n  ...rest\n}: InternalModalProps) {\n  const instanceUniqueId = useUniqueId();\n  const headerId = `${rest.id || instanceUniqueId}-header`;\n  const focusLockRef = useRef<HTMLDivElement>(null);\n  const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n  const refObject = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n  const isRefresh = useVisualRefresh();\n\n  const baseProps = getBaseProps(rest);\n\n  // enable body scroll and restore focus if unmounting while visible\n  useEffect(() => {\n    return () => {\n      enableBodyScrolling();\n    };\n  }, []);\n\n  // enable / disable body scroll\n  useEffect(() => {\n    if (visible) {\n      disableBodyScrolling();\n    } else {\n      enableBodyScrolling();\n    }\n  }, [visible]);\n\n  // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n  useEffect(() => {\n    if (visible && refObject.current) {\n      refObject.current.scrollTop = 0;\n    }\n  }, [visible]);\n\n  // Imitate autoFocus=true when the modal opens but not when a focused element inside modal gets removed.\n  const onFocusActivation = () => {\n    focusLockRef.current && getFirstFocusable(focusLockRef.current)?.focus();\n  };\n\n  const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n  const onOverlayMouseDown = (event: React.MouseEvent) => {\n    lastMouseDownElementRef.current = event.target as HTMLElement;\n  };\n  const onOverlayClick = (event: React.MouseEvent) => {\n    const overlay = refObject.current;\n    const lastClicked = lastMouseDownElementRef.current;\n\n    if (event.target === overlay && lastClicked === overlay) {\n      dismiss('overlay');\n    }\n  };\n  const onCloseButtonClick = () => dismiss('closeButton');\n  const escKeyHandler = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.escape) {\n      dismiss('keyboard');\n    }\n  };\n\n  return (\n    <Portal container={modalRoot}>\n      <div\n        {...baseProps}\n        className={clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh)}\n        role=\"dialog\"\n        aria-modal={true}\n        aria-labelledby={headerId}\n        onMouseDown={onOverlayMouseDown}\n        onClick={onOverlayClick}\n        ref={mergedRef}\n      >\n        <FocusLock\n          disabled={!visible}\n          autoFocus={false}\n          returnFocus={true}\n          className={styles['focus-lock']}\n          ref={focusLockRef}\n          onActivation={onFocusActivation}\n        >\n          <div\n            className={clsx(\n              styles.dialog,\n              styles[size],\n              styles[`breakpoint-${breakpoint}`],\n              isRefresh && styles.refresh\n            )}\n            onKeyDown={escKeyHandler}\n            tabIndex={-1}\n          >\n            <div className={styles.container}>\n              <div className={styles.header}>\n                <InternalHeader\n                  variant=\"h2\"\n                  __disableActionsWrapping={true}\n                  actions={\n                    <InternalButton\n                      ariaLabel={closeAriaLabel}\n                      className={styles['dismiss-control']}\n                      variant=\"modal-dismiss\"\n                      iconName=\"close\"\n                      formAction=\"none\"\n                      onClick={onCloseButtonClick}\n                    />\n                  }\n                >\n                  <span id={headerId} className={styles['header--text']}>\n                    {header}\n                  </span>\n                </InternalHeader>\n              </div>\n              <div className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}>\n                {children}\n              </div>\n              {footer && <div className={styles.footer}>{footer}</div>}\n            </div>\n          </div>\n        </FocusLock>\n      </div>\n    </Portal>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/modal/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport Portal from '../internal/components/portal';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport FocusLock from '../internal/components/focus-lock';\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size' | 'closeAriaLabel'> & InternalBaseComponentProps;\n\nexport default function InternalModal({\n  size,\n  visible,\n  closeAriaLabel,\n  header,\n  children,\n  footer,\n  disableContentPaddings,\n  onDismiss,\n  modalRoot,\n  __internalRootRef = null,\n  ...rest\n}: InternalModalProps) {\n  const instanceUniqueId = useUniqueId();\n  const headerId = `${rest.id || instanceUniqueId}-header`;\n  const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n  const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n  const refObject = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n  const isRefresh = useVisualRefresh();\n\n  const baseProps = getBaseProps(rest);\n\n  // enable body scroll and restore focus if unmounting while visible\n  useEffect(() => {\n    return () => {\n      enableBodyScrolling();\n    };\n  }, []);\n\n  // enable / disable body scroll\n  useEffect(() => {\n    if (visible) {\n      disableBodyScrolling();\n    } else {\n      enableBodyScrolling();\n    }\n  }, [visible]);\n\n  // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n  useEffect(() => {\n    if (visible && refObject.current) {\n      refObject.current.scrollTop = 0;\n    }\n  }, [visible]);\n\n  const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n  const onOverlayMouseDown = (event: React.MouseEvent) => {\n    lastMouseDownElementRef.current = event.target as HTMLElement;\n  };\n  const onOverlayClick = (event: React.MouseEvent) => {\n    const overlay = refObject.current;\n    const lastClicked = lastMouseDownElementRef.current;\n\n    if (event.target === overlay && lastClicked === overlay) {\n      dismiss('overlay');\n    }\n  };\n  const onCloseButtonClick = () => dismiss('closeButton');\n  const escKeyHandler = (event: React.KeyboardEvent) => {\n    if (event.keyCode === KeyCode.escape) {\n      dismiss('keyboard');\n    }\n  };\n\n  return (\n    <Portal container={modalRoot}>\n      <div\n        {...baseProps}\n        className={clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh)}\n        role=\"dialog\"\n        aria-modal={true}\n        aria-labelledby={headerId}\n        onMouseDown={onOverlayMouseDown}\n        onClick={onOverlayClick}\n        ref={mergedRef}\n      >\n        <FocusLock disabled={!visible} autoFocus={true} restoreFocus={true} className={styles['focus-lock']}>\n          <div\n            className={clsx(\n              styles.dialog,\n              styles[size],\n              styles[`breakpoint-${breakpoint}`],\n              isRefresh && styles.refresh\n            )}\n            onKeyDown={escKeyHandler}\n            tabIndex={-1}\n          >\n            <div className={styles.container}>\n              <div className={styles.header}>\n                <InternalHeader\n                  variant=\"h2\"\n                  __disableActionsWrapping={true}\n                  actions={\n                    <InternalButton\n                      ariaLabel={closeAriaLabel}\n                      className={styles['dismiss-control']}\n                      variant=\"modal-dismiss\"\n                      iconName=\"close\"\n                      formAction=\"none\"\n                      onClick={onCloseButtonClick}\n                    />\n                  }\n                >\n                  <span id={headerId} className={styles['header--text']}>\n                    {header}\n                  </span>\n                </InternalHeader>\n              </div>\n              <div className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}>\n                {children}\n              </div>\n              {footer && <div className={styles.footer}>{footer}</div>}\n            </div>\n          </div>\n        </FocusLock>\n      </div>\n    </Portal>\n  );\n}\n"]}

package/lib/internal/template/modal/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_1dxvw_105",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1dxvw_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1dxvw_1",
-  "refresh": "awsui_refresh_1d2i7_1dxvw_128",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1dxvw_1",
-  "root": "awsui_root_1d2i7_1dxvw_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1dxvw_1",
-  "hidden": "awsui_hidden_1d2i7_1dxvw_224",
-  "focus-lock": "awsui_focus-lock_1d2i7_1dxvw_228",
-  "small": "awsui_small_1d2i7_1dxvw_246",
-  "medium": "awsui_medium_1d2i7_1dxvw_249",
-  "large": "awsui_large_1d2i7_1dxvw_252",
-  "max": "awsui_max_1d2i7_1dxvw_255",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1dxvw_255",
-  "container": "awsui_container_1d2i7_1dxvw_260",
-  "content": "awsui_content_1d2i7_1dxvw_284",
-  "no-paddings": "awsui_no-paddings_1d2i7_1dxvw_287",
-  "header": "awsui_header_1d2i7_1dxvw_291",
-  "header--text": "awsui_header--text_1d2i7_1dxvw_298",
-  "footer": "awsui_footer_1d2i7_1dxvw_302",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_1dxvw_312",
-  "modal-open": "awsui_modal-open_1d2i7_1dxvw_316"
+  "dialog": "awsui_dialog_1d2i7_8thbv_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_8thbv_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_8thbv_1",
+  "refresh": "awsui_refresh_1d2i7_8thbv_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_8thbv_1",
+  "root": "awsui_root_1d2i7_8thbv_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_8thbv_1",
+  "hidden": "awsui_hidden_1d2i7_8thbv_226",
+  "focus-lock": "awsui_focus-lock_1d2i7_8thbv_230",
+  "small": "awsui_small_1d2i7_8thbv_248",
+  "medium": "awsui_medium_1d2i7_8thbv_251",
+  "large": "awsui_large_1d2i7_8thbv_254",
+  "max": "awsui_max_1d2i7_8thbv_257",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_8thbv_257",
+  "container": "awsui_container_1d2i7_8thbv_262",
+  "content": "awsui_content_1d2i7_8thbv_288",
+  "no-paddings": "awsui_no-paddings_1d2i7_8thbv_291",
+  "header": "awsui_header_1d2i7_8thbv_295",
+  "header--text": "awsui_header--text_1d2i7_8thbv_302",
+  "footer": "awsui_footer_1d2i7_8thbv_306",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_8thbv_316",
+  "modal-open": "awsui_modal-open_1d2i7_8thbv_320"
 };
   

package/lib/internal/template/modal/styles.scoped.css

@@ -94,7 +94,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
 */
-@keyframes awsui_modal-slide-up_1d2i7_1dxvw_1 {
+@keyframes awsui_modal-slide-up_1d2i7_8thbv_1 {
   0% {
     transform: translate(0, 10px);
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translate(0, 0);
   }
 }
-.awsui_dialog_1d2i7_1dxvw_105:not(#\9) {
-  animation: awsui_modal-slide-up_1d2i7_1dxvw_1 var(--motion-duration-slow-0273ow, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_1dxvw_1 var(--motion-duration-slow-0273ow, 180ms) ease-out;
+.awsui_dialog_1d2i7_8thbv_105:not(#\9) {
+  animation: awsui_modal-slide-up_1d2i7_8thbv_1 var(--motion-duration-slow-0273ow, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_8thbv_1 var(--motion-duration-slow-0273ow, 180ms) ease-out;
   animation-delay: var(--motion-duration-fast-nk2ap0, 90ms);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1dxvw_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_8thbv_1 {
   from {
     opacity: 0;
   }
@@ -116,22 +116,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_1dxvw_105:not(#\9) {
+  .awsui_dialog_1d2i7_8thbv_105:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_1dxvw_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1dxvw_105:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_8thbv_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_8thbv_105:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dialog_1d2i7_1dxvw_105.awsui_refresh_1d2i7_1dxvw_128:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_1d2i7_1dxvw_1, awsui_awsui-motion-fade-in-0_1d2i7_1dxvw_1;
+.awsui_dialog_1d2i7_8thbv_105.awsui_refresh_1d2i7_8thbv_128:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_1d2i7_8thbv_1, awsui_awsui-motion-fade-in-0_1d2i7_8thbv_1;
   animation-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   animation-timing-function: var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1dxvw_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_8thbv_1 {
   from {
     opacity: 0;
   }
@@ -139,7 +139,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-scale-popup_1d2i7_1dxvw_1 {
+@keyframes awsui_awsui-motion-scale-popup_1d2i7_8thbv_1 {
   0% {
     transform: scale(0.95);
   }
@@ -148,21 +148,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_1dxvw_105.awsui_refresh_1d2i7_1dxvw_128:not(#\9) {
+  .awsui_dialog_1d2i7_8thbv_105.awsui_refresh_1d2i7_8thbv_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_1dxvw_105.awsui_refresh_1d2i7_1dxvw_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1dxvw_105.awsui_refresh_1d2i7_1dxvw_128:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_8thbv_105.awsui_refresh_1d2i7_8thbv_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_8thbv_105.awsui_refresh_1d2i7_8thbv_128:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1d2i7_1dxvw_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_1d2i7_1dxvw_1 var(--motion-duration-extra-slow-8ks5rs, 270ms) ease-out;
+.awsui_root_1d2i7_8thbv_161:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_1d2i7_8thbv_1 var(--motion-duration-extra-slow-8ks5rs, 270ms) ease-out;
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in_1d2i7_1dxvw_1 {
+@keyframes awsui_awsui-motion-fade-in_1d2i7_8thbv_1 {
   from {
     opacity: 0.2;
   }
@@ -171,25 +171,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_1dxvw_161:not(#\9) {
+  .awsui_root_1d2i7_8thbv_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_1dxvw_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1dxvw_161:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_8thbv_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_8thbv_161:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_1dxvw_161.awsui_refresh_1d2i7_1dxvw_128:not(#\9) {
+.awsui_root_1d2i7_8thbv_161.awsui_refresh_1d2i7_8thbv_128:not(#\9) {
   animation-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_1dxvw_161.awsui_refresh_1d2i7_1dxvw_128:not(#\9) {
+  .awsui_root_1d2i7_8thbv_161.awsui_refresh_1d2i7_8thbv_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_1dxvw_161.awsui_refresh_1d2i7_1dxvw_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1dxvw_161.awsui_refresh_1d2i7_1dxvw_128:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_8thbv_161.awsui_refresh_1d2i7_8thbv_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_8thbv_161.awsui_refresh_1d2i7_8thbv_128:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -198,7 +198,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_root_1d2i7_1dxvw_161:not(#\9) {
+.awsui_root_1d2i7_8thbv_161:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -233,6 +233,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   background-color: var(--color-background-modal-overlay-4qwcd5, rgba(242, 243, 243, 0.9));
   display: flex;
   align-items: center;
@@ -247,11 +249,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: auto;
   cursor: pointer;
 }
-.awsui_root_1d2i7_1dxvw_161.awsui_hidden_1d2i7_1dxvw_224:not(#\9) {
+.awsui_root_1d2i7_8thbv_161.awsui_hidden_1d2i7_8thbv_226:not(#\9) {
   display: none;
 }
 
-.awsui_focus-lock_1d2i7_1dxvw_228:not(#\9) {
+.awsui_focus-lock_1d2i7_8thbv_230:not(#\9) {
   align-self: flex-start;
   margin: auto;
   padding: var(--space-s-hv8c1d, 12px) 0;
@@ -259,7 +261,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_dialog_1d2i7_1dxvw_105:not(#\9) {
+.awsui_dialog_1d2i7_8thbv_105:not(#\9) {
   position: static;
   top: 0;
   transform: translate(0, 0);
@@ -269,21 +271,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 5000;
   pointer-events: all;
 }
-.awsui_dialog_1d2i7_1dxvw_105.awsui_small_1d2i7_1dxvw_246:not(#\9) {
+.awsui_dialog_1d2i7_8thbv_105.awsui_small_1d2i7_8thbv_248:not(#\9) {
   max-width: 320px;
 }
-.awsui_dialog_1d2i7_1dxvw_105.awsui_medium_1d2i7_1dxvw_249:not(#\9) {
+.awsui_dialog_1d2i7_8thbv_105.awsui_medium_1d2i7_8thbv_251:not(#\9) {
   max-width: 600px;
 }
-.awsui_dialog_1d2i7_1dxvw_105.awsui_large_1d2i7_1dxvw_252:not(#\9) {
+.awsui_dialog_1d2i7_8thbv_105.awsui_large_1d2i7_8thbv_254:not(#\9) {
   max-width: 820px;
 }
-.awsui_dialog_1d2i7_1dxvw_105.awsui_max_1d2i7_1dxvw_255.awsui_breakpoint-xs_1d2i7_1dxvw_255:not(#\9) {
+.awsui_dialog_1d2i7_8thbv_105.awsui_max_1d2i7_8thbv_257.awsui_breakpoint-xs_1d2i7_8thbv_257:not(#\9) {
   max-width: calc(100vw - (2 * 4 * 10px + var(--space-xxxl-bo9z7f, 40px)));
   margin: auto;
 }
 
-.awsui_container_1d2i7_1dxvw_260:not(#\9) {
+.awsui_container_1d2i7_8thbv_262:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -318,6 +320,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-body-default-7m2b3r, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
   display: block;
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
   box-shadow: var(--shadow-container-0bkp96, 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));
@@ -328,44 +332,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_container_1d2i7_1dxvw_260:not(#\9) {
+  .awsui_container_1d2i7_8thbv_262:not(#\9) {
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
 
-.awsui_content_1d2i7_1dxvw_284:not(#\9) {
+.awsui_content_1d2i7_8thbv_288:not(#\9) {
   padding: var(--space-container-content-top-u412x3, 16px) var(--space-modal-horizontal-ah0xld, 20px) var(--space-modal-content-bottom-2tkcs5, 20px);
 }
-.awsui_content_1d2i7_1dxvw_284.awsui_no-paddings_1d2i7_1dxvw_287:not(#\9) {
+.awsui_content_1d2i7_8thbv_288.awsui_no-paddings_1d2i7_8thbv_291:not(#\9) {
   padding: 0;
 }
 
-.awsui_header_1d2i7_1dxvw_291:not(#\9) {
+.awsui_header_1d2i7_8thbv_295:not(#\9) {
   padding: var(--space-s-hv8c1d, 12px) var(--space-modal-horizontal-ah0xld, 20px);
   background-color: var(--color-background-container-header-g9rg0j, #fafafa);
   border-bottom: 1px solid var(--color-border-container-divider-z203b8, #eaeded);
   border-radius: var(--border-radius-container-1aveko, 0px) var(--border-radius-container-1aveko, 0px) 0 0;
 }
 
-.awsui_header--text_1d2i7_1dxvw_298:not(#\9) {
+.awsui_header--text_1d2i7_8thbv_302:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1d2i7_1dxvw_302:not(#\9) {
+.awsui_footer_1d2i7_8thbv_306:not(#\9) {
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_footer_1d2i7_1dxvw_302:not(#\9):after {
+.awsui_footer_1d2i7_8thbv_306:not(#\9):after {
   content: "";
   display: table;
   clear: both;
 }
 
-.awsui_dismiss-control_1d2i7_1dxvw_312:not(#\9) {
+.awsui_dismiss-control_1d2i7_8thbv_316:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_modal-open_1d2i7_1dxvw_316:not(#\9) {
+.awsui_modal-open_1d2i7_8thbv_320:not(#\9) {
   overflow: hidden;
   /*
    * When padding-right is added to account for scrollbar being turned