@cloudscape-design/components 3.0.284 → 3.0.285

package/flashbar/styles.selectors.js

@@ -2,50 +2,50 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_kln9a_93",
-  "enter": "awsui_enter_1q84n_kln9a_93",
-  "flash-body": "awsui_flash-body_1q84n_kln9a_107",
-  "flash-message": "awsui_flash-message_1q84n_kln9a_107",
-  "flash-header": "awsui_flash-header_1q84n_kln9a_107",
-  "flash-content": "awsui_flash-content_1q84n_kln9a_108",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_kln9a_109",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_kln9a_110",
-  "flash-icon": "awsui_flash-icon_1q84n_kln9a_133",
-  "entering": "awsui_entering_1q84n_kln9a_146",
-  "entered": "awsui_entered_1q84n_kln9a_167",
-  "exiting": "awsui_exiting_1q84n_kln9a_272",
-  "stack": "awsui_stack_1q84n_kln9a_294",
-  "animation-running": "awsui_animation-running_1q84n_kln9a_294",
-  "item": "awsui_item_1q84n_kln9a_294",
-  "flash-list-item": "awsui_flash-list-item_1q84n_kln9a_295",
-  "notification-bar": "awsui_notification-bar_1q84n_kln9a_296",
-  "collapsed": "awsui_collapsed_1q84n_kln9a_316",
-  "animation-ready": "awsui_animation-ready_1q84n_kln9a_316",
-  "expanded-only": "awsui_expanded-only_1q84n_kln9a_316",
-  "expanded": "awsui_expanded_1q84n_kln9a_316",
-  "flash": "awsui_flash_1q84n_kln9a_93",
-  "collapsible": "awsui_collapsible_1q84n_kln9a_380",
-  "short-list": "awsui_short-list_1q84n_kln9a_386",
-  "visual-refresh": "awsui_visual-refresh_1q84n_kln9a_386",
-  "status": "awsui_status_1q84n_kln9a_603",
-  "header": "awsui_header_1q84n_kln9a_603",
-  "item-count": "awsui_item-count_1q84n_kln9a_604",
-  "button": "awsui_button_1q84n_kln9a_605",
-  "type-count": "awsui_type-count_1q84n_kln9a_640",
-  "count-number": "awsui_count-number_1q84n_kln9a_640",
-  "icon": "awsui_icon_1q84n_kln9a_674",
-  "floating": "awsui_floating_1q84n_kln9a_712",
-  "flashbar": "awsui_flashbar_1q84n_kln9a_720",
-  "flash-refresh": "awsui_flash-refresh_1q84n_kln9a_766",
-  "flash-list": "awsui_flash-list_1q84n_kln9a_295",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_kln9a_785",
-  "flash-text": "awsui_flash-text_1q84n_kln9a_812",
-  "dismiss-button": "awsui_dismiss-button_1q84n_kln9a_110",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_kln9a_853",
-  "action-button": "awsui_action-button_1q84n_kln9a_109",
-  "flash-type-success": "awsui_flash-type-success_1q84n_kln9a_866",
-  "flash-type-error": "awsui_flash-type-error_1q84n_kln9a_870",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_kln9a_874",
-  "flash-type-info": "awsui_flash-type-info_1q84n_kln9a_878"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1psfn_93",
+  "enter": "awsui_enter_1q84n_1psfn_93",
+  "flash-body": "awsui_flash-body_1q84n_1psfn_107",
+  "flash-message": "awsui_flash-message_1q84n_1psfn_107",
+  "flash-header": "awsui_flash-header_1q84n_1psfn_107",
+  "flash-content": "awsui_flash-content_1q84n_1psfn_108",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1psfn_109",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1psfn_110",
+  "flash-icon": "awsui_flash-icon_1q84n_1psfn_133",
+  "entering": "awsui_entering_1q84n_1psfn_146",
+  "entered": "awsui_entered_1q84n_1psfn_167",
+  "exiting": "awsui_exiting_1q84n_1psfn_272",
+  "stack": "awsui_stack_1q84n_1psfn_294",
+  "animation-running": "awsui_animation-running_1q84n_1psfn_294",
+  "item": "awsui_item_1q84n_1psfn_294",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1psfn_295",
+  "notification-bar": "awsui_notification-bar_1q84n_1psfn_296",
+  "collapsed": "awsui_collapsed_1q84n_1psfn_316",
+  "animation-ready": "awsui_animation-ready_1q84n_1psfn_316",
+  "expanded-only": "awsui_expanded-only_1q84n_1psfn_316",
+  "expanded": "awsui_expanded_1q84n_1psfn_316",
+  "flash": "awsui_flash_1q84n_1psfn_93",
+  "collapsible": "awsui_collapsible_1q84n_1psfn_380",
+  "short-list": "awsui_short-list_1q84n_1psfn_386",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1psfn_386",
+  "status": "awsui_status_1q84n_1psfn_603",
+  "header": "awsui_header_1q84n_1psfn_603",
+  "item-count": "awsui_item-count_1q84n_1psfn_604",
+  "button": "awsui_button_1q84n_1psfn_605",
+  "type-count": "awsui_type-count_1q84n_1psfn_640",
+  "count-number": "awsui_count-number_1q84n_1psfn_640",
+  "icon": "awsui_icon_1q84n_1psfn_674",
+  "floating": "awsui_floating_1q84n_1psfn_712",
+  "flashbar": "awsui_flashbar_1q84n_1psfn_720",
+  "flash-refresh": "awsui_flash-refresh_1q84n_1psfn_766",
+  "flash-list": "awsui_flash-list_1q84n_1psfn_295",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1psfn_785",
+  "flash-text": "awsui_flash-text_1q84n_1psfn_812",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1psfn_110",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_1psfn_853",
+  "action-button": "awsui_action-button_1q84n_1psfn_109",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1psfn_866",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1psfn_870",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1psfn_874",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1psfn_878"
 };
   

package/header/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["header/internal.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAwB,EACxB,wBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,mBAAmB,eAoErB"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["header/internal.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGjD,UAAU,mBAAoB,SAAQ,YAAY,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,0BAA0B;IACpG,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,IAAI,EACJ,iBAAwB,EACxB,wBAAwB,EACxB,GAAG,SAAS,EACb,EAAE,mBAAmB,eAsErB"}

package/header/internal.js

@@ -7,13 +7,16 @@ import { getBaseProps } from '../internal/base-component';
 import { StickyHeaderContext } from '../container/use-sticky-header';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
 import styles from './styles.css.js';
+import { useMobile } from '../internal/hooks/use-mobile';
 export default function InternalHeader(_a) {
     var { variant, headingTagOverride, children, actions, counter, description, info, __internalRootRef = null, __disableActionsWrapping } = _a, restProps = __rest(_a, ["variant", "headingTagOverride", "children", "actions", "counter", "description", "info", "__internalRootRef", "__disableActionsWrapping"]);
+    const isMobile = useMobile();
     const HeadingTag = headingTagOverride !== null && headingTagOverride !== void 0 ? headingTagOverride : (variant === 'awsui-h1-sticky' ? 'h1' : variant);
     const { isStuck } = useContext(StickyHeaderContext);
     const baseProps = getBaseProps(restProps);
     const isRefresh = useVisualRefresh();
-    const dynamicVariant = isStuck ? 'h2' : 'h1';
+    // If is mobile there is no need to have the dynamic variant because it's scrolled out of view
+    const dynamicVariant = !isMobile && isStuck ? 'h2' : 'h1';
     const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;
     return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(styles.root, baseProps.className, styles[`root-variant-${variantOverride}`], isRefresh && styles[`root-variant-${variantOverride}-refresh`], !actions && [styles[`root-no-actions`]], description && [styles[`root-has-description`]], __disableActionsWrapping && [styles['root-no-wrap']]), ref: __internalRootRef }),
         React.createElement("div", { className: clsx(styles.main, styles[`main-variant-${variantOverride}`], isRefresh && styles[`main-variant-${variantOverride}-refresh`]) },

package/header/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["header/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 clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { HeaderProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n  __disableActionsWrapping?: boolean;\n}\n\nexport default function InternalHeader({\n  variant,\n  headingTagOverride,\n  children,\n  actions,\n  counter,\n  description,\n  info,\n  __internalRootRef = null,\n  __disableActionsWrapping,\n  ...restProps\n}: InternalHeaderProps) {\n  const HeadingTag = headingTagOverride ?? (variant === 'awsui-h1-sticky' ? 'h1' : variant);\n  const { isStuck } = useContext(StickyHeaderContext);\n  const baseProps = getBaseProps(restProps);\n  const isRefresh = useVisualRefresh();\n  const dynamicVariant = isStuck ? 'h2' : 'h1';\n  const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        styles[`root-variant-${variantOverride}`],\n        isRefresh && styles[`root-variant-${variantOverride}-refresh`],\n        !actions && [styles[`root-no-actions`]],\n        description && [styles[`root-has-description`]],\n        __disableActionsWrapping && [styles['root-no-wrap']]\n      )}\n      ref={__internalRootRef}\n    >\n      <div\n        className={clsx(\n          styles.main,\n          styles[`main-variant-${variantOverride}`],\n          isRefresh && styles[`main-variant-${variantOverride}-refresh`]\n        )}\n      >\n        <div\n          className={clsx(\n            styles.title,\n            styles[`title-variant-${variantOverride}`],\n            isRefresh && styles[`title-variant-${variantOverride}-refresh`]\n          )}\n        >\n          <HeadingTag className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}>\n            <span className={clsx(styles['heading-text'], styles[`heading-text-variant-${variantOverride}`])}>\n              {children}\n            </span>\n            {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n          </HeadingTag>\n          {info && <span className={styles.info}>{info}</span>}\n        </div>\n        {description && (\n          <p\n            className={clsx(\n              styles.description,\n              styles[`description-variant-${variantOverride}`],\n              isRefresh && styles[`description-variant-${variantOverride}-refresh`]\n            )}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n      {actions && (\n        <div\n          className={clsx(\n            styles.actions,\n            styles[`actions-variant-${variantOverride}`],\n            isRefresh && styles[`actions-variant-${variantOverride}-refresh`]\n          )}\n        >\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["header/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 clsx from 'clsx';\nimport React, { useContext } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { HeaderProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport { useMobile } from '../internal/hooks/use-mobile';\n\ninterface InternalHeaderProps extends SomeRequired<HeaderProps, 'variant'>, InternalBaseComponentProps {\n  __disableActionsWrapping?: boolean;\n}\n\nexport default function InternalHeader({\n  variant,\n  headingTagOverride,\n  children,\n  actions,\n  counter,\n  description,\n  info,\n  __internalRootRef = null,\n  __disableActionsWrapping,\n  ...restProps\n}: InternalHeaderProps) {\n  const isMobile = useMobile();\n  const HeadingTag = headingTagOverride ?? (variant === 'awsui-h1-sticky' ? 'h1' : variant);\n  const { isStuck } = useContext(StickyHeaderContext);\n  const baseProps = getBaseProps(restProps);\n  const isRefresh = useVisualRefresh();\n  // If is mobile there is no need to have the dynamic variant because it's scrolled out of view\n  const dynamicVariant = !isMobile && isStuck ? 'h2' : 'h1';\n  const variantOverride = variant === 'awsui-h1-sticky' ? (isRefresh ? dynamicVariant : 'h2') : variant;\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        styles.root,\n        baseProps.className,\n        styles[`root-variant-${variantOverride}`],\n        isRefresh && styles[`root-variant-${variantOverride}-refresh`],\n        !actions && [styles[`root-no-actions`]],\n        description && [styles[`root-has-description`]],\n        __disableActionsWrapping && [styles['root-no-wrap']]\n      )}\n      ref={__internalRootRef}\n    >\n      <div\n        className={clsx(\n          styles.main,\n          styles[`main-variant-${variantOverride}`],\n          isRefresh && styles[`main-variant-${variantOverride}-refresh`]\n        )}\n      >\n        <div\n          className={clsx(\n            styles.title,\n            styles[`title-variant-${variantOverride}`],\n            isRefresh && styles[`title-variant-${variantOverride}-refresh`]\n          )}\n        >\n          <HeadingTag className={clsx(styles.heading, styles[`heading-variant-${variantOverride}`])}>\n            <span className={clsx(styles['heading-text'], styles[`heading-text-variant-${variantOverride}`])}>\n              {children}\n            </span>\n            {counter !== undefined && <span className={styles.counter}> {counter}</span>}\n          </HeadingTag>\n          {info && <span className={styles.info}>{info}</span>}\n        </div>\n        {description && (\n          <p\n            className={clsx(\n              styles.description,\n              styles[`description-variant-${variantOverride}`],\n              isRefresh && styles[`description-variant-${variantOverride}-refresh`]\n            )}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n      {actions && (\n        <div\n          className={clsx(\n            styles.actions,\n            styles[`actions-variant-${variantOverride}`],\n            isRefresh && styles[`actions-variant-${variantOverride}-refresh`]\n          )}\n        >\n          {actions}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/internal/base-component/styles.scoped.css

@@ -542,7 +542,6 @@
   --space-table-embedded-header-top-zf07fk:0px;
   --space-table-footer-horizontal-8o6sk8:0px;
   --space-tabs-focus-outline-gutter-64zu5e:-8px;
-  --space-text-grid-vertical-tj8m1c:16px;
   --space-scaled-2x-xxs-40awim:4px;
   --space-scaled-2x-s-9svxjy:12px;
   --space-scaled-2x-l-yejodm:20px;
@@ -966,7 +965,6 @@
   --space-table-header-focus-outline-gutter-rbx7m7:-1px;
   --space-tabs-content-top-mn4c9x:8px;
   --space-table-content-top-t15dd1:8px;
-  --space-text-grid-vertical-tj8m1c:12px;
   --space-scaled-2x-xxs-40awim:0px;
   --space-scaled-2x-s-9svxjy:4px;
   --space-scaled-2x-l-yejodm:12px;
@@ -1011,7 +1009,6 @@
   --space-panel-split-top-0y4u4f:16px;
   --space-tabs-content-top-mn4c9x:8px;
   --space-table-content-top-t15dd1:8px;
-  --space-text-grid-vertical-tj8m1c:12px;
   --space-scaled-xxxs-lo883m:0px;
   --space-scaled-xxs-95dhkm:2px;
   --space-scaled-xs-6859qs:4px;

package/internal/context/app-layout-context.d.ts

@@ -3,6 +3,7 @@ export interface AppLayoutContextProps {
     stickyOffsetBottom: number;
     stickyOffsetTop: number;
     hasBreadcrumbs: boolean;
+    mobileBarHeight?: number;
     setHasStickyBackground?: (hasBackground: boolean) => void;
 }
 export declare const AppLayoutContext: import("react").Context<AppLayoutContextProps>;

package/internal/context/app-layout-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-layout-context.d.ts","sourceRoot":"lib/default/","sources":["internal/context/app-layout-context.ts"],"names":[],"mappings":";AAIA,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,sBAAsB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,gBAAgB,gDAI3B,CAAC;AAEH,wBAAgB,mBAAmB,0BAElC"}
+{"version":3,"file":"app-layout-context.d.ts","sourceRoot":"lib/default/","sources":["internal/context/app-layout-context.ts"],"names":[],"mappings":";AAIA,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,gBAAgB,gDAK3B,CAAC;AAEH,wBAAgB,mBAAmB,0BAElC"}

package/internal/context/app-layout-context.js

@@ -4,6 +4,7 @@ import { useContext, createContext } from 'react';
 export const AppLayoutContext = createContext({
     stickyOffsetTop: 0,
     stickyOffsetBottom: 0,
+    mobileBarHeight: 0,
     hasBreadcrumbs: false,
 });
 export function useAppLayoutContext() {

package/internal/context/app-layout-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-layout-context.js","sourceRoot":"lib/default/","sources":["internal/context/app-layout-context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB;IACnE,eAAe,EAAE,CAAC;IAClB,kBAAkB,EAAE,CAAC;IACrB,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC;AAEH,MAAM,UAAU,mBAAmB;IACjC,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACtC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext, createContext } from 'react';\n\nexport interface AppLayoutContextProps {\n  stickyOffsetBottom: number;\n  stickyOffsetTop: number;\n  hasBreadcrumbs: boolean;\n  setHasStickyBackground?: (hasBackground: boolean) => void;\n}\n\nexport const AppLayoutContext = createContext<AppLayoutContextProps>({\n  stickyOffsetTop: 0,\n  stickyOffsetBottom: 0,\n  hasBreadcrumbs: false,\n});\n\nexport function useAppLayoutContext() {\n  return useContext(AppLayoutContext);\n}\n"]}
+{"version":3,"file":"app-layout-context.js","sourceRoot":"lib/default/","sources":["internal/context/app-layout-context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAUlD,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAwB;IACnE,eAAe,EAAE,CAAC;IAClB,kBAAkB,EAAE,CAAC;IACrB,eAAe,EAAE,CAAC;IAClB,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC;AAEH,MAAM,UAAU,mBAAmB;IACjC,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACtC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useContext, createContext } from 'react';\n\nexport interface AppLayoutContextProps {\n  stickyOffsetBottom: number;\n  stickyOffsetTop: number;\n  hasBreadcrumbs: boolean;\n  mobileBarHeight?: number;\n  setHasStickyBackground?: (hasBackground: boolean) => void;\n}\n\nexport const AppLayoutContext = createContext<AppLayoutContextProps>({\n  stickyOffsetTop: 0,\n  stickyOffsetBottom: 0,\n  mobileBarHeight: 0,\n  hasBreadcrumbs: false,\n});\n\nexport function useAppLayoutContext() {\n  return useContext(AppLayoutContext);\n}\n"]}

package/internal/environment.js

@@ -1,6 +1,6 @@
 
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (182daec)';
+    export var PACKAGE_VERSION = '3.0.0 (fc14744)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/internal/generated/custom-css-properties/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAgClD,CAAC;AACF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAiClD,CAAC;AACF,eAAe,sBAAsB,CAAC"}

package/internal/generated/custom-css-properties/index.js

@@ -1,35 +1,36 @@
 const customCSSPropertiesMap = {
-    activeDrawerWidth: '--awsui-active-drawer-width-3j0evk',
-    offsetTop: '--awsui-offset-top-3j0evk',
-    offsetTopWithNotifications: '--awsui-offset-top-with-notifications-3j0evk',
-    contentGapLeft: '--awsui-content-gap-left-3j0evk',
-    contentGapRight: '--awsui-content-gap-right-3j0evk',
-    contentHeight: '--awsui-content-height-3j0evk',
-    defaultMaxContentWidth: '--awsui-default-max-content-width-3j0evk',
-    defaultMinContentWidth: '--awsui-default-min-content-width-3j0evk',
-    footerHeight: '--awsui-footer-height-3j0evk',
-    headerHeight: '--awsui-header-height-3j0evk',
-    layoutWidth: '--awsui-layout-width-3j0evk',
-    mainOffsetLeft: '--awsui-main-offset-left-3j0evk',
-    maxContentWidth: '--awsui-max-content-width-3j0evk',
-    minContentWidth: '--awsui-min-content-width-3j0evk',
-    notificationsHeight: '--awsui-notifications-height-3j0evk',
-    overlapHeight: '--awsui-overlap-height-3j0evk',
-    navigationWidth: '--awsui-navigation-width-3j0evk',
-    splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-3j0evk',
-    splitPanelReportedSize: '--awsui-split-panel-reported-size-3j0evk',
-    splitPanelHeight: '--awsui-split-panel-height-3j0evk',
-    splitPanelMinWidth: '--awsui-split-panel-min-width-3j0evk',
-    splitPanelMaxWidth: '--awsui-split-panel-max-width-3j0evk',
-    toolsMaxWidth: '--awsui-tools-max-width-3j0evk',
-    toolsWidth: '--awsui-tools-width-3j0evk',
-    toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-3j0evk',
-    contentScrollMargin: '--awsui-content-scroll-margin-3j0evk',
-    flashbarStackDepth: '--awsui-flashbar-stack-depth-3j0evk',
-    flashbarStackIndex: '--awsui-flashbar-stack-index-3j0evk',
-    flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-3j0evk',
-    stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-3j0evk',
-    stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-3j0evk',
+    activeDrawerWidth: '--awsui-active-drawer-width-rrnppm',
+    offsetTop: '--awsui-offset-top-rrnppm',
+    offsetTopWithNotifications: '--awsui-offset-top-with-notifications-rrnppm',
+    contentGapLeft: '--awsui-content-gap-left-rrnppm',
+    contentGapRight: '--awsui-content-gap-right-rrnppm',
+    contentHeight: '--awsui-content-height-rrnppm',
+    defaultMaxContentWidth: '--awsui-default-max-content-width-rrnppm',
+    defaultMinContentWidth: '--awsui-default-min-content-width-rrnppm',
+    footerHeight: '--awsui-footer-height-rrnppm',
+    headerHeight: '--awsui-header-height-rrnppm',
+    layoutWidth: '--awsui-layout-width-rrnppm',
+    mainOffsetLeft: '--awsui-main-offset-left-rrnppm',
+    maxContentWidth: '--awsui-max-content-width-rrnppm',
+    minContentWidth: '--awsui-min-content-width-rrnppm',
+    mobileBarHeight: '--awsui-mobile-bar-height-rrnppm',
+    notificationsHeight: '--awsui-notifications-height-rrnppm',
+    overlapHeight: '--awsui-overlap-height-rrnppm',
+    navigationWidth: '--awsui-navigation-width-rrnppm',
+    splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-rrnppm',
+    splitPanelReportedSize: '--awsui-split-panel-reported-size-rrnppm',
+    splitPanelHeight: '--awsui-split-panel-height-rrnppm',
+    splitPanelMinWidth: '--awsui-split-panel-min-width-rrnppm',
+    splitPanelMaxWidth: '--awsui-split-panel-max-width-rrnppm',
+    toolsMaxWidth: '--awsui-tools-max-width-rrnppm',
+    toolsWidth: '--awsui-tools-width-rrnppm',
+    toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-rrnppm',
+    contentScrollMargin: '--awsui-content-scroll-margin-rrnppm',
+    flashbarStackDepth: '--awsui-flashbar-stack-depth-rrnppm',
+    flashbarStackIndex: '--awsui-flashbar-stack-index-rrnppm',
+    flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-rrnppm',
+    stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-rrnppm',
+    stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-rrnppm',
 };
 export default customCSSPropertiesMap;
 //# sourceMappingURL=index.js.map

package/internal/generated/custom-css-properties/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAA2B;IACrD,iBAAiB,EAAE,oCAAoC;IACvD,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,YAAY,EAAE,8BAA8B;IAC5C,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,mBAAmB,EAAE,qCAAqC;IAC1D,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;IAC1E,gCAAgC,EAAE,oDAAoD;IACtF,uCAAuC,EAAE,4DAA4D;CACtG,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n  activeDrawerWidth: '--awsui-active-drawer-width-3j0evk',\n  offsetTop: '--awsui-offset-top-3j0evk',\n  offsetTopWithNotifications: '--awsui-offset-top-with-notifications-3j0evk',\n  contentGapLeft: '--awsui-content-gap-left-3j0evk',\n  contentGapRight: '--awsui-content-gap-right-3j0evk',\n  contentHeight: '--awsui-content-height-3j0evk',\n  defaultMaxContentWidth: '--awsui-default-max-content-width-3j0evk',\n  defaultMinContentWidth: '--awsui-default-min-content-width-3j0evk',\n  footerHeight: '--awsui-footer-height-3j0evk',\n  headerHeight: '--awsui-header-height-3j0evk',\n  layoutWidth: '--awsui-layout-width-3j0evk',\n  mainOffsetLeft: '--awsui-main-offset-left-3j0evk',\n  maxContentWidth: '--awsui-max-content-width-3j0evk',\n  minContentWidth: '--awsui-min-content-width-3j0evk',\n  notificationsHeight: '--awsui-notifications-height-3j0evk',\n  overlapHeight: '--awsui-overlap-height-3j0evk',\n  navigationWidth: '--awsui-navigation-width-3j0evk',\n  splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-3j0evk',\n  splitPanelReportedSize: '--awsui-split-panel-reported-size-3j0evk',\n  splitPanelHeight: '--awsui-split-panel-height-3j0evk',\n  splitPanelMinWidth: '--awsui-split-panel-min-width-3j0evk',\n  splitPanelMaxWidth: '--awsui-split-panel-max-width-3j0evk',\n  toolsMaxWidth: '--awsui-tools-max-width-3j0evk',\n  toolsWidth: '--awsui-tools-width-3j0evk',\n  toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-3j0evk',\n  contentScrollMargin: '--awsui-content-scroll-margin-3j0evk',\n  flashbarStackDepth: '--awsui-flashbar-stack-depth-3j0evk',\n  flashbarStackIndex: '--awsui-flashbar-stack-index-3j0evk',\n  flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-3j0evk',\n  stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-3j0evk',\n  stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-3j0evk',\n};\nexport default customCSSPropertiesMap;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AAAA,MAAM,sBAAsB,GAA2B;IACrD,iBAAiB,EAAE,oCAAoC;IACvD,SAAS,EAAE,2BAA2B;IACtC,0BAA0B,EAAE,8CAA8C;IAC1E,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,aAAa,EAAE,+BAA+B;IAC9C,sBAAsB,EAAE,0CAA0C;IAClE,sBAAsB,EAAE,0CAA0C;IAClE,YAAY,EAAE,8BAA8B;IAC5C,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EAAE,6BAA6B;IAC1C,cAAc,EAAE,iCAAiC;IACjD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,eAAe,EAAE,kCAAkC;IACnD,mBAAmB,EAAE,qCAAqC;IAC1D,aAAa,EAAE,+BAA+B;IAC9C,eAAe,EAAE,iCAAiC;IAClD,4BAA4B,EAAE,iDAAiD;IAC/E,sBAAsB,EAAE,0CAA0C;IAClE,gBAAgB,EAAE,mCAAmC;IACrD,kBAAkB,EAAE,sCAAsC;IAC1D,kBAAkB,EAAE,sCAAsC;IAC1D,aAAa,EAAE,gCAAgC;IAC/C,UAAU,EAAE,4BAA4B;IACxC,6BAA6B,EAAE,iDAAiD;IAChF,mBAAmB,EAAE,sCAAsC;IAC3D,kBAAkB,EAAE,qCAAqC;IACzD,kBAAkB,EAAE,qCAAqC;IACzD,0BAA0B,EAAE,8CAA8C;IAC1E,gCAAgC,EAAE,oDAAoD;IACtF,uCAAuC,EAAE,4DAA4D;CACtG,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["const customCSSPropertiesMap: Record<string, string> = {\n  activeDrawerWidth: '--awsui-active-drawer-width-rrnppm',\n  offsetTop: '--awsui-offset-top-rrnppm',\n  offsetTopWithNotifications: '--awsui-offset-top-with-notifications-rrnppm',\n  contentGapLeft: '--awsui-content-gap-left-rrnppm',\n  contentGapRight: '--awsui-content-gap-right-rrnppm',\n  contentHeight: '--awsui-content-height-rrnppm',\n  defaultMaxContentWidth: '--awsui-default-max-content-width-rrnppm',\n  defaultMinContentWidth: '--awsui-default-min-content-width-rrnppm',\n  footerHeight: '--awsui-footer-height-rrnppm',\n  headerHeight: '--awsui-header-height-rrnppm',\n  layoutWidth: '--awsui-layout-width-rrnppm',\n  mainOffsetLeft: '--awsui-main-offset-left-rrnppm',\n  maxContentWidth: '--awsui-max-content-width-rrnppm',\n  minContentWidth: '--awsui-min-content-width-rrnppm',\n  mobileBarHeight: '--awsui-mobile-bar-height-rrnppm',\n  notificationsHeight: '--awsui-notifications-height-rrnppm',\n  overlapHeight: '--awsui-overlap-height-rrnppm',\n  navigationWidth: '--awsui-navigation-width-rrnppm',\n  splitPanelReportedHeaderSize: '--awsui-split-panel-reported-header-size-rrnppm',\n  splitPanelReportedSize: '--awsui-split-panel-reported-size-rrnppm',\n  splitPanelHeight: '--awsui-split-panel-height-rrnppm',\n  splitPanelMinWidth: '--awsui-split-panel-min-width-rrnppm',\n  splitPanelMaxWidth: '--awsui-split-panel-max-width-rrnppm',\n  toolsMaxWidth: '--awsui-tools-max-width-rrnppm',\n  toolsWidth: '--awsui-tools-width-rrnppm',\n  toolsAnimationStartingOpacity: '--awsui-tools-animation-starting-opacity-rrnppm',\n  contentScrollMargin: '--awsui-content-scroll-margin-rrnppm',\n  flashbarStackDepth: '--awsui-flashbar-stack-depth-rrnppm',\n  flashbarStackIndex: '--awsui-flashbar-stack-index-rrnppm',\n  flashbarStickyBottomMargin: '--awsui-flashbar-sticky-bottom-margin-rrnppm',\n  stackedNotificationsBottomMargin: '--awsui-stacked-notifications-bottom-margin-rrnppm',\n  stackedNotificationsDefaultBottomMargin: '--awsui-stacked-notifications-default-bottom-margin-rrnppm',\n};\nexport default customCSSPropertiesMap;\n"]}

package/internal/generated/theming/index.cjs

@@ -2068,10 +2068,6 @@ module.exports.preset = {
         "comfortable": "-8px",
         "compact": "-8px"
       },
-      "spaceTextGridVertical": {
-        "comfortable": "{spaceScaledM}",
-        "compact": "{spaceScaledM}"
-      },
       "spaceScaled2xNone": {
         "comfortable": "{spaceNone}",
         "compact": "{spaceNone}"
@@ -2490,10 +2486,6 @@ module.exports.preset = {
             "comfortable": "-8px",
             "compact": "-8px"
           },
-          "spaceTextGridVertical": {
-            "comfortable": "{spaceScaledM}",
-            "compact": "{spaceScaledM}"
-          },
           "spaceScaled2xNone": {
             "comfortable": "{spaceNone}",
             "compact": "{spaceNone}"
@@ -6840,7 +6832,6 @@ module.exports.preset = {
       "spaceTableEmbeddedHeaderTop": "density",
       "spaceTableFooterHorizontal": "density",
       "spaceTabsFocusOutlineGutter": "density",
-      "spaceTextGridVertical": "density",
       "spaceScaled2xNone": "density",
       "spaceScaled2xXxxs": "density",
       "spaceScaled2xXxs": "density",
@@ -7978,7 +7969,6 @@ module.exports.preset = {
     "spaceTableEmbeddedHeaderTop": "space-table-embedded-header-top",
     "spaceTableFooterHorizontal": "space-table-footer-horizontal",
     "spaceTabsFocusOutlineGutter": "space-tabs-focus-outline-gutter",
-    "spaceTextGridVertical": "space-text-grid-vertical",
     "spaceScaled2xNone": "space-scaled-2x-none",
     "spaceScaled2xXxxs": "space-scaled-2x-xxxs",
     "spaceScaled2xXxs": "space-scaled-2x-xxs",
@@ -8645,7 +8635,6 @@ module.exports.preset = {
     "spaceTableEmbeddedHeaderTop": "--space-table-embedded-header-top-zf07fk",
     "spaceTableFooterHorizontal": "--space-table-footer-horizontal-8o6sk8",
     "spaceTabsFocusOutlineGutter": "--space-tabs-focus-outline-gutter-64zu5e",
-    "spaceTextGridVertical": "--space-text-grid-vertical-tj8m1c",
     "spaceScaled2xNone": "--space-scaled-2x-none-5hsg85",
     "spaceScaled2xXxxs": "--space-scaled-2x-xxxs-g2hxk6",
     "spaceScaled2xXxs": "--space-scaled-2x-xxs-40awim",

package/internal/generated/theming/index.js

@@ -2068,10 +2068,6 @@ export var preset = {
         "comfortable": "-8px",
         "compact": "-8px"
       },
-      "spaceTextGridVertical": {
-        "comfortable": "{spaceScaledM}",
-        "compact": "{spaceScaledM}"
-      },
       "spaceScaled2xNone": {
         "comfortable": "{spaceNone}",
         "compact": "{spaceNone}"
@@ -2490,10 +2486,6 @@ export var preset = {
             "comfortable": "-8px",
             "compact": "-8px"
           },
-          "spaceTextGridVertical": {
-            "comfortable": "{spaceScaledM}",
-            "compact": "{spaceScaledM}"
-          },
           "spaceScaled2xNone": {
             "comfortable": "{spaceNone}",
             "compact": "{spaceNone}"
@@ -6840,7 +6832,6 @@ export var preset = {
       "spaceTableEmbeddedHeaderTop": "density",
       "spaceTableFooterHorizontal": "density",
       "spaceTabsFocusOutlineGutter": "density",
-      "spaceTextGridVertical": "density",
       "spaceScaled2xNone": "density",
       "spaceScaled2xXxxs": "density",
       "spaceScaled2xXxs": "density",
@@ -7978,7 +7969,6 @@ export var preset = {
     "spaceTableEmbeddedHeaderTop": "space-table-embedded-header-top",
     "spaceTableFooterHorizontal": "space-table-footer-horizontal",
     "spaceTabsFocusOutlineGutter": "space-tabs-focus-outline-gutter",
-    "spaceTextGridVertical": "space-text-grid-vertical",
     "spaceScaled2xNone": "space-scaled-2x-none",
     "spaceScaled2xXxxs": "space-scaled-2x-xxxs",
     "spaceScaled2xXxs": "space-scaled-2x-xxs",
@@ -8645,7 +8635,6 @@ export var preset = {
     "spaceTableEmbeddedHeaderTop": "--space-table-embedded-header-top-zf07fk",
     "spaceTableFooterHorizontal": "--space-table-footer-horizontal-8o6sk8",
     "spaceTabsFocusOutlineGutter": "--space-tabs-focus-outline-gutter-64zu5e",
-    "spaceTextGridVertical": "--space-text-grid-vertical-tj8m1c",
     "spaceScaled2xNone": "--space-scaled-2x-none-5hsg85",
     "spaceScaled2xXxxs": "--space-scaled-2x-xxxs-g2hxk6",
     "spaceScaled2xXxs": "--space-scaled-2x-xxs-40awim",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "182daec9b54abdf15e5b1569e7ff578041348ac0"
+  "commit": "fc14744014d9b2f79cc0aa8d3551bb5f91d33a40"
 }

package/package.json

@@ -109,7 +109,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.284",
+  "version": "3.0.285",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/table/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AAqC/D,QAAA,MAAM,aAAa,qBA6aK,CAAC;AAEzB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["table/internal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAC;AAoC/D,QAAA,MAAM,aAAa,qBA2aK,CAAC;AAEzB,eAAe,aAAa,CAAC"}

package/table/internal.js

@@ -31,13 +31,11 @@ import { useDynamicOverlap } from '../internal/hooks/use-dynamic-overlap';
 import LiveRegion from '../internal/components/live-region';
 import useTableFocusNavigation from './use-table-focus-navigation';
 import { TableTdElement } from './body-cell/td-element';
-import { useMobile } from '../internal/hooks/use-mobile';
 import { useStickyColumns, selectionColumnId } from './use-sticky-columns';
 const InternalTable = React.forwardRef((_a, ref) => {
     var _b, _c;
     var { header, footer, empty, filter, pagination, preferences, items, columnDefinitions, trackBy, loading, loadingText, selectionType, selectedItems, isItemDisabled, ariaLabels, onSelectionChange, onSortingChange, sortingColumn, sortingDescending, sortingDisabled, visibleColumns, stickyHeader, stickyHeaderVerticalOffset, onRowClick, onRowContextMenu, wrapLines, stripedRows, contentDensity, submitEdit, onEditCancel, resizableColumns, onColumnWidthsChange, variant, __internalRootRef, totalItemsCount, firstIndex, renderAriaLive, stickyColumns, columnDisplay } = _a, rest = __rest(_a, ["header", "footer", "empty", "filter", "pagination", "preferences", "items", "columnDefinitions", "trackBy", "loading", "loadingText", "selectionType", "selectedItems", "isItemDisabled", "ariaLabels", "onSelectionChange", "onSortingChange", "sortingColumn", "sortingDescending", "sortingDisabled", "visibleColumns", "stickyHeader", "stickyHeaderVerticalOffset", "onRowClick", "onRowContextMenu", "wrapLines", "stripedRows", "contentDensity", "submitEdit", "onEditCancel", "resizableColumns", "onColumnWidthsChange", "variant", "__internalRootRef", "totalItemsCount", "firstIndex", "renderAriaLive", "stickyColumns", "columnDisplay"]);
     const baseProps = getBaseProps(rest);
-    const isMobile = useMobile();
     stickyHeader = stickyHeader && supportsStickyPosition();
     const [containerWidth, wrapperMeasureRef] = useContainerQuery(({ width }) => width);
     const wrapperRefObject = useRef(null);
@@ -152,15 +150,15 @@ const InternalTable = React.forwardRef((_a, ref) => {
     const overlapElement = useDynamicOverlap({ disabled: !hasDynamicHeight });
     useTableFocusNavigation(selectionType, tableRefObject, visibleColumnDefinitions, items === null || items === void 0 ? void 0 : items.length);
     const toolsHeaderWrapper = useRef(null);
-    // If is mobile we subtract the tools wrapper height so only the table header is sticky
-    const mobileStickyOffset = (_c = (_b = toolsHeaderWrapper === null || toolsHeaderWrapper === void 0 ? void 0 : toolsHeaderWrapper.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().height) !== null && _c !== void 0 ? _c : 0;
+    // If is mobile, we take into consideration the AppLayout's mobile bar and we subtract the tools wrapper height so only the table header is sticky
+    const toolsHeaderHeight = (_c = (_b = toolsHeaderWrapper === null || toolsHeaderWrapper === void 0 ? void 0 : toolsHeaderWrapper.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().height) !== null && _c !== void 0 ? _c : 0;
     return (React.createElement(ColumnWidthsProvider, { tableRef: tableRefObject, visibleColumnDefinitions: visibleColumnDefinitions, resizableColumns: resizableColumns, hasSelection: hasSelection },
         React.createElement(InternalContainer, Object.assign({}, baseProps, { __internalRootRef: __internalRootRef, className: clsx(baseProps.className, styles.root), header: React.createElement(React.Fragment, null,
                 hasHeader && (React.createElement("div", { ref: overlapElement, className: clsx(hasDynamicHeight && [styles['dark-header'], 'awsui-context-content-header']) },
                     React.createElement("div", { ref: toolsHeaderWrapper, className: clsx(styles['header-controls'], styles[`variant-${computedVariant}`]) },
                         React.createElement(ToolsHeader, { header: header, filter: filter, pagination: pagination, preferences: preferences })))),
                 stickyHeader && (React.createElement(StickyHeader, { ref: stickyHeaderRef, variant: computedVariant, theadProps: theadProps, wrapperRef: wrapperRefObject, theadRef: theadRef, secondaryWrapperRef: secondaryWrapperRef, tableRef: tableRefObject, onScroll: handleScroll, tableHasHeader: hasHeader, contentDensity: contentDensity }))), disableHeaderPaddings: true, disableContentPaddings: true, variant: toContainerVariant(computedVariant), __disableFooterPaddings: true, __disableFooterDivider: true, __disableStickyMobile: false, footer: footer && (React.createElement("div", { className: clsx(styles['footer-wrapper'], styles[`variant-${computedVariant}`]) },
-                React.createElement("div", { className: styles.footer }, footer))), __stickyHeader: stickyHeader, __stickyOffset: isMobile ? (stickyHeaderVerticalOffset !== null && stickyHeaderVerticalOffset !== void 0 ? stickyHeaderVerticalOffset : 0) - mobileStickyOffset : stickyHeaderVerticalOffset }, focusMarkers.root),
+                React.createElement("div", { className: styles.footer }, footer))), __stickyHeader: stickyHeader, __mobileStickyOffset: toolsHeaderHeight, __stickyOffset: stickyHeaderVerticalOffset }, focusMarkers.root),
             React.createElement("div", Object.assign({ ref: wrapperRef, className: clsx(styles.wrapper, styles[`variant-${computedVariant}`], {
                     [styles['has-footer']]: hasFooter,
                     [styles['has-header']]: hasHeader,