npm - @cloudscape-design/components - Versions diffs - 3.0.852 → 3.0.853 - Mend

@cloudscape-design/components 3.0.852 → 3.0.853

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/internal/environment.js +1 -1
package/internal/environment.json +1 -1
package/internal/manifest.json +1 -1
package/package.json +1 -1
package/tabs/scroll-utils.js +1 -1
package/tabs/scroll-utils.js.map +1 -1
package/tabs/styles.css.js +28 -28
package/tabs/styles.scoped.css +53 -49
package/tabs/styles.selectors.js +28 -28

package/internal/environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (a9b29577)";
+export var PACKAGE_VERSION = "3.0.0 (6310acad)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (a9b29577)",
+  "PACKAGE_VERSION": "3.0.0 (6310acad)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "a9b295777e67bd0acbf33b69a7f93f8af60021b6"
+  "commit": "6310acad7f9a4d098632d54d5f3cdb03280b3e56"
 }

package/package.json CHANGED Viewed

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

package/tabs/scroll-utils.js CHANGED Viewed

@@ -39,7 +39,7 @@ export const scrollIntoView = (tabHeader, headerBar, smooth = true) => {
     // Anchor tab to left of scroll parent
     updatedLeftScroll = Math.min(updatedLeftScroll, tabHeader.offsetLeft - margin);
     // Anchor tab to right of scroll parent
-    updatedLeftScroll = Math.max(updatedLeftScroll, tabHeader.offsetLeft + tabHeader.offsetWidth - headerBar.offsetWidth + margin);
+    updatedLeftScroll = Math.max(updatedLeftScroll, tabHeader.offsetLeft + tabHeader.offsetWidth / 2 - headerBar.offsetWidth / 2 + margin);
     if (smooth) {
         smoothScroll(headerBar, updatedLeftScroll);
     }

package/tabs/scroll-utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scroll-utils.js","sourceRoot":"","sources":["../../../src/tabs/scroll-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAE/F,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,YAA+C,EAC/C,SAAiC,EAC3B,EAAE;IACR,IAAI,CAAC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,CAAA,EAAE;QAC1B,OAAO;KACR;IACD,MAAM,OAAO,GAAG,YAAY,CAAC,OAAO,CAAC;IACrC,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC;IAEzD,kEAAkE;IAClE,MAAM,oBAAoB,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEnE,MAAM,cAAc,GAClB,SAAS,KAAK,SAAS;QACrB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,oBAAoB,EAAE,WAAW,GAAG,WAAW,CAAC;QAClF,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,oBAAoB,EAAE,CAAC,CAAC,CAAC;IAE/D,2EAA2E;IAC3E,MAAM,QAAQ,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;IAE1E,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,SAAsB,EACtB,yBAAuD,EAC9C,EAAE;IACX,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAE/C,oGAAoG;IACpG,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,OAAO,IAAI,CAAC,GAAG,yBAAyB,CAAC,OAAO,CAAC,WAAW,CAAC;IACtH,OAAO,sBAAsB,CAAC,CAAC,CAAC,WAAW,GAAG,WAAW,GAAG,sBAAsB,CAAC,CAAC,CAAC,WAAW,GAAG,WAAW,CAAC;AACjH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAsB,EAAW,EAAE;IACxE,OAAO,oBAAoB,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,SAAsB,EAAW,EAAE;IACtE,OAAO,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;AACpG,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAsB,EAAE,SAAsB,EAAE,MAAM,GAAG,IAAI,EAAQ,EAAE;IACpG,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,EAAE;QAC5B,OAAO;KACR;IACD,oEAAoE;IACpE,MAAM,MAAM,GAAG,CAAC,CAAC;IACjB,IAAI,iBAAiB,GAAG,SAAS,CAAC,UAAU,CAAC;IAE7C,sCAAsC;IACtC,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,SAAS,CAAC,UAAU,GAAG,MAAM,CAAC,CAAC;IAC/E,uCAAuC;IACvC,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAC1B,iBAAiB,EACjB,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,GAAG,MAAM,~~CAC9E~~,CAAC;IACF,IAAI,MAAM,EAAE;QACV,YAAY,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;KAC5C;SAAM;QACL,SAAS,CAAC,UAAU,GAAG,iBAAiB,CAAC;KAC1C;AACH,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getIsRtl, getScrollInlineStart } from '@cloudscape-design/component-toolkit/internal';\n\nimport smoothScroll from './smooth-scroll';\n\nexport const onPaginationClick = (\n headerBarRef: React.RefObject<HTMLUListElement>,\n direction: 'forward' \| 'backward'\n): void => {\n if (!headerBarRef?.current) {\n return;\n }\n const element = headerBarRef.current;\n const { scrollLeft, scrollWidth, offsetWidth } = element;\n\n // Scroll each paginated section by 75% of what is already visible\n const paginatedSectionSize = Math.ceil(element.clientWidth * 0.75);\n\n const scrollDistance =\n direction === 'forward'\n ? Math.min(Math.abs(scrollLeft) + paginatedSectionSize, scrollWidth - offsetWidth)\n : Math.max(Math.abs(scrollLeft) - paginatedSectionSize, 0);\n\n // scroll destination needs to be a negative number if the direction is RTL\n const scrollTo = getIsRtl(element) ? scrollDistance * -1 : scrollDistance;\n\n smoothScroll(element, scrollTo);\n};\n\nexport const hasHorizontalOverflow = (\n headerBar: HTMLElement,\n inlineStartOverflowButton: React.RefObject<HTMLElement>\n): boolean => {\n const { offsetWidth, scrollWidth } = headerBar;\n\n // Need to account for pagination button width when deciding if there would be overflow without them\n const paginationButtonsWidth = inlineStartOverflowButton.current && 2 * inlineStartOverflowButton.current.offsetWidth;\n return paginationButtonsWidth ? scrollWidth > offsetWidth + paginationButtonsWidth : scrollWidth > offsetWidth;\n};\n\nexport const hasInlineStartOverflow = (headerBar: HTMLElement): boolean => {\n return getScrollInlineStart(headerBar) > 0;\n};\n\nexport const hasInlineEndOverflow = (headerBar: HTMLElement): boolean => {\n return Math.ceil(getScrollInlineStart(headerBar)) < headerBar.scrollWidth - headerBar.offsetWidth;\n};\n\nexport const scrollIntoView = (tabHeader: HTMLElement, headerBar: HTMLElement, smooth = true): void => {\n if (!tabHeader \|\| !headerBar) {\n return;\n }\n // Extra left and right margin to always make the focus ring visible\n const margin = 2;\n let updatedLeftScroll = headerBar.scrollLeft;\n\n // Anchor tab to left of scroll parent\n updatedLeftScroll = Math.min(updatedLeftScroll, tabHeader.offsetLeft - margin);\n // Anchor tab to right of scroll parent\n updatedLeftScroll = Math.max(\n updatedLeftScroll,\n tabHeader.offsetLeft + tabHeader.offsetWidth - headerBar.offsetWidth + margin\n );\n if (smooth) {\n smoothScroll(headerBar, updatedLeftScroll);\n } else {\n headerBar.scrollLeft = updatedLeftScroll;\n }\n};\n"]}
1	+ {"version":3,"file":"scroll-utils.js","sourceRoot":"","sources":["../../../src/tabs/scroll-utils.ts"],"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 { getIsRtl, getScrollInlineStart } from '@cloudscape-design/component-toolkit/internal';\n\nimport smoothScroll from './smooth-scroll';\n\nexport const onPaginationClick = (\n headerBarRef: React.RefObject<HTMLUListElement>,\n direction: 'forward' \| 'backward'\n): void => {\n if (!headerBarRef?.current) {\n return;\n }\n const element = headerBarRef.current;\n const { scrollLeft, scrollWidth, offsetWidth } = element;\n\n // Scroll each paginated section by 75% of what is already visible\n const paginatedSectionSize = Math.ceil(element.clientWidth * 0.75);\n\n const scrollDistance =\n direction === 'forward'\n ? Math.min(Math.abs(scrollLeft) + paginatedSectionSize, scrollWidth - offsetWidth)\n : Math.max(Math.abs(scrollLeft) - paginatedSectionSize, 0);\n\n // scroll destination needs to be a negative number if the direction is RTL\n const scrollTo = getIsRtl(element) ? scrollDistance * -1 : scrollDistance;\n\n smoothScroll(element, scrollTo);\n};\n\nexport const hasHorizontalOverflow = (\n headerBar: HTMLElement,\n inlineStartOverflowButton: React.RefObject<HTMLElement>\n): boolean => {\n const { offsetWidth, scrollWidth } = headerBar;\n\n // Need to account for pagination button width when deciding if there would be overflow without them\n const paginationButtonsWidth = inlineStartOverflowButton.current && 2 * inlineStartOverflowButton.current.offsetWidth;\n return paginationButtonsWidth ? scrollWidth > offsetWidth + paginationButtonsWidth : scrollWidth > offsetWidth;\n};\n\nexport const hasInlineStartOverflow = (headerBar: HTMLElement): boolean => {\n return getScrollInlineStart(headerBar) > 0;\n};\n\nexport const hasInlineEndOverflow = (headerBar: HTMLElement): boolean => {\n return Math.ceil(getScrollInlineStart(headerBar)) < headerBar.scrollWidth - headerBar.offsetWidth;\n};\n\nexport const scrollIntoView = (tabHeader: HTMLElement, headerBar: HTMLElement, smooth = true): void => {\n if (!tabHeader \|\| !headerBar) {\n return;\n }\n // Extra left and right margin to always make the focus ring visible\n const margin = 2;\n let updatedLeftScroll = headerBar.scrollLeft;\n\n // Anchor tab to left of scroll parent\n updatedLeftScroll = Math.min(updatedLeftScroll, tabHeader.offsetLeft - margin);\n // Anchor tab to right of scroll parent\n updatedLeftScroll = Math.max(\n updatedLeftScroll,\n tabHeader.offsetLeft + tabHeader.offsetWidth / 2 - headerBar.offsetWidth / 2 + margin\n );\n if (smooth) {\n smoothScroll(headerBar, updatedLeftScroll);\n } else {\n headerBar.scrollLeft = updatedLeftScroll;\n }\n};\n"]}

package/tabs/styles.css.js CHANGED Viewed

@@ -1,33 +1,33 @@
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_ji2br_290",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_ji2br_298",
-  "pagination-button": "awsui_pagination-button_14rmt_ji2br_315",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_ji2br_322",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_ji2br_325",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_ji2br_329",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_ji2br_332",
-  "tabs-tab": "awsui_tabs-tab_14rmt_ji2br_337",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_ji2br_346",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_ji2br_357",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_ji2br_368",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_ji2br_368",
-  "refresh": "awsui_refresh_14rmt_ji2br_372",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_ji2br_376",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_ji2br_418",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_ji2br_494",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_ji2br_501",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_ji2br_505",
-  "root": "awsui_root_14rmt_ji2br_509",
-  "tabs": "awsui_tabs_14rmt_ji2br_290",
-  "tabs-content": "awsui_tabs-content_14rmt_ji2br_547",
-  "fit-height": "awsui_fit-height_14rmt_ji2br_551",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_ji2br_557",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_ji2br_571",
-  "with-paddings": "awsui_with-paddings_14rmt_ji2br_571",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_ji2br_582",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_ji2br_593",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_ji2br_597"
+  "tabs-header": "awsui_tabs-header_14rmt_1xftp_290",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_1xftp_298",
+  "pagination-button": "awsui_pagination-button_14rmt_1xftp_316",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_1xftp_323",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1xftp_326",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_1xftp_330",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1xftp_333",
+  "tabs-tab": "awsui_tabs-tab_14rmt_1xftp_338",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1xftp_348",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_1xftp_359",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_1xftp_370",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_1xftp_370",
+  "refresh": "awsui_refresh_14rmt_1xftp_374",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1xftp_378",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1xftp_420",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1xftp_498",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1xftp_505",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_1xftp_509",
+  "root": "awsui_root_14rmt_1xftp_513",
+  "tabs": "awsui_tabs_14rmt_1xftp_290",
+  "tabs-content": "awsui_tabs-content_14rmt_1xftp_551",
+  "fit-height": "awsui_fit-height_14rmt_1xftp_555",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_1xftp_561",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1xftp_575",
+  "with-paddings": "awsui_with-paddings_14rmt_1xftp_575",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1xftp_586",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_1xftp_597",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_1xftp_601"
 };

package/tabs/styles.scoped.css CHANGED Viewed

@@ -287,7 +287,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_ji2br_290:not(#\9) {
+.awsui_tabs-header_14rmt_1xftp_290:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -295,7 +295,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
-.awsui_tabs-header-list_14rmt_ji2br_298:not(#\9) {
+.awsui_tabs-header-list_14rmt_1xftp_298:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -305,45 +305,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow-y: hidden;
   position: relative;
   inline-size: 100%;
+  scroll-snap-type: inline proximity;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_ji2br_298:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_1xftp_298:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_pagination-button_14rmt_ji2br_315:not(#\9) {
+.awsui_pagination-button_14rmt_1xftp_316:not(#\9) {
   margin-block: var(--space-scaled-s-aqzyko, 12px);
   margin-inline: 0;
   padding-block: 0;
   padding-inline: var(--space-xxs-p8yyaw, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_ji2br_322:not(#\9) {
+.awsui_pagination-button-left_14rmt_1xftp_323:not(#\9) {
   border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-control-disabled-qc5csz, #dedee3);
 }
-.awsui_pagination-button-left-scrollable_14rmt_ji2br_325:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_1xftp_326:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12));
 }
-.awsui_pagination-button-right_14rmt_ji2br_329:not(#\9) {
+.awsui_pagination-button-right_14rmt_1xftp_330:not(#\9) {
   border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-control-disabled-qc5csz, #dedee3);
 }
-.awsui_pagination-button-right-scrollable_14rmt_ji2br_332:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_1xftp_333:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-enjrr2, rgba(15, 20, 26, 0.12));
 }
-.awsui_tabs-tab_14rmt_ji2br_337:not(#\9) {
+.awsui_tabs-tab_14rmt_1xftp_338:not(#\9) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
   flex-shrink: 0;
   display: flex;
   max-inline-size: calc(90% - var(--space-l-t419sm, 20px));
+  scroll-snap-align: start;
 }
-.awsui_tabs-tab-label_14rmt_ji2br_346:not(#\9) {
+.awsui_tabs-tab-label_14rmt_1xftp_348:not(#\9) {
   display: flex;
   align-items: center;
   padding-inline: var(--space-xs-zb16t3, 8px);
@@ -354,7 +356,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
-.awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_1xftp_359:not(#\9) {
   position: relative;
   border-block: var(--border-divider-section-width-1061zr, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-1061zr, 1px) solid transparent;
@@ -362,18 +364,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_ji2br_357:not(#\9), .awsui_tabs-tab-header-container_14rmt_ji2br_357 > button:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_1xftp_359:not(#\9), .awsui_tabs-tab-header-container_14rmt_1xftp_359 > button:not(#\9) {
   background-color: transparent;
 }
-.awsui_tabs-tab-header-container_14rmt_ji2br_357 > .awsui_tabs-tab-dismiss_14rmt_ji2br_368:not(#\9), .awsui_tabs-tab-header-container_14rmt_ji2br_357 > .awsui_tabs-tab-action_14rmt_ji2br_368:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_1xftp_359 > .awsui_tabs-tab-dismiss_14rmt_1xftp_370:not(#\9), .awsui_tabs-tab-header-container_14rmt_1xftp_359 > .awsui_tabs-tab-action_14rmt_1xftp_370:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_tabs-tab-header-container_14rmt_ji2br_357.awsui_refresh_14rmt_ji2br_372 > span:not(#\9):first-of-type {
+.awsui_tabs-tab-header-container_14rmt_1xftp_359.awsui_refresh_14rmt_1xftp_374 > span:not(#\9):first-of-type {
   margin-inline-start: calc(-1 * var(--space-scaled-xs-26e2du, 8px));
 }
-.awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376):after {
+.awsui_tabs-tab-header-container_14rmt_1xftp_359:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1xftp_378):after {
   content: "";
   position: absolute;
   inset-inline-start: 0;
@@ -387,35 +389,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-border-tabs-underline-a5fmhd, #006ce0);
   opacity: 0;
 }
-.awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376).awsui_refresh_14rmt_ji2br_372:after {
+.awsui_tabs-tab-header-container_14rmt_1xftp_359:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1xftp_378).awsui_refresh_14rmt_1xftp_374:after {
   transition: opacity var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-c-vg1m9h, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376).awsui_refresh_14rmt_ji2br_372:after {
+  .awsui_tabs-tab-header-container_14rmt_1xftp_359:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1xftp_378).awsui_refresh_14rmt_1xftp_374:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376).awsui_refresh_14rmt_ji2br_372:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_ji2br_357:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376).awsui_refresh_14rmt_ji2br_372:after {
+.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_1xftp_359:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1xftp_378).awsui_refresh_14rmt_1xftp_374:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_1xftp_359:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1xftp_378).awsui_refresh_14rmt_1xftp_374:after {
   animation: none;
   transition: none;
 }
-.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_ji2br_357 {
+.awsui_tabs-tab_14rmt_1xftp_338:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1xftp_359 {
   margin-inline-end: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
 }
-.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_ji2br_357:before {
+.awsui_tabs-tab_14rmt_1xftp_338:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1xftp_359:before {
   content: "";
   position: absolute;
   border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-tabs-divider-djfdfj, #c6c6cd);
   inset: var(--space-scaled-s-aqzyko, 12px) 0;
   opacity: 1;
 }
-.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_ji2br_357.awsui_refresh_14rmt_ji2br_372:before {
+.awsui_tabs-tab_14rmt_1xftp_338:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_1xftp_359.awsui_refresh_14rmt_1xftp_374:before {
   inset: calc(var(--space-static-s-n2eb28, 12px) - var(--border-active-width-9dmqf4, 4px)) 0;
 }
-.awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9) {
+.awsui_tabs-tab-link_14rmt_1xftp_420:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -436,27 +438,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-m8nc84, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-foywby, grayscale);
 }
-.awsui_tabs-tab-link_14rmt_ji2br_418.awsui_refresh_14rmt_ji2br_372:not(#\9) {
+.awsui_tabs-tab-link_14rmt_1xftp_420.awsui_refresh_14rmt_1xftp_374:not(#\9) {
   padding-block-start: calc(var(--space-static-xs-7sfb63, 8px) - 1px);
   padding-block-end: calc(var(--space-static-xs-7sfb63, 8px) - 1px);
   margin-block-start: 0;
 }
-.awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_1xftp_420:not(#\9):hover {
   color: var(--color-text-accent-fptgkc, #006ce0);
 }
-.awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_1xftp_420:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1xftp_420:not(#\9):focus {
   z-index: 1;
   border-inline-end-color: transparent;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1xftp_420:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-xm37ly, -8px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_1xftp_420:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -471,46 +473,48 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_1xftp_338:not(#\9):first-child {
   margin-inline-start: 1px;
+  scroll-margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_ji2br_357 {
+.awsui_tabs-tab_14rmt_1xftp_338:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_1xftp_359 {
   padding-inline-start: calc(var(--space-xs-zb16t3, 8px) - 1px);
 }
-.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_1xftp_338:not(#\9):last-child {
   margin-inline-end: 1px;
+  scroll-margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_ji2br_337:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_ji2br_357 {
+.awsui_tabs-tab_14rmt_1xftp_338:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_1xftp_359 {
   padding-inline-end: calc(var(--space-xs-zb16t3, 8px) - 1px);
 }
-.awsui_tabs-tab-disabled_14rmt_ji2br_376:not(#\9), .awsui_tabs-tab-disabled_14rmt_ji2br_376:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_1xftp_378:not(#\9), .awsui_tabs-tab-disabled_14rmt_1xftp_378:not(#\9):hover {
   cursor: default;
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
   font-weight: var(--font-tabs-disabled-weight-1xcs5l, 700);
 }
-.awsui_tabs-tab-active_14rmt_ji2br_494:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376) {
+.awsui_tabs-tab-active_14rmt_1xftp_498:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1xftp_378) {
   color: var(--color-text-accent-fptgkc, #006ce0);
 }
-.awsui_tabs-tab-active_14rmt_ji2br_494:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_ji2br_376):after {
+.awsui_tabs-tab-active_14rmt_1xftp_498:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_1xftp_378):after {
   opacity: 1;
 }
-.awsui_tabs-header-with-divider_14rmt_ji2br_501:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_1xftp_505:not(#\9) {
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-tabs-divider-djfdfj, #c6c6cd);
 }
-.awsui_tabs-tab-focusable_14rmt_ji2br_505:not(#\9) {
+.awsui_tabs-tab-focusable_14rmt_1xftp_509:not(#\9) {
   /* used to manage focusable logic */
 }
-.awsui_root_14rmt_ji2br_509:not(#\9) {
+.awsui_root_14rmt_1xftp_513:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs_14rmt_ji2br_290:not(#\9) {
+.awsui_tabs_14rmt_1xftp_290:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -545,21 +549,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_ji2br_418:not(#\9
   inline-size: 100%;
 }
-.awsui_tabs-content_14rmt_ji2br_547:not(#\9) {
+.awsui_tabs-content_14rmt_1xftp_551:not(#\9) {
   display: none;
 }
-.awsui_fit-height_14rmt_ji2br_551:not(#\9) {
+.awsui_fit-height_14rmt_1xftp_555:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_tabs-content-active_14rmt_ji2br_557:not(#\9) {
+.awsui_tabs-content-active_14rmt_1xftp_561:not(#\9) {
   display: block;
   flex: 1;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_ji2br_557:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_1xftp_561:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
@@ -569,32 +573,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_ji2br_557:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_tabs-content-wrapper_14rmt_ji2br_571.awsui_with-paddings_14rmt_ji2br_571 > .awsui_tabs-content_14rmt_ji2br_547:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_1xftp_575.awsui_with-paddings_14rmt_1xftp_575 > .awsui_tabs-content_14rmt_1xftp_551:not(#\9) {
   padding-block: var(--space-scaled-m-mo5yse, 16px);
   padding-inline: 0;
 }
-.awsui_fit-height_14rmt_ji2br_551 > .awsui_tabs-content-wrapper_14rmt_ji2br_571:not(#\9) {
+.awsui_fit-height_14rmt_1xftp_555 > .awsui_tabs-content-wrapper_14rmt_1xftp_575:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
-.awsui_fit-height_14rmt_ji2br_551 > .awsui_tabs-content-wrapper_14rmt_ji2br_571 > .awsui_tabs-container-content-wrapper_14rmt_ji2br_582:not(#\9) {
+.awsui_fit-height_14rmt_1xftp_555 > .awsui_tabs-content-wrapper_14rmt_1xftp_575 > .awsui_tabs-container-content-wrapper_14rmt_1xftp_586:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
 }
-.awsui_tabs-container-content-wrapper_14rmt_ji2br_582.awsui_with-paddings_14rmt_ji2br_571 > .awsui_tabs-content_14rmt_ji2br_547:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_1xftp_586.awsui_with-paddings_14rmt_1xftp_575 > .awsui_tabs-content_14rmt_1xftp_551:not(#\9) {
   padding-block-start: var(--space-tabs-content-top-dedu0k, 12px);
   padding-block-end: var(--space-scaled-l-0hpmd7, 20px);
   padding-inline: var(--space-container-horizontal-wfukh3, 20px);
 }
-.awsui_disabled-reason-tooltip_14rmt_ji2br_593:not(#\9) {
+.awsui_disabled-reason-tooltip_14rmt_1xftp_597:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs-tab-focused_14rmt_ji2br_597:not(#\9) {
+.awsui_tabs-tab-focused_14rmt_1xftp_601:not(#\9) {
   /* used to manage focusable state for disabled with reason tabs */
 }

package/tabs/styles.selectors.js CHANGED Viewed

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tabs-header": "awsui_tabs-header_14rmt_ji2br_290",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_ji2br_298",
-  "pagination-button": "awsui_pagination-button_14rmt_ji2br_315",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_ji2br_322",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_ji2br_325",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_ji2br_329",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_ji2br_332",
-  "tabs-tab": "awsui_tabs-tab_14rmt_ji2br_337",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_ji2br_346",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_ji2br_357",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_ji2br_368",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_ji2br_368",
-  "refresh": "awsui_refresh_14rmt_ji2br_372",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_ji2br_376",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_ji2br_418",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_ji2br_494",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_ji2br_501",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_ji2br_505",
-  "root": "awsui_root_14rmt_ji2br_509",
-  "tabs": "awsui_tabs_14rmt_ji2br_290",
-  "tabs-content": "awsui_tabs-content_14rmt_ji2br_547",
-  "fit-height": "awsui_fit-height_14rmt_ji2br_551",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_ji2br_557",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_ji2br_571",
-  "with-paddings": "awsui_with-paddings_14rmt_ji2br_571",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_ji2br_582",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_ji2br_593",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_ji2br_597"
+  "tabs-header": "awsui_tabs-header_14rmt_1xftp_290",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_1xftp_298",
+  "pagination-button": "awsui_pagination-button_14rmt_1xftp_316",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_1xftp_323",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_1xftp_326",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_1xftp_330",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_1xftp_333",
+  "tabs-tab": "awsui_tabs-tab_14rmt_1xftp_338",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_1xftp_348",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_1xftp_359",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_1xftp_370",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_1xftp_370",
+  "refresh": "awsui_refresh_14rmt_1xftp_374",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_1xftp_378",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_1xftp_420",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_1xftp_498",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_1xftp_505",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_1xftp_509",
+  "root": "awsui_root_14rmt_1xftp_513",
+  "tabs": "awsui_tabs_14rmt_1xftp_290",
+  "tabs-content": "awsui_tabs-content_14rmt_1xftp_551",
+  "fit-height": "awsui_fit-height_14rmt_1xftp_555",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_1xftp_561",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_1xftp_575",
+  "with-paddings": "awsui_with-paddings_14rmt_1xftp_575",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_1xftp_586",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_1xftp_597",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_1xftp_601"
 };