@cloudscape-design/components 3.0.277 → 3.0.279

package/internal/components/abstract-switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/abstract-switch/index.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 from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n  controlId?: string;\n  controlClassName: string;\n  outlineClassName: string;\n  showOutline?: boolean;\n  disabled?: boolean;\n  nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n  styledControl: React.ReactElement;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionBottomPadding?: boolean;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  onClick: () => void;\n}\n\nfunction joinString(values: (string | undefined)[]) {\n  return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n  controlId,\n  controlClassName,\n  outlineClassName,\n  showOutline,\n  disabled,\n  nativeControl,\n  styledControl,\n  label,\n  description,\n  descriptionBottomPadding,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  onClick,\n  __internalRootRef,\n  ...rest\n}: AbstractSwitchProps) {\n  const uniqueId = useUniqueId();\n  const id = controlId || uniqueId;\n\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n\n  const ariaLabelledByIds = [];\n  if (label) {\n    ariaLabelledByIds.push(labelId);\n  }\n  if (ariaLabelledby) {\n    ariaLabelledByIds.push(ariaLabelledby);\n  }\n\n  const ariaDescriptons = [];\n  if (ariaDescribedby) {\n    ariaDescriptons.push(ariaDescribedby);\n  }\n  if (description) {\n    ariaDescriptons.push(descriptionId);\n  }\n\n  return (\n    <span {...rest} className={clsx(styles.wrapper, rest.className)} ref={__internalRootRef}>\n      <span\n        className={styles['label-wrapper']}\n        aria-disabled={disabled ? 'true' : undefined}\n        onClick={disabled ? undefined : onClick}\n      >\n        <span className={clsx(styles.control, controlClassName)}>\n          {styledControl}\n          {nativeControl({\n            id,\n            disabled,\n            className: styles['native-input'],\n            'aria-describedby': ariaDescriptons.length ? joinString(ariaDescriptons) : undefined,\n            'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n            'aria-label': ariaLabel,\n          })}\n          <span className={clsx(styles.outline, outlineClassName, showOutline && styles['show-outline'])} />\n        </span>\n        <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n          {label && (\n            <span id={labelId} className={clsx(styles.label, { [styles['label-disabled']]: disabled })}>\n              {label}\n            </span>\n          )}\n          {description && (\n            <span\n              id={descriptionId}\n              className={clsx(styles.description, {\n                [styles['description-disabled']]: disabled,\n                [styles['description-bottom-padding']]: descriptionBottomPadding,\n              })}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n      </span>\n    </span>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/components/abstract-switch/index.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 from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { InternalBaseComponentProps } from '../../hooks/use-base-component/index.js';\n\nexport interface AbstractSwitchProps extends React.HTMLAttributes<HTMLElement>, InternalBaseComponentProps {\n  controlId?: string;\n  controlClassName: string;\n  outlineClassName: string;\n  showOutline?: boolean;\n  disabled?: boolean;\n  nativeControl: (props: React.InputHTMLAttributes<HTMLInputElement>) => React.ReactElement;\n  styledControl: React.ReactElement;\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n  descriptionBottomPadding?: boolean;\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n  ariaControls?: string;\n  onClick: () => void;\n}\n\nfunction joinString(values: (string | undefined)[]) {\n  return values.filter((value): value is string => !!value).join(' ');\n}\n\nexport default function AbstractSwitch({\n  controlId,\n  controlClassName,\n  outlineClassName,\n  showOutline,\n  disabled,\n  nativeControl,\n  styledControl,\n  label,\n  description,\n  descriptionBottomPadding,\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  ariaControls,\n  onClick,\n  __internalRootRef,\n  ...rest\n}: AbstractSwitchProps) {\n  const uniqueId = useUniqueId();\n  const id = controlId || uniqueId;\n\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n\n  const ariaLabelledByIds = [];\n  if (label) {\n    ariaLabelledByIds.push(labelId);\n  }\n  if (ariaLabelledby) {\n    ariaLabelledByIds.push(ariaLabelledby);\n  }\n\n  const ariaDescriptions = [];\n  if (ariaDescribedby) {\n    ariaDescriptions.push(ariaDescribedby);\n  }\n  if (description) {\n    ariaDescriptions.push(descriptionId);\n  }\n\n  return (\n    <span {...rest} className={clsx(styles.wrapper, rest.className)} ref={__internalRootRef}>\n      <span\n        className={styles['label-wrapper']}\n        aria-disabled={disabled ? 'true' : undefined}\n        onClick={disabled ? undefined : onClick}\n      >\n        <span className={clsx(styles.control, controlClassName)}>\n          {styledControl}\n          {nativeControl({\n            id,\n            disabled,\n            className: styles['native-input'],\n            'aria-describedby': ariaDescriptions.length ? joinString(ariaDescriptions) : undefined,\n            'aria-labelledby': ariaLabelledByIds.length ? joinString(ariaLabelledByIds) : undefined,\n            'aria-label': ariaLabel,\n            'aria-controls': ariaControls,\n          })}\n          <span className={clsx(styles.outline, outlineClassName, showOutline && styles['show-outline'])} />\n        </span>\n        <span className={clsx(styles.content, !label && !description && styles['empty-content'])}>\n          {label && (\n            <span id={labelId} className={clsx(styles.label, { [styles['label-disabled']]: disabled })}>\n              {label}\n            </span>\n          )}\n          {description && (\n            <span\n              id={descriptionId}\n              className={clsx(styles.description, {\n                [styles['description-disabled']]: disabled,\n                [styles['description-bottom-padding']]: descriptionBottomPadding,\n              })}\n            >\n              {description}\n            </span>\n          )}\n        </span>\n      </span>\n    </span>\n  );\n}\n"]}

package/internal/environment.js

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

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "a1bd4b19f8739e1e750b28ec16aa81b484ced6c5"
+  "commit": "5be17e483a93ab82d657d8c366697812b7ed6177"
 }

package/package.json

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

package/progress-bar/internal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["progress-bar/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAShD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,QAAQ,kCAAmC,aAAa,gBAyBpE,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,wBAAyB,cAAc,gBAM5D,CAAC;AAYF,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,iEAAkE,gBAAgB,gBAqBzG,CAAC"}
+{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["progress-bar/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAShD,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,eAAO,MAAM,QAAQ,kCAAmC,aAAa,gBAuBpE,CAAC;AAEF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,wBAAyB,cAAc,gBAM5D,CAAC;AAYF,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,iEAAkE,gBAAgB,gBAqBzG,CAAC"}

package/progress-bar/internal.js

@@ -14,7 +14,7 @@ export const Progress = ({ value, isInFlash, labelId }) => {
     const roundedValue = Math.round(value);
     const progressValue = clamp(roundedValue, 0, MAX_VALUE);
     return (React.createElement("div", { className: styles['progress-container'] },
-        React.createElement("progress", { className: clsx(styles.progress, progressValue >= MAX_VALUE && styles.complete, isInFlash && styles['progress-in-flash']), "aria-valuenow": progressValue, "aria-valuemin": 0, max: MAX_VALUE, value: progressValue, "aria-labelledby": labelId }),
+        React.createElement("progress", { className: clsx(styles.progress, progressValue >= MAX_VALUE && styles.complete, isInFlash && styles['progress-in-flash']), max: MAX_VALUE, value: progressValue, "aria-labelledby": labelId }),
         React.createElement("span", { "aria-hidden": "true", className: styles['percentage-container'] },
             React.createElement(InternalBox, { className: styles.percentage, variant: "small", color: isInFlash ? 'inherit' : undefined }, `${progressValue}%`))));
 };

package/progress-bar/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["progress-bar/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 from 'react';\nimport clsx from 'clsx';\nimport { BoxProps } from '../box/interfaces';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\n\nimport { ProgressBarProps } from './interfaces';\nimport styles from './styles.css.js';\n\nconst MAX_VALUE = 100;\n\nconst clamp = (value: number, lowerLimit: number, upperLimit: number) => {\n  return Math.max(Math.min(value, upperLimit), lowerLimit);\n};\n\ninterface ProgressProps {\n  value: number;\n  isInFlash: boolean;\n  labelId: string;\n}\nexport const Progress = ({ value, isInFlash, labelId }: ProgressProps) => {\n  const roundedValue = Math.round(value);\n  const progressValue = clamp(roundedValue, 0, MAX_VALUE);\n\n  return (\n    <div className={styles['progress-container']}>\n      <progress\n        className={clsx(\n          styles.progress,\n          progressValue >= MAX_VALUE && styles.complete,\n          isInFlash && styles['progress-in-flash']\n        )}\n        aria-valuenow={progressValue}\n        aria-valuemin={0}\n        max={MAX_VALUE}\n        value={progressValue}\n        aria-labelledby={labelId}\n      />\n      <span aria-hidden=\"true\" className={styles['percentage-container']}>\n        <InternalBox className={styles.percentage} variant=\"small\" color={isInFlash ? 'inherit' : undefined}>\n          {`${progressValue}%`}\n        </InternalBox>\n      </span>\n    </div>\n  );\n};\n\ninterface SmallTextProps {\n  color?: BoxProps.Color;\n  children: React.ReactNode;\n}\n\nexport const SmallText = ({ color, children }: SmallTextProps) => {\n  return (\n    <InternalBox className={styles['word-wrap']} variant=\"small\" display=\"block\" color={color}>\n      {children}\n    </InternalBox>\n  );\n};\n\nconst ResultButton = ({ onClick, children }: ButtonProps) => {\n  return (\n    <div className={styles['result-button']}>\n      <InternalButton formAction=\"none\" onClick={onClick}>\n        {children}\n      </InternalButton>\n    </div>\n  );\n};\n\ninterface ResultStateProps {\n  isInFlash: boolean;\n  resultText: React.ReactNode;\n  resultButtonText?: string;\n  status: ProgressBarProps.Status;\n  onClick: () => void;\n}\n\nexport const ResultState = ({ isInFlash, resultText, resultButtonText, status, onClick }: ResultStateProps) => {\n  const hasResultButton = !!resultButtonText;\n\n  if (isInFlash) {\n    return (\n      <div className={styles[`result-container-${status}`]} aria-live=\"polite\" aria-atomic=\"true\">\n        <span className={styles['result-text']}>{resultText}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles[`result-container-${status}`]} aria-live=\"polite\" aria-atomic=\"true\">\n      <span className={clsx(hasResultButton && styles['with-result-button'])}>\n        <InternalStatusIndicator type={status === 'success' ? 'success' : 'error'}>\n          <span className={styles['result-text']}>{resultText}</span>\n        </InternalStatusIndicator>\n      </span>\n      {hasResultButton && <ResultButton onClick={onClick}>{resultButtonText}</ResultButton>}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["progress-bar/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 from 'react';\nimport clsx from 'clsx';\nimport { BoxProps } from '../box/interfaces';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\n\nimport { ProgressBarProps } from './interfaces';\nimport styles from './styles.css.js';\n\nconst MAX_VALUE = 100;\n\nconst clamp = (value: number, lowerLimit: number, upperLimit: number) => {\n  return Math.max(Math.min(value, upperLimit), lowerLimit);\n};\n\ninterface ProgressProps {\n  value: number;\n  isInFlash: boolean;\n  labelId: string;\n}\nexport const Progress = ({ value, isInFlash, labelId }: ProgressProps) => {\n  const roundedValue = Math.round(value);\n  const progressValue = clamp(roundedValue, 0, MAX_VALUE);\n\n  return (\n    <div className={styles['progress-container']}>\n      <progress\n        className={clsx(\n          styles.progress,\n          progressValue >= MAX_VALUE && styles.complete,\n          isInFlash && styles['progress-in-flash']\n        )}\n        max={MAX_VALUE}\n        value={progressValue}\n        aria-labelledby={labelId}\n      />\n      <span aria-hidden=\"true\" className={styles['percentage-container']}>\n        <InternalBox className={styles.percentage} variant=\"small\" color={isInFlash ? 'inherit' : undefined}>\n          {`${progressValue}%`}\n        </InternalBox>\n      </span>\n    </div>\n  );\n};\n\ninterface SmallTextProps {\n  color?: BoxProps.Color;\n  children: React.ReactNode;\n}\n\nexport const SmallText = ({ color, children }: SmallTextProps) => {\n  return (\n    <InternalBox className={styles['word-wrap']} variant=\"small\" display=\"block\" color={color}>\n      {children}\n    </InternalBox>\n  );\n};\n\nconst ResultButton = ({ onClick, children }: ButtonProps) => {\n  return (\n    <div className={styles['result-button']}>\n      <InternalButton formAction=\"none\" onClick={onClick}>\n        {children}\n      </InternalButton>\n    </div>\n  );\n};\n\ninterface ResultStateProps {\n  isInFlash: boolean;\n  resultText: React.ReactNode;\n  resultButtonText?: string;\n  status: ProgressBarProps.Status;\n  onClick: () => void;\n}\n\nexport const ResultState = ({ isInFlash, resultText, resultButtonText, status, onClick }: ResultStateProps) => {\n  const hasResultButton = !!resultButtonText;\n\n  if (isInFlash) {\n    return (\n      <div className={styles[`result-container-${status}`]} aria-live=\"polite\" aria-atomic=\"true\">\n        <span className={styles['result-text']}>{resultText}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles[`result-container-${status}`]} aria-live=\"polite\" aria-atomic=\"true\">\n      <span className={clsx(hasResultButton && styles['with-result-button'])}>\n        <InternalStatusIndicator type={status === 'success' ? 'success' : 'error'}>\n          <span className={styles['result-text']}>{resultText}</span>\n        </InternalStatusIndicator>\n      </span>\n      {hasResultButton && <ResultButton onClick={onClick}>{resultButtonText}</ResultButton>}\n    </div>\n  );\n};\n"]}

package/table/body-cell/styles.css.js

@@ -1,28 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "body-cell": "awsui_body-cell_c6tup_1p6xu_93",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1p6xu_103",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1p6xu_115",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_1p6xu_127",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1p6xu_130",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_1p6xu_130",
-  "has-selection": "awsui_has-selection_c6tup_1p6xu_136",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1p6xu_142",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1p6xu_145",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_1p6xu_145",
-  "has-footer": "awsui_has-footer_c6tup_1p6xu_145",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1p6xu_155",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1p6xu_177",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1p6xu_181",
-  "body-cell-success": "awsui_body-cell-success_c6tup_1p6xu_205",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_1p6xu_205",
-  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1p6xu_227",
-  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1p6xu_227",
-  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1p6xu_236",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1p6xu_236",
-  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1p6xu_246",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1p6xu_246",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1p6xu_259"
+  "body-cell": "awsui_body-cell_c6tup_1eq7x_93",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1eq7x_103",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1eq7x_115",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_1eq7x_127",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1eq7x_130",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_1eq7x_130",
+  "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_1eq7x_136",
+  "has-selection": "awsui_has-selection_c6tup_1eq7x_139",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1eq7x_145",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1eq7x_148",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_1eq7x_148",
+  "has-footer": "awsui_has-footer_c6tup_1eq7x_148",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1eq7x_158",
+  "sticky-cell": "awsui_sticky-cell_c6tup_1eq7x_175",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_1eq7x_183",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_1eq7x_200",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_1eq7x_204",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1eq7x_227",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1eq7x_231",
+  "body-cell-success": "awsui_body-cell-success_c6tup_1eq7x_255",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_1eq7x_255",
+  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1eq7x_277",
+  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1eq7x_277",
+  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1eq7x_286",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1eq7x_286",
+  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1eq7x_296",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1eq7x_296",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1eq7x_315"
 };
   

package/table/body-cell/styles.scoped.css

@@ -90,7 +90,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_body-cell_c6tup_1p6xu_93:not(#\9) {
+.awsui_body-cell_c6tup_1eq7x_93:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-scaled-xs-6859qs, 8px) var(--space-scaled-l-t03y3z, 20px) calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
@@ -100,19 +100,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   font-weight: inherit;
 }
-.awsui_body-cell_c6tup_1p6xu_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_1p6xu_103) {
+.awsui_body-cell_c6tup_1eq7x_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_1eq7x_103) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_body-cell_c6tup_1p6xu_93:not(#\9):first-child {
+.awsui_body-cell_c6tup_1eq7x_93:not(#\9):first-child {
   border-left: var(--border-item-width-qbbbsa, 2px) solid transparent;
 }
-.awsui_body-cell_c6tup_1p6xu_93:not(#\9):last-child {
+.awsui_body-cell_c6tup_1eq7x_93:not(#\9):last-child {
   border-right: var(--border-item-width-qbbbsa, 2px) solid transparent;
   padding-right: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-qbbbsa, 2px));
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_is-visual-refresh_c6tup_1p6xu_115:not(#\9):first-child {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_is-visual-refresh_c6tup_1eq7x_115:not(#\9):first-child {
   /*
     Striped rows requires additional left padding because the
     shaded background makes the child content appear too close
@@ -124,85 +124,135 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     that the placeholder border would consume.
     */
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_is-visual-refresh_c6tup_1p6xu_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1p6xu_127) {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_is-visual-refresh_c6tup_1eq7x_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1eq7x_127) {
   padding-left: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_is-visual-refresh_c6tup_1p6xu_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1p6xu_127):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130).awsui_body-cell-editable_c6tup_1p6xu_130:hover {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_is-visual-refresh_c6tup_1eq7x_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1eq7x_127):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130).awsui_body-cell-editable_c6tup_1eq7x_130:hover {
   padding-left: calc(var(--space-xxxs-k2w98v, 2px) + var(--border-divider-list-width-hacikr, 1px));
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_is-visual-refresh_c6tup_1p6xu_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_1p6xu_127 {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_is-visual-refresh_c6tup_1eq7x_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_1eq7x_127 {
   padding-left: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_is-visual-refresh_c6tup_1p6xu_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_1p6xu_136):not(.awsui_body-cell-editable_c6tup_1p6xu_130) {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_is-visual-refresh_c6tup_1eq7x_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_1eq7x_136 {
+  padding-left: var(--space-table-horizontal-mj7h0h, 20px);
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_is-visual-refresh_c6tup_1eq7x_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_1eq7x_139):not(.awsui_body-cell-editable_c6tup_1eq7x_130) {
   border-left: none;
 }
-.awsui_body-cell_c6tup_1p6xu_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_1p6xu_115) {
+.awsui_body-cell_c6tup_1eq7x_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_1eq7x_115) {
   padding-left: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-qbbbsa, 2px));
 }
-.awsui_body-cell-first-row_c6tup_1p6xu_142:not(#\9) {
+.awsui_body-cell-first-row_c6tup_1eq7x_145:not(#\9) {
   border-top: var(--border-item-width-qbbbsa, 2px) solid transparent;
 }
-.awsui_body-cell-last-row_c6tup_1p6xu_145:not(#\9):not(.awsui_body-cell-selected_c6tup_1p6xu_145):not(.awsui_has-footer_c6tup_1p6xu_145) {
+.awsui_body-cell-last-row_c6tup_1eq7x_148:not(#\9):not(.awsui_body-cell-selected_c6tup_1eq7x_148):not(.awsui_has-footer_c6tup_1eq7x_148) {
   border-bottom: var(--border-item-width-qbbbsa, 2px) solid transparent;
 }
-.awsui_body-cell-last-row_c6tup_1p6xu_145:not(#\9):not(.awsui_body-cell-selected_c6tup_1p6xu_145).awsui_has-footer_c6tup_1p6xu_145 {
+.awsui_body-cell-last-row_c6tup_1eq7x_148:not(#\9):not(.awsui_body-cell-selected_c6tup_1eq7x_148).awsui_has-footer_c6tup_1eq7x_148 {
   /*
   Add a bottom border to the body cells of the last row as a separator between the
   table and the footer
   */
   border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_body-cell-shaded_c6tup_1p6xu_155:not(#\9) {
+.awsui_body-cell-shaded_c6tup_1eq7x_158:not(#\9) {
   background: var(--color-background-cell-shaded-26ubfj, #f8f8f8);
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145:not(#\9) {
+.awsui_body-cell-selected_c6tup_1eq7x_148:not(#\9) {
   background-color: var(--color-background-item-selected-ebt4bi, #f2f8fd);
   border-top: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
   border-bottom: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
   padding-bottom: var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_1eq7x_148:not(#\9):first-child {
   border-left: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
   border-radius: var(--border-radius-item-u2ibpi, 8px) 0 0 var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_1eq7x_148:not(#\9):last-child {
   border-right: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
   border-radius: 0 var(--border-radius-item-u2ibpi, 8px) var(--border-radius-item-u2ibpi, 8px) 0;
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145:not(#\9):not(:first-child) {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell_c6tup_1eq7x_175:not(#\9) {
+  position: sticky;
+  background: var(--color-background-container-content-i8i4a0, #ffffff);
+  z-index: 798;
+  transition-property: padding;
+  transition-duration: var(--motion-duration-transition-show-quick-w3nd9c, 90ms);
+  transition-timing-function: var(--motion-easing-sticky-yt83ho, cubic-bezier(1, 0, 0.83, 1));
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell-pad-left_c6tup_1eq7x_183:not(#\9):not(.awsui_has-selection_c6tup_1eq7x_139):not(.awsui_is-visual-refresh_c6tup_1eq7x_115.awsui_body-cell_c6tup_1eq7x_93:first-child.awsui_has-striped-rows_c6tup_1eq7x_127) {
+  padding-left: var(--space-table-horizontal-mj7h0h, 20px);
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell_c6tup_1eq7x_175.awsui_body-cell-shaded_c6tup_1eq7x_158:not(#\9) {
+  background: var(--color-background-cell-shaded-26ubfj, #f8f8f8);
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell_c6tup_1eq7x_175.awsui_body-cell-selected_c6tup_1eq7x_148:not(#\9) {
+  background-color: var(--color-background-item-selected-ebt4bi, #f2f8fd);
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell_c6tup_1eq7x_175.awsui_body-cell-selected_c6tup_1eq7x_148:not(#\9):first-child {
+  box-shadow: 0 0 0 4px var(--color-background-container-content-i8i4a0, #ffffff);
+  clip-path: inset(0 0 0 0);
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell_c6tup_1eq7x_175.awsui_body-cell-selected_c6tup_1eq7x_148:not(#\9):last-child {
+  box-shadow: 4px 0 0 0 var(--color-background-container-content-i8i4a0, #ffffff);
+  clip-path: inset(0 0 0 0);
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell_c6tup_1eq7x_175.awsui_body-cell-selected_c6tup_1eq7x_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_1eq7x_200 {
+  box-shadow: var(--shadow-sticky-column-last-s13kkz, -4px 0 20px 1px rgba(0, 28, 36, 0.1)), 8px 0 0 0 var(--color-background-container-content-i8i4a0, #ffffff);
+  clip-path: inset(0 0 0 -24px);
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell-last-left_c6tup_1eq7x_204:not(#\9) {
+  box-shadow: var(--shadow-sticky-column-first-h2plme, 4px 0px 20px 1px rgba(0, 7, 22, 0.1));
+  clip-path: inset(0px -24px 0px 0px);
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell-last-right_c6tup_1eq7x_200:not(#\9) {
+  box-shadow: var(--shadow-sticky-column-last-s13kkz, -4px 0 20px 1px rgba(0, 28, 36, 0.1));
+  clip-path: inset(0 0 0 -24px);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell_c6tup_1eq7x_175:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell_c6tup_1eq7x_175:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_1eq7x_93.awsui_sticky-cell_c6tup_1eq7x_175:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_body-cell-selected_c6tup_1eq7x_148:not(#\9):not(:first-child) {
   padding-top: calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
 );
 }
-.awsui_body-cell_c6tup_1p6xu_93:not(#\9):not(.awsui_body-cell-selected_c6tup_1p6xu_145).awsui_body-cell-next-selected_c6tup_1p6xu_177 {
+.awsui_body-cell_c6tup_1eq7x_93:not(#\9):not(.awsui_body-cell-selected_c6tup_1eq7x_148).awsui_body-cell-next-selected_c6tup_1eq7x_227 {
   border-bottom: 0;
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) + var(--border-divider-list-width-hacikr, 1px));
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145.awsui_body-cell-prev-selected_c6tup_1p6xu_181:not(#\9) {
+.awsui_body-cell-selected_c6tup_1eq7x_148.awsui_body-cell-prev-selected_c6tup_1eq7x_231:not(#\9) {
   padding-top: calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
 );
   border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-item-placeholder-jgzhnb, #0972d3);
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145.awsui_body-cell-next-selected_c6tup_1p6xu_177:not(#\9) {
+.awsui_body-cell-selected_c6tup_1eq7x_148.awsui_body-cell-next-selected_c6tup_1eq7x_227:not(#\9) {
   border-bottom-width: var(--border-divider-list-width-hacikr, 1px);
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145.awsui_body-cell-next-selected_c6tup_1p6xu_177:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_1eq7x_148.awsui_body-cell-next-selected_c6tup_1eq7x_227:not(#\9):first-child {
   border-bottom-left-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145.awsui_body-cell-next-selected_c6tup_1p6xu_177:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_1eq7x_148.awsui_body-cell-next-selected_c6tup_1eq7x_227:not(#\9):last-child {
   border-bottom-right-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145.awsui_body-cell-prev-selected_c6tup_1p6xu_181:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_1eq7x_148.awsui_body-cell-prev-selected_c6tup_1eq7x_231:not(#\9):first-child {
   border-top-left-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145.awsui_body-cell-prev-selected_c6tup_1p6xu_181:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_1eq7x_148.awsui_body-cell-prev-selected_c6tup_1eq7x_231:not(#\9):last-child {
   border-top-right-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1p6xu_145:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_1p6xu_181) {
+.awsui_body-cell-selected_c6tup_1eq7x_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_1eq7x_231) {
   padding-top: var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_body-cell-success_c6tup_1p6xu_205:not(#\9), .awsui_body-cell-editor_c6tup_1p6xu_205:not(#\9) {
+.awsui_body-cell-success_c6tup_1eq7x_255:not(#\9), .awsui_body-cell-editor_c6tup_1eq7x_255:not(#\9) {
   top: 0;
   right: 0;
   bottom: 0;
@@ -218,62 +268,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-right: calc(var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px));
   color: var(--color-text-button-normal-default-u8647m, #0972d3);
 }
-.awsui_body-cell-success_c6tup_1p6xu_205:not(#\9):hover, .awsui_body-cell-editor_c6tup_1p6xu_205:not(#\9):hover {
+.awsui_body-cell-success_c6tup_1eq7x_255:not(#\9):hover, .awsui_body-cell-editor_c6tup_1eq7x_255:not(#\9):hover {
   color: var(--color-text-button-normal-hover-kxmvcc, #033160);
 }
-.awsui_body-cell-success_c6tup_1p6xu_205:not(#\9):active, .awsui_body-cell-editor_c6tup_1p6xu_205:not(#\9):active {
+.awsui_body-cell-success_c6tup_1eq7x_255:not(#\9):active, .awsui_body-cell-editor_c6tup_1eq7x_255:not(#\9):active {
   color: var(--color-text-button-normal-active-6obrzh, #033160);
 }
-.awsui_body-cell-success-form_c6tup_1p6xu_227:not(#\9), .awsui_body-cell-editor-form_c6tup_1p6xu_227:not(#\9) {
+.awsui_body-cell-success-form_c6tup_1eq7x_277:not(#\9), .awsui_body-cell-editor-form_c6tup_1eq7x_277:not(#\9) {
   margin: calc(-1 * var(--space-xs-rsr2qu, 8px)) calc(-1.5 * var(--space-xs-rsr2qu, 8px));
 }
-.awsui_is-visual-refresh_c6tup_1p6xu_115.awsui_body-cell_c6tup_1p6xu_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_1p6xu_127 > .awsui_body-cell-success-form_c6tup_1p6xu_227, .awsui_is-visual-refresh_c6tup_1p6xu_115.awsui_body-cell_c6tup_1p6xu_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_1p6xu_127 > .awsui_body-cell-editor-form_c6tup_1p6xu_227 {
+.awsui_is-visual-refresh_c6tup_1eq7x_115.awsui_body-cell_c6tup_1eq7x_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_1eq7x_127 > .awsui_body-cell-success-form_c6tup_1eq7x_277, .awsui_is-visual-refresh_c6tup_1eq7x_115.awsui_body-cell_c6tup_1eq7x_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_1eq7x_127 > .awsui_body-cell-editor-form_c6tup_1eq7x_277 {
   margin-left: calc(-1 * var(--space-xxs-ynfts5, 4px));
 }
-.awsui_is-visual-refresh_c6tup_1p6xu_115.awsui_body-cell_c6tup_1p6xu_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1p6xu_127) > .awsui_body-cell-success-form_c6tup_1p6xu_227, .awsui_is-visual-refresh_c6tup_1p6xu_115.awsui_body-cell_c6tup_1p6xu_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1p6xu_127) > .awsui_body-cell-editor-form_c6tup_1p6xu_227 {
+.awsui_is-visual-refresh_c6tup_1eq7x_115.awsui_body-cell_c6tup_1eq7x_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1eq7x_127) > .awsui_body-cell-success-form_c6tup_1eq7x_277, .awsui_is-visual-refresh_c6tup_1eq7x_115.awsui_body-cell_c6tup_1eq7x_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1eq7x_127) > .awsui_body-cell-editor-form_c6tup_1eq7x_277 {
   margin-left: calc(-1 * var(--space-xxxs-k2w98v, 2px));
 }
-.awsui_body-cell-success-row_c6tup_1p6xu_236:not(#\9), .awsui_body-cell-editor-row_c6tup_1p6xu_236:not(#\9) {
+.awsui_body-cell-success-row_c6tup_1eq7x_286:not(#\9), .awsui_body-cell-editor-row_c6tup_1eq7x_286:not(#\9) {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   justify-content: space-between;
   column-gap: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_body-cell-success-row_c6tup_1p6xu_236 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_1p6xu_236 > :not(#\9):not(:last-child) {
+.awsui_body-cell-success-row_c6tup_1eq7x_286 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_1eq7x_286 > :not(#\9):not(:last-child) {
   flex-grow: 1;
 }
-.awsui_body-cell-success-controls_c6tup_1p6xu_246:not(#\9), .awsui_body-cell-editor-controls_c6tup_1p6xu_246:not(#\9) {
+.awsui_body-cell-success-controls_c6tup_1eq7x_296:not(#\9), .awsui_body-cell-editor-controls_c6tup_1eq7x_296:not(#\9) {
   flex-shrink: 0;
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9) {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9) {
   position: relative;
   cursor: pointer;
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130.awsui_body-cell-edit-active_c6tup_1p6xu_130:not(#\9) {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130.awsui_sticky-cell_c6tup_1eq7x_175:not(#\9) {
+  position: sticky;
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130.awsui_body-cell-edit-active_c6tup_1eq7x_130:not(#\9) {
   overflow: visible;
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130) > .awsui_body-cell-editor_c6tup_1p6xu_205 {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130.awsui_body-cell-edit-active_c6tup_1eq7x_130.awsui_sticky-cell_c6tup_1eq7x_175:not(#\9) {
+  position: sticky;
+}
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130) > .awsui_body-cell-editor_c6tup_1eq7x_255 {
   opacity: 0;
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130).awsui_body-cell-has-success_c6tup_1p6xu_259 {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130).awsui_body-cell-has-success_c6tup_1eq7x_315 {
   padding-right: calc(var(--space-scaled-l-t03y3z, 20px) + var(--space-l-4vl6xu, 20px));
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):focus-within {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):focus-within {
   padding-right: calc(var(--space-scaled-l-t03y3z, 20px) + var(--space-l-4vl6xu, 20px));
   position: relative;
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):focus-within > .awsui_body-cell-editor_c6tup_1p6xu_205 {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):focus-within > .awsui_body-cell-editor_c6tup_1eq7x_255 {
   opacity: 1;
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):focus-within > .awsui_body-cell-success_c6tup_1p6xu_205 {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):focus-within > .awsui_body-cell-success_c6tup_1eq7x_255 {
   opacity: 0;
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):focus-within {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):focus-within {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-95dhkm, 4px)) - 1px);
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):focus-within::before {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):focus-within::before {
   content: " ";
   display: block;
   position: absolute;
@@ -284,7 +340,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover {
   position: relative;
   background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
   border: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-control-default-m3lmsh, #7d8998);
@@ -292,38 +348,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: calc(-1 * var(--border-divider-list-width-hacikr, 1px));
   padding-right: calc(var(--space-scaled-l-t03y3z, 20px) + var(--space-l-4vl6xu, 20px));
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover > .awsui_body-cell-editor_c6tup_1p6xu_205 {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover > .awsui_body-cell-editor_c6tup_1eq7x_255 {
   opacity: 1;
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover > .awsui_body-cell-success_c6tup_1p6xu_205 {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover > .awsui_body-cell-success_c6tup_1eq7x_255 {
   opacity: 0;
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover:first-child {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover:first-child {
   left: 0;
   right: 0;
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover > .awsui_body-cell-editor_c6tup_1p6xu_205 {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover > .awsui_body-cell-editor_c6tup_1eq7x_255 {
   padding-right: calc(var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px) - (2 * var(--border-divider-list-width-hacikr, 1px)));
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover.awsui_body-cell-last-row_c6tup_1p6xu_145.awsui_body-cell-selected_c6tup_1p6xu_145, .awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover.awsui_body-cell-next-selected_c6tup_1p6xu_177 {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover.awsui_body-cell-last-row_c6tup_1eq7x_148.awsui_body-cell-selected_c6tup_1eq7x_148, .awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover.awsui_body-cell-next-selected_c6tup_1eq7x_227 {
   padding-top: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px) / 2));
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px) / 2));
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover.awsui_body-cell-last-row_c6tup_1p6xu_145:not(.awsui_body-cell-selected_c6tup_1p6xu_145) {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover.awsui_body-cell-last-row_c6tup_1eq7x_148:not(.awsui_body-cell-selected_c6tup_1eq7x_148) {
   padding-top: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px)));
 }
-.awsui_body-cell_c6tup_1p6xu_93.awsui_body-cell-editable_c6tup_1p6xu_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover.awsui_body-cell-first-row_c6tup_1p6xu_142:not(.awsui_body-cell-selected_c6tup_1p6xu_145) {
+.awsui_body-cell_c6tup_1eq7x_93.awsui_body-cell-editable_c6tup_1eq7x_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover.awsui_body-cell-first-row_c6tup_1eq7x_145:not(.awsui_body-cell-selected_c6tup_1eq7x_148) {
   padding-top: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px)));
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px)));
 }
-.awsui_body-cell-editable_c6tup_1p6xu_130.awsui_is-visual-refresh_c6tup_1p6xu_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover:first-child {
+.awsui_body-cell-editable_c6tup_1eq7x_130.awsui_is-visual-refresh_c6tup_1eq7x_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover:first-child {
   border-top-left-radius: var(--border-radius-item-u2ibpi, 8px);
   border-bottom-left-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_body-cell-editable_c6tup_1p6xu_130.awsui_is-visual-refresh_c6tup_1p6xu_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover:last-child {
+.awsui_body-cell-editable_c6tup_1eq7x_130.awsui_is-visual-refresh_c6tup_1eq7x_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover:last-child {
   border-top-right-radius: var(--border-radius-item-u2ibpi, 8px);
   border-bottom-right-radius: var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_body-cell-editable_c6tup_1p6xu_130.awsui_is-visual-refresh_c6tup_1p6xu_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1p6xu_130):hover.awsui_body-cell-first-row_c6tup_1p6xu_142 > .awsui_body-cell-editor_c6tup_1p6xu_205 {
+.awsui_body-cell-editable_c6tup_1eq7x_130.awsui_is-visual-refresh_c6tup_1eq7x_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1eq7x_130):hover.awsui_body-cell-first-row_c6tup_1eq7x_145 > .awsui_body-cell-editor_c6tup_1eq7x_255 {
   padding-top: var(--border-divider-list-width-hacikr, 1px);
 }

package/table/body-cell/styles.selectors.js

@@ -2,28 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "body-cell": "awsui_body-cell_c6tup_1p6xu_93",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1p6xu_103",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1p6xu_115",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_1p6xu_127",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1p6xu_130",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_1p6xu_130",
-  "has-selection": "awsui_has-selection_c6tup_1p6xu_136",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1p6xu_142",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1p6xu_145",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_1p6xu_145",
-  "has-footer": "awsui_has-footer_c6tup_1p6xu_145",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1p6xu_155",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1p6xu_177",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1p6xu_181",
-  "body-cell-success": "awsui_body-cell-success_c6tup_1p6xu_205",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_1p6xu_205",
-  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1p6xu_227",
-  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1p6xu_227",
-  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1p6xu_236",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1p6xu_236",
-  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1p6xu_246",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1p6xu_246",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1p6xu_259"
+  "body-cell": "awsui_body-cell_c6tup_1eq7x_93",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1eq7x_103",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1eq7x_115",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_1eq7x_127",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1eq7x_130",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_1eq7x_130",
+  "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_1eq7x_136",
+  "has-selection": "awsui_has-selection_c6tup_1eq7x_139",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1eq7x_145",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1eq7x_148",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_1eq7x_148",
+  "has-footer": "awsui_has-footer_c6tup_1eq7x_148",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1eq7x_158",
+  "sticky-cell": "awsui_sticky-cell_c6tup_1eq7x_175",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_1eq7x_183",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_1eq7x_200",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_1eq7x_204",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1eq7x_227",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1eq7x_231",
+  "body-cell-success": "awsui_body-cell-success_c6tup_1eq7x_255",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_1eq7x_255",
+  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1eq7x_277",
+  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1eq7x_277",
+  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1eq7x_286",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1eq7x_286",
+  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1eq7x_296",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1eq7x_296",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1eq7x_315"
 };
   

package/table/body-cell/td-element.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { StickyColumnsModel } from '../use-sticky-columns';
 export interface TableTdElementProps {
     className?: string;
     style?: React.CSSProperties;
@@ -18,6 +19,8 @@ export interface TableTdElementProps {
     stripedRows?: boolean;
     hasSelection?: boolean;
     hasFooter?: boolean;
+    columnId: string;
+    stickyState: StickyColumnsModel;
     isVisualRefresh?: boolean;
 }
 export declare const TableTdElement: React.ForwardRefExoticComponent<TableTdElementProps & React.RefAttributes<HTMLTableCellElement>>;

package/table/body-cell/td-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"td-element.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,kGA6D1B,CAAC"}
+{"version":3,"file":"td-element.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAuB,MAAM,uBAAuB,CAAC;AAGhF,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,kGA6E1B,CAAC"}