@cloudscape-design/components-themeable 3.0.850 → 3.0.852

package/lib/internal/template/table/resizer/styles.scoped.css

@@ -138,13 +138,13 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_resize-active_x7peu_1083w_141:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1083w_141) * {
+.awsui_resize-active_x7peu_1allf_141:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1allf_141) * {
   cursor: col-resize;
   -webkit-user-select: none;
           user-select: none;
 }
 
-th:not(#\9):not(:last-child) > .awsui_divider_x7peu_1083w_146 {
+th:not(#\9):not(:last-child) > .awsui_divider_x7peu_1allf_146 {
   position: absolute;
   outline: none;
   pointer-events: none;
@@ -158,14 +158,14 @@ th:not(#\9):not(:last-child) > .awsui_divider_x7peu_1083w_146 {
   border-inline-start: var(--border-item-width-bjacxs, 1px) solid var(--color-border-divider-interactive-default-f75ypy, #687078);
   box-sizing: border-box;
 }
-th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_1083w_160 {
+th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_1allf_160 {
   border-inline-start-color: var(--color-border-divider-default-u5ytia, #eaeded);
 }
-th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_1083w_163 {
+th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_1allf_163 {
   border-inline-start: 2px solid var(--color-border-divider-active-kx4xyy, #687078);
 }
 
-.awsui_resizer_x7peu_1083w_167:not(#\9) {
+.awsui_resizer_x7peu_1allf_167:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -174,12 +174,9 @@ th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_1083w_163 {
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -209,28 +206,28 @@ th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_1083w_163 {
   inline-size: var(--space-l-eenfqd, 20px);
   z-index: 10;
 }
-.awsui_resizer_x7peu_1083w_167:not(#\9):focus {
+.awsui_resizer_x7peu_1allf_167:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_resize-active_x7peu_1083w_141 .awsui_resizer_x7peu_1083w_167:not(#\9) {
+.awsui_resize-active_x7peu_1allf_141 .awsui_resizer_x7peu_1allf_167:not(#\9) {
   pointer-events: none;
 }
-th:not(#\9):last-child > .awsui_resizer_x7peu_1083w_167 {
+th:not(#\9):last-child > .awsui_resizer_x7peu_1allf_167 {
   inline-size: calc(var(--space-l-eenfqd, 20px) / 2);
   inset-inline-end: 0;
 }
-.awsui_resizer_x7peu_1083w_167:not(#\9):hover + .awsui_divider_x7peu_1083w_146 {
+.awsui_resizer_x7peu_1allf_167:not(#\9):hover + .awsui_divider_x7peu_1allf_146 {
   border-inline-start: 2px solid var(--color-border-divider-active-kx4xyy, #687078);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1083w_167.awsui_has-focus_x7peu_1083w_224:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1allf_167.awsui_has-focus_x7peu_1allf_221:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1083w_167.awsui_has-focus_x7peu_1083w_224:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1allf_167.awsui_has-focus_x7peu_1allf_221:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(var(--space-table-header-focus-outline-gutter-wak74p, 0px) - 2px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1083w_167.awsui_has-focus_x7peu_1083w_224:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1allf_167.awsui_has-focus_x7peu_1allf_221:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -244,17 +241,17 @@ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1083w_167.awsui_has-foc
   border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1083w_167.awsui_has-focus_x7peu_1083w_224:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1allf_167.awsui_has-focus_x7peu_1allf_221:not(#\9) {
   position: absolute;
 }
 
-.awsui_tracker_x7peu_1083w_249:not(#\9) {
+.awsui_tracker_x7peu_1allf_246:not(#\9) {
   display: none;
   position: absolute;
   border-inline-start: var(--border-divider-list-width-x6rz7e, 1px) dashed var(--color-border-divider-active-kx4xyy, #687078);
   inline-size: 0;
   inset-block: 0;
 }
-.awsui_resize-active_x7peu_1083w_141 .awsui_tracker_x7peu_1083w_249:not(#\9) {
+.awsui_resize-active_x7peu_1allf_141 .awsui_tracker_x7peu_1allf_246:not(#\9) {
   display: block;
 }

package/lib/internal/template/table/resizer/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "resize-active": "awsui_resize-active_x7peu_1083w_141",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1083w_141",
-  "divider": "awsui_divider_x7peu_1083w_146",
-  "divider-disabled": "awsui_divider-disabled_x7peu_1083w_160",
-  "divider-active": "awsui_divider-active_x7peu_1083w_163",
-  "resizer": "awsui_resizer_x7peu_1083w_167",
-  "has-focus": "awsui_has-focus_x7peu_1083w_224",
-  "tracker": "awsui_tracker_x7peu_1083w_249"
+  "resize-active": "awsui_resize-active_x7peu_1allf_141",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1allf_141",
+  "divider": "awsui_divider_x7peu_1allf_146",
+  "divider-disabled": "awsui_divider-disabled_x7peu_1allf_160",
+  "divider-active": "awsui_divider-active_x7peu_1allf_163",
+  "resizer": "awsui_resizer_x7peu_1allf_167",
+  "has-focus": "awsui_has-focus_x7peu_1allf_221",
+  "tracker": "awsui_tracker_x7peu_1allf_246"
 };
   

package/lib/internal/template/table/sticky-scrollbar/sticky-scrollbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-scrollbar.d.ts","sourceRoot":"","sources":["../../../../src/table/sticky-scrollbar/sticky-scrollbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,UAAU,oBAAoB;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;;AAED,wBAA2C"}
+{"version":3,"file":"sticky-scrollbar.d.ts","sourceRoot":"","sources":["../../../../src/table/sticky-scrollbar/sticky-scrollbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAW1C,UAAU,oBAAoB;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;;AAED,wBAA2C"}

package/lib/internal/template/table/sticky-scrollbar/sticky-scrollbar.js

@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { forwardRef } from 'react';
 import clsx from 'clsx';
+import { useIntersectionObserver } from '../../internal/hooks/use-intersection-observer';
 import { useMergeRefs } from '../../internal/hooks/use-merge-refs';
 import { useVisualRefresh } from '../../internal/hooks/use-visual-mode';
 import { browserScrollbarSize } from '../../internal/utils/browser-scrollbar-size';
@@ -19,7 +20,10 @@ function StickyScrollbar({ wrapperRef, tableRef, onScroll, hasStickyColumns }, r
      */
     const offsetScrollbar = hasStickyColumns || browserScrollbarSize().height === 0;
     useStickyScrollbar(scrollbarRef, scrollbarContentRef, tableRef, wrapperRef, offsetScrollbar);
-    return (React.createElement("div", { ref: mergedRef, className: clsx(styles['sticky-scrollbar'], offsetScrollbar && styles['sticky-scrollbar-offset'], isVisualRefresh && styles['is-visual-refresh']), onScroll: onScroll },
-        React.createElement("div", { ref: scrollbarContentRef, className: styles['sticky-scrollbar-content'] })));
+    const { ref: stickyDetectionRef, isIntersecting: isStickyDetectionVisible } = useIntersectionObserver();
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: mergedRef, className: clsx(styles['sticky-scrollbar'], offsetScrollbar && styles['sticky-scrollbar-offset'], isVisualRefresh && styles['is-visual-refresh']), onScroll: onScroll, "data-stuck": !isStickyDetectionVisible },
+            React.createElement("div", { ref: scrollbarContentRef, className: styles['sticky-scrollbar-content'] })),
+        React.createElement("div", { ref: stickyDetectionRef, style: { position: 'absolute', right: 0, bottom: 0, left: 0, height: 1 } })));
 }
 //# sourceMappingURL=sticky-scrollbar.js.map

package/lib/internal/template/table/sticky-scrollbar/sticky-scrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-scrollbar.js","sourceRoot":"","sources":["../../../../src/table/sticky-scrollbar/sticky-scrollbar.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AASrC,eAAe,UAAU,CAAC,eAAe,CAAC,CAAC;AAE3C,SAAS,eAAe,CACtB,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAwB,EAC1E,GAA8B;IAE9B,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAElD;;;OAGG;IACH,MAAM,eAAe,GAAG,gBAAgB,IAAI,oBAAoB,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IAEhF,kBAAkB,CAAC,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC;IAC7F,OAAO,CACL,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,kBAAkB,CAAC,EAC1B,eAAe,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACpD,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAC/C,EACD,QAAQ,EAAE,QAAQ;QAElB,6BAAK,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,GAAI,CAC5E,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { browserScrollbarSize } from '../../internal/utils/browser-scrollbar-size';\nimport { useStickyScrollbar } from './use-sticky-scrollbar';\n\nimport styles from './styles.css.js';\n\ninterface StickyScrollbarProps {\n  wrapperRef: React.RefObject<HTMLDivElement>;\n  tableRef: React.RefObject<HTMLTableElement>;\n  onScroll?: React.UIEventHandler<HTMLDivElement>;\n  hasStickyColumns?: boolean;\n}\n\nexport default forwardRef(StickyScrollbar);\n\nfunction StickyScrollbar(\n  { wrapperRef, tableRef, onScroll, hasStickyColumns }: StickyScrollbarProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const isVisualRefresh = useVisualRefresh();\n  const scrollbarRef = React.useRef<HTMLDivElement>(null);\n  const scrollbarContentRef = React.useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(ref, scrollbarRef);\n\n  /**\n   * If the height of the scrollbar is 0, we're likely on a platform that uses\n   * overlay scrollbars (e.g. Mac).\n   */\n  const offsetScrollbar = hasStickyColumns || browserScrollbarSize().height === 0;\n\n  useStickyScrollbar(scrollbarRef, scrollbarContentRef, tableRef, wrapperRef, offsetScrollbar);\n  return (\n    <div\n      ref={mergedRef}\n      className={clsx(\n        styles['sticky-scrollbar'],\n        offsetScrollbar && styles['sticky-scrollbar-offset'],\n        isVisualRefresh && styles['is-visual-refresh']\n      )}\n      onScroll={onScroll}\n    >\n      <div ref={scrollbarContentRef} className={styles['sticky-scrollbar-content']} />\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"sticky-scrollbar.js","sourceRoot":"","sources":["../../../../src/table/sticky-scrollbar/sticky-scrollbar.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,uBAAuB,EAAE,MAAM,gDAAgD,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AASrC,eAAe,UAAU,CAAC,eAAe,CAAC,CAAC;AAE3C,SAAS,eAAe,CACtB,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAwB,EAC1E,GAA8B;IAE9B,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC;IAElD;;;OAGG;IACH,MAAM,eAAe,GAAG,gBAAgB,IAAI,oBAAoB,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IAEhF,kBAAkB,CAAC,YAAY,EAAE,mBAAmB,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC;IAE7F,MAAM,EAAE,GAAG,EAAE,kBAAkB,EAAE,cAAc,EAAE,wBAAwB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAExG,OAAO,CACL;QACE,6BACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,kBAAkB,CAAC,EAC1B,eAAe,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACpD,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAC/C,EACD,QAAQ,EAAE,QAAQ,gBACN,CAAC,wBAAwB;YAErC,6BAAK,GAAG,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC,GAAI,CAC5E;QACN,6BAAK,GAAG,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAI,CACzG,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useIntersectionObserver } from '../../internal/hooks/use-intersection-observer';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { browserScrollbarSize } from '../../internal/utils/browser-scrollbar-size';\nimport { useStickyScrollbar } from './use-sticky-scrollbar';\n\nimport styles from './styles.css.js';\n\ninterface StickyScrollbarProps {\n  wrapperRef: React.RefObject<HTMLDivElement>;\n  tableRef: React.RefObject<HTMLTableElement>;\n  onScroll?: React.UIEventHandler<HTMLDivElement>;\n  hasStickyColumns?: boolean;\n}\n\nexport default forwardRef(StickyScrollbar);\n\nfunction StickyScrollbar(\n  { wrapperRef, tableRef, onScroll, hasStickyColumns }: StickyScrollbarProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const isVisualRefresh = useVisualRefresh();\n  const scrollbarRef = React.useRef<HTMLDivElement>(null);\n  const scrollbarContentRef = React.useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs(ref, scrollbarRef);\n\n  /**\n   * If the height of the scrollbar is 0, we're likely on a platform that uses\n   * overlay scrollbars (e.g. Mac).\n   */\n  const offsetScrollbar = hasStickyColumns || browserScrollbarSize().height === 0;\n\n  useStickyScrollbar(scrollbarRef, scrollbarContentRef, tableRef, wrapperRef, offsetScrollbar);\n\n  const { ref: stickyDetectionRef, isIntersecting: isStickyDetectionVisible } = useIntersectionObserver();\n\n  return (\n    <>\n      <div\n        ref={mergedRef}\n        className={clsx(\n          styles['sticky-scrollbar'],\n          offsetScrollbar && styles['sticky-scrollbar-offset'],\n          isVisualRefresh && styles['is-visual-refresh']\n        )}\n        onScroll={onScroll}\n        data-stuck={!isStickyDetectionVisible}\n      >\n        <div ref={scrollbarContentRef} className={styles['sticky-scrollbar-content']} />\n      </div>\n      <div ref={stickyDetectionRef} style={{ position: 'absolute', right: 0, bottom: 0, left: 0, height: 1 }} />\n    </>\n  );\n}\n"]}

package/lib/internal/template/table/sticky-scrollbar/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_geduz_177",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_geduz_186",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_geduz_189",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_geduz_192",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_geduz_195",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_geduz_198"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_15v54_177",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_15v54_189",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_15v54_192",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_15v54_195",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_15v54_198",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_15v54_201"
 };
   

package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css

@@ -174,7 +174,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_sticky-scrollbar_faqt8_geduz_177:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_15v54_177:not(#\9) {
   block-size: 15px;
   position: sticky;
   display: none;
@@ -183,24 +183,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-end: 0;
   inline-size: 100%;
 }
-.awsui_sticky-scrollbar-content_faqt8_geduz_186:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_15v54_177[data-stuck=false]:not(#\9) {
+  clip-path: inset(-9999px 0 0 0 round var(--border-radius-container-3o3ats, 0px));
+}
+.awsui_sticky-scrollbar-content_faqt8_15v54_189:not(#\9) {
   block-size: 15px;
 }
-.awsui_sticky-scrollbar-visible_faqt8_geduz_189:not(#\9) {
+.awsui_sticky-scrollbar-visible_faqt8_15v54_192:not(#\9) {
   display: block;
 }
-.awsui_sticky-scrollbar-native-invisible_faqt8_geduz_192:not(#\9) {
+.awsui_sticky-scrollbar-native-invisible_faqt8_15v54_195:not(#\9) {
   margin-block-start: -15px;
 }
-.awsui_sticky-scrollbar-offset_faqt8_geduz_195:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_15v54_198:not(#\9) {
   z-index: 799;
 }
-.awsui_sticky-scrollbar-offset_faqt8_geduz_195:not(#\9):not(.awsui_is-visual-refresh_faqt8_geduz_198) {
+.awsui_sticky-scrollbar-offset_faqt8_15v54_198:not(#\9):not(.awsui_is-visual-refresh_faqt8_15v54_201) {
   background-color: var(--color-background-container-content-myy7cn, #ffffff);
   block-size: 15px;
   margin-block-start: calc(-1 * var(--border-divider-section-width-iueskx, 1px));
   border-block-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-divider-default-u5ytia, #eaeded);
 }
-.awsui_sticky-scrollbar-offset_faqt8_geduz_195.awsui_is-visual-refresh_faqt8_geduz_198:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_15v54_198.awsui_is-visual-refresh_faqt8_15v54_201:not(#\9) {
   margin-block-start: -5px;
 }

package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_geduz_177",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_geduz_186",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_geduz_189",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_geduz_192",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_geduz_195",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_geduz_198"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_15v54_177",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_15v54_189",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_15v54_192",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_15v54_195",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_15v54_198",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_15v54_201"
 };
   

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

@@ -1,33 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_96uwn_282",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_96uwn_290",
-  "pagination-button": "awsui_pagination-button_14rmt_96uwn_307",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_96uwn_314",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_96uwn_317",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_96uwn_321",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_96uwn_324",
-  "tabs-tab": "awsui_tabs-tab_14rmt_96uwn_329",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_96uwn_338",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_96uwn_349",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_96uwn_360",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_96uwn_360",
-  "refresh": "awsui_refresh_14rmt_96uwn_364",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_96uwn_368",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_96uwn_410",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_96uwn_486",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_96uwn_493",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_96uwn_497",
-  "root": "awsui_root_14rmt_96uwn_501",
-  "tabs": "awsui_tabs_14rmt_96uwn_282",
-  "tabs-content": "awsui_tabs-content_14rmt_96uwn_542",
-  "fit-height": "awsui_fit-height_14rmt_96uwn_546",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_96uwn_552",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_96uwn_566",
-  "with-paddings": "awsui_with-paddings_14rmt_96uwn_566",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_96uwn_577",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_96uwn_588",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_96uwn_592"
+  "tabs-header": "awsui_tabs-header_14rmt_t4wdv_282",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_t4wdv_290",
+  "pagination-button": "awsui_pagination-button_14rmt_t4wdv_307",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_t4wdv_314",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_t4wdv_317",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_t4wdv_321",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_t4wdv_324",
+  "tabs-tab": "awsui_tabs-tab_14rmt_t4wdv_329",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_t4wdv_338",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_t4wdv_349",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_t4wdv_360",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_t4wdv_360",
+  "refresh": "awsui_refresh_14rmt_t4wdv_364",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_t4wdv_368",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_t4wdv_410",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_t4wdv_486",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_t4wdv_493",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_t4wdv_497",
+  "root": "awsui_root_14rmt_t4wdv_501",
+  "tabs": "awsui_tabs_14rmt_t4wdv_282",
+  "tabs-content": "awsui_tabs-content_14rmt_t4wdv_539",
+  "fit-height": "awsui_fit-height_14rmt_t4wdv_543",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_t4wdv_549",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_t4wdv_563",
+  "with-paddings": "awsui_with-paddings_14rmt_t4wdv_563",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_t4wdv_574",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_t4wdv_585",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_t4wdv_589"
 };
   

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

@@ -279,7 +279,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-type */
-.awsui_tabs-header_14rmt_96uwn_282:not(#\9) {
+.awsui_tabs-header_14rmt_t4wdv_282:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -287,7 +287,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
 
-.awsui_tabs-header-list_14rmt_96uwn_290:not(#\9) {
+.awsui_tabs-header-list_14rmt_t4wdv_290:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -300,33 +300,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_96uwn_290:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_t4wdv_290:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
 
-.awsui_pagination-button_14rmt_96uwn_307:not(#\9) {
+.awsui_pagination-button_14rmt_t4wdv_307:not(#\9) {
   margin-block: var(--space-scaled-s-8j7izy, 12px);
   margin-inline: 0;
   padding-block: 0;
   padding-inline: var(--space-xxs-y2432o, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_96uwn_314:not(#\9) {
+.awsui_pagination-button-left_14rmt_t4wdv_314:not(#\9) {
   border-inline-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-control-disabled-7jgofv, #d5dbdb);
 }
-.awsui_pagination-button-left-scrollable_14rmt_96uwn_317:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_t4wdv_317:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-eb3y7s, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-eb3y7s, #eaeded);
 }
-.awsui_pagination-button-right_14rmt_96uwn_321:not(#\9) {
+.awsui_pagination-button-right_14rmt_t4wdv_321:not(#\9) {
   border-inline-start: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-control-disabled-7jgofv, #d5dbdb);
 }
-.awsui_pagination-button-right-scrollable_14rmt_96uwn_324:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_t4wdv_324:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-eb3y7s, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-eb3y7s, #eaeded);
 }
 
-.awsui_tabs-tab_14rmt_96uwn_329:not(#\9) {
+.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
@@ -335,7 +335,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-inline-size: calc(90% - var(--space-l-eenfqd, 20px));
 }
 
-.awsui_tabs-tab-label_14rmt_96uwn_338:not(#\9) {
+.awsui_tabs-tab-label_14rmt_t4wdv_338:not(#\9) {
   display: flex;
   align-items: center;
   padding-inline: var(--space-xs-6dgkww, 8px);
@@ -346,7 +346,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9) {
   position: relative;
   border-block: var(--border-divider-section-width-iueskx, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-iueskx, 1px) solid transparent;
@@ -354,18 +354,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   align-items: stretch;
 }
-.awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9), .awsui_tabs-tab-header-container_14rmt_96uwn_349 > button:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9), .awsui_tabs-tab-header-container_14rmt_t4wdv_349 > button:not(#\9) {
   background-color: transparent;
 }
-.awsui_tabs-tab-header-container_14rmt_96uwn_349 > .awsui_tabs-tab-dismiss_14rmt_96uwn_360:not(#\9), .awsui_tabs-tab-header-container_14rmt_96uwn_349 > .awsui_tabs-tab-action_14rmt_96uwn_360:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_t4wdv_349 > .awsui_tabs-tab-dismiss_14rmt_t4wdv_360:not(#\9), .awsui_tabs-tab-header-container_14rmt_t4wdv_349 > .awsui_tabs-tab-action_14rmt_t4wdv_360:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_tabs-tab-header-container_14rmt_96uwn_349.awsui_refresh_14rmt_96uwn_364 > span:not(#\9):first-of-type {
+.awsui_tabs-tab-header-container_14rmt_t4wdv_349.awsui_refresh_14rmt_t4wdv_364 > span:not(#\9):first-of-type {
   margin-inline-start: calc(-1 * var(--space-scaled-xs-t3am3w, 8px));
 }
 
-.awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368):after {
+.awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368):after {
   content: "";
   position: absolute;
   inset-inline-start: 0;
@@ -379,35 +379,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-border-tabs-underline-3q3di9, #16191f);
   opacity: 0;
 }
-.awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368).awsui_refresh_14rmt_96uwn_364:after {
+.awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368).awsui_refresh_14rmt_t4wdv_364:after {
   transition: opacity var(--motion-duration-refresh-only-medium-kd6k1u, 0ms) var(--motion-easing-refresh-only-c-8zqwmw, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368).awsui_refresh_14rmt_96uwn_364:after {
+  .awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368).awsui_refresh_14rmt_t4wdv_364:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368).awsui_refresh_14rmt_96uwn_364:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_96uwn_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368).awsui_refresh_14rmt_96uwn_364:after {
+.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368).awsui_refresh_14rmt_t4wdv_364:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_t4wdv_349:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368).awsui_refresh_14rmt_t4wdv_364:after {
   animation: none;
   transition: none;
 }
 
-.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_96uwn_349 {
+.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_t4wdv_349 {
   margin-inline-end: calc(-1 * var(--border-divider-section-width-iueskx, 1px));
 }
-.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_96uwn_349:before {
+.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_t4wdv_349:before {
   content: "";
   position: absolute;
   border-inline-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-tabs-divider-x9swcr, #aab7b8);
   inset: var(--space-scaled-s-8j7izy, 12px) 0;
   opacity: 1;
 }
-.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_96uwn_349.awsui_refresh_14rmt_96uwn_364:before {
+.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_t4wdv_349.awsui_refresh_14rmt_t4wdv_364:before {
   inset: calc(var(--space-static-s-pwj45y, 12px) - var(--border-active-width-28kchn, 2px)) 0;
 }
 
-.awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9) {
+.awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -428,27 +428,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-trr1e8, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hyxkxc, auto);
 }
-.awsui_tabs-tab-link_14rmt_96uwn_410.awsui_refresh_14rmt_96uwn_364:not(#\9) {
+.awsui_tabs-tab-link_14rmt_t4wdv_410.awsui_refresh_14rmt_t4wdv_364:not(#\9) {
   padding-block-start: calc(var(--space-static-xs-fwcjew, 8px) - 1px);
   padding-block-end: calc(var(--space-static-xs-fwcjew, 8px) - 1px);
   margin-block-start: 0;
 }
-.awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9):hover {
   color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9):focus {
   z-index: 1;
   border-inline-end-color: transparent;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-ix5qjm, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_t4wdv_410:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -463,46 +463,46 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
 
-.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):first-child {
   margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_96uwn_349 {
+.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_t4wdv_349 {
   padding-inline-start: calc(var(--space-xs-6dgkww, 8px) - 1px);
 }
 
-.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):last-child {
   margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_96uwn_329:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_96uwn_349 {
+.awsui_tabs-tab_14rmt_t4wdv_329:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_t4wdv_349 {
   padding-inline-end: calc(var(--space-xs-6dgkww, 8px) - 1px);
 }
 
-.awsui_tabs-tab-disabled_14rmt_96uwn_368:not(#\9), .awsui_tabs-tab-disabled_14rmt_96uwn_368:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_t4wdv_368:not(#\9), .awsui_tabs-tab-disabled_14rmt_t4wdv_368:not(#\9):hover {
   cursor: default;
   color: var(--color-text-interactive-disabled-xqzdg5, #aab7b8);
   font-weight: var(--font-tabs-disabled-weight-u0cr6g, 400);
 }
 
-.awsui_tabs-tab-active_14rmt_96uwn_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368) {
+.awsui_tabs-tab-active_14rmt_t4wdv_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368) {
   color: var(--color-text-accent-b3retj, #0073bb);
 }
-.awsui_tabs-tab-active_14rmt_96uwn_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_96uwn_368):after {
+.awsui_tabs-tab-active_14rmt_t4wdv_486:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_t4wdv_368):after {
   opacity: 1;
 }
 
-.awsui_tabs-header-with-divider_14rmt_96uwn_493:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_t4wdv_493:not(#\9) {
   border-block-end: var(--border-divider-section-width-iueskx, 1px) solid var(--color-border-tabs-divider-x9swcr, #aab7b8);
 }
 
-.awsui_tabs-tab-focusable_14rmt_96uwn_497:not(#\9) {
+.awsui_tabs-tab-focusable_14rmt_t4wdv_497:not(#\9) {
   /* used to manage focusable logic */
 }
 
-.awsui_root_14rmt_96uwn_501:not(#\9) {
+.awsui_root_14rmt_t4wdv_501:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs_14rmt_96uwn_282:not(#\9) {
+.awsui_tabs_14rmt_t4wdv_282:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -511,12 +511,9 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -540,21 +537,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_96uwn_410:not(#\9
   inline-size: 100%;
 }
 
-.awsui_tabs-content_14rmt_96uwn_542:not(#\9) {
+.awsui_tabs-content_14rmt_t4wdv_539:not(#\9) {
   display: none;
 }
 
-.awsui_fit-height_14rmt_96uwn_546:not(#\9) {
+.awsui_fit-height_14rmt_t4wdv_543:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
 
-.awsui_tabs-content-active_14rmt_96uwn_552:not(#\9) {
+.awsui_tabs-content-active_14rmt_t4wdv_549:not(#\9) {
   display: block;
   flex: 1;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_96uwn_552:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_t4wdv_549:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-3o3ats, 0px);
@@ -564,32 +561,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_96uwn_552:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
 }
 
-.awsui_tabs-content-wrapper_14rmt_96uwn_566.awsui_with-paddings_14rmt_96uwn_566 > .awsui_tabs-content_14rmt_96uwn_542:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_t4wdv_563.awsui_with-paddings_14rmt_t4wdv_563 > .awsui_tabs-content_14rmt_t4wdv_539:not(#\9) {
   padding-block: var(--space-scaled-m-3uxq9h, 16px);
   padding-inline: 0;
 }
-.awsui_fit-height_14rmt_96uwn_546 > .awsui_tabs-content-wrapper_14rmt_96uwn_566:not(#\9) {
+.awsui_fit-height_14rmt_t4wdv_543 > .awsui_tabs-content-wrapper_14rmt_t4wdv_563:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
 
-.awsui_fit-height_14rmt_96uwn_546 > .awsui_tabs-content-wrapper_14rmt_96uwn_566 > .awsui_tabs-container-content-wrapper_14rmt_96uwn_577:not(#\9) {
+.awsui_fit-height_14rmt_t4wdv_543 > .awsui_tabs-content-wrapper_14rmt_t4wdv_563 > .awsui_tabs-container-content-wrapper_14rmt_t4wdv_574:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
 }
-.awsui_tabs-container-content-wrapper_14rmt_96uwn_577.awsui_with-paddings_14rmt_96uwn_566 > .awsui_tabs-content_14rmt_96uwn_542:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_t4wdv_574.awsui_with-paddings_14rmt_t4wdv_563 > .awsui_tabs-content_14rmt_t4wdv_539:not(#\9) {
   padding-block-start: var(--space-tabs-content-top-asxj61, 16px);
   padding-block-end: var(--space-scaled-l-7e51pg, 20px);
   padding-inline: var(--space-container-horizontal-v3575u, 20px);
 }
 
-.awsui_disabled-reason-tooltip_14rmt_96uwn_588:not(#\9) {
+.awsui_disabled-reason-tooltip_14rmt_t4wdv_585:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs-tab-focused_14rmt_96uwn_592:not(#\9) {
+.awsui_tabs-tab-focused_14rmt_t4wdv_589:not(#\9) {
   /* used to manage focusable state for disabled with reason tabs */
 }