npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.570 → 3.0.572 - Mend

@cloudscape-design/components-themeable 3.0.570 → 3.0.572

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 (52) hide show

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

@@ -195,7 +195,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_otey5_198:not(#\9) {
+.awsui_tabs-header_14rmt_iftfj_198:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -203,7 +203,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
-.awsui_tabs-header-list_14rmt_otey5_206:not(#\9) {
+.awsui_tabs-header-list_14rmt_iftfj_206:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -216,33 +216,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_otey5_206:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_iftfj_206:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_pagination-button_14rmt_otey5_223:not(#\9) {
+.awsui_pagination-button_14rmt_iftfj_223:not(#\9) {
   margin-block: var(--space-scaled-s-9q8n2q, 12px);
   margin-inline: 0;
   padding-block: 0;
   padding-inline: var(--space-xxs-9rrxti, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_otey5_230:not(#\9) {
+.awsui_pagination-button-left_14rmt_iftfj_230:not(#\9) {
   border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-4hz3mo, #d5dbdb);
 }
-.awsui_pagination-button-left-scrollable_14rmt_otey5_233:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_iftfj_233:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-vlaodw, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-vlaodw, #eaeded);
 }
-.awsui_pagination-button-right_14rmt_otey5_237:not(#\9) {
+.awsui_pagination-button-right_14rmt_iftfj_237:not(#\9) {
   border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-4hz3mo, #d5dbdb);
 }
-.awsui_pagination-button-right-scrollable_14rmt_otey5_240:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_iftfj_240:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-vlaodw, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-vlaodw, #eaeded);
 }
-.awsui_tabs-tab_14rmt_otey5_245:not(#\9) {
+.awsui_tabs-tab_14rmt_iftfj_245:not(#\9) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
@@ -250,11 +250,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   max-inline-size: calc(90% - var(--space-l-xu1x80, 20px));
 }
-.awsui_tabs-tab_14rmt_otey5_245 > button:not(#\9) {
+.awsui_tabs-tab_14rmt_iftfj_245 > button:not(#\9) {
   background-color: transparent;
 }
-.awsui_tabs-tab-label_14rmt_otey5_257:not(#\9) {
+.awsui_tabs-tab-label_14rmt_iftfj_257:not(#\9) {
   display: flex;
   align-items: center;
   padding-block: var(--space-scaled-2x-xxs-r5f1ts, 4px);
@@ -265,12 +265,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
-.awsui_tabs-tab_14rmt_otey5_245:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_otey5_257, .awsui_tabs-tab_14rmt_otey5_245:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_otey5_257 {
+.awsui_tabs-tab_14rmt_iftfj_245:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_iftfj_257, .awsui_tabs-tab_14rmt_iftfj_245:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_iftfj_257 {
   margin-inline-end: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
   border-inline-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-xzqbyc, #aab7b8);
 }
-.awsui_tabs-tab-link_14rmt_otey5_273:not(#\9) {
+.awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -289,26 +289,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
 }
-.awsui_tabs-tab-link_14rmt_otey5_273.awsui_refresh_14rmt_otey5_292:not(#\9) {
+.awsui_tabs-tab-link_14rmt_iftfj_273.awsui_refresh_14rmt_iftfj_292:not(#\9) {
   padding-block-start: calc(var(--space-static-xs-fdj8ix, 8px) - 1px);
   padding-block-end: var(--space-static-xs-fdj8ix, 8px);
   padding-inline: 0;
 }
-.awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):hover {
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):focus {
   z-index: 1;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-2tu8wb, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -322,32 +322,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9
   border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_otey5_257, body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_otey5_257 {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_iftfj_257, body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_iftfj_257 {
   border-inline-end-color: transparent;
 }
-.awsui_tabs-tab_14rmt_otey5_245:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_iftfj_245:not(#\9):first-child {
   margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_otey5_245:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_otey5_257, .awsui_tabs-tab_14rmt_otey5_245:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_otey5_257 {
+.awsui_tabs-tab_14rmt_iftfj_245:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_iftfj_257, .awsui_tabs-tab_14rmt_iftfj_245:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_iftfj_257 {
   padding-inline-start: calc(var(--space-l-xu1x80, 20px) - 1px);
 }
-.awsui_tabs-tab_14rmt_otey5_245:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_iftfj_245:not(#\9):last-child {
   margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_otey5_245:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_otey5_257, .awsui_tabs-tab_14rmt_otey5_245:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_otey5_257 {
+.awsui_tabs-tab_14rmt_iftfj_245:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_iftfj_257, .awsui_tabs-tab_14rmt_iftfj_245:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_iftfj_257 {
   padding-inline-end: calc(var(--space-l-xu1x80, 20px) - 1px);
 }
-.awsui_tabs-tab-disabled_14rmt_otey5_343:not(#\9), .awsui_tabs-tab-disabled_14rmt_otey5_343:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_iftfj_343:not(#\9), .awsui_tabs-tab-disabled_14rmt_iftfj_343:not(#\9):hover {
   pointer-events: none;
   cursor: default;
   color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
   font-weight: var(--font-tabs-disabled-weight-uew17o, 400);
 }
-.awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_otey5_343):after {
+.awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_iftfj_343):after {
   content: "";
   position: absolute;
   inset-inline-start: 0;
@@ -361,36 +361,36 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9
   background: var(--color-border-tabs-underline-vxhq31, #16191f);
   opacity: 0;
 }
-.awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_otey5_343).awsui_refresh_14rmt_otey5_292:after {
+.awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_iftfj_343).awsui_refresh_14rmt_iftfj_292:after {
   transition: opacity var(--motion-duration-refresh-only-medium-0rwzu1, 165ms) var(--motion-easing-refresh-only-c-2mltoq, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_otey5_343).awsui_refresh_14rmt_otey5_292:after {
+  .awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_iftfj_343).awsui_refresh_14rmt_iftfj_292:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_otey5_343).awsui_refresh_14rmt_otey5_292:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_otey5_343).awsui_refresh_14rmt_otey5_292:after {
+.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_iftfj_343).awsui_refresh_14rmt_iftfj_292:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_iftfj_273:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_iftfj_343).awsui_refresh_14rmt_iftfj_292:after {
   animation: none;
   transition: none;
 }
-.awsui_tabs-tab-active_14rmt_otey5_378:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_otey5_343) {
+.awsui_tabs-tab-active_14rmt_iftfj_378:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_iftfj_343) {
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_tabs-tab-active_14rmt_otey5_378:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_otey5_343):after {
+.awsui_tabs-tab-active_14rmt_iftfj_378:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_iftfj_343):after {
   opacity: 1;
 }
-.awsui_tabs-header-with-divider_14rmt_otey5_385:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_iftfj_385:not(#\9) {
   border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-xzqbyc, #aab7b8);
 }
-.awsui_root_14rmt_otey5_389:not(#\9) {
+.awsui_root_14rmt_iftfj_389:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs_14rmt_otey5_198:not(#\9) {
+.awsui_tabs_14rmt_iftfj_198:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -428,14 +428,21 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_otey5_273:not(#\9
   inline-size: 100%;
 }
-.awsui_tabs-content_14rmt_otey5_430:not(#\9) {
+.awsui_tabs-content_14rmt_iftfj_430:not(#\9) {
   display: none;
 }
-.awsui_tabs-content-active_14rmt_otey5_434:not(#\9) {
+.awsui_fit-height_14rmt_iftfj_434:not(#\9) {
+  display: flex;
+  flex-direction: column;
+  block-size: 100%;
+}
+.awsui_tabs-content-active_14rmt_iftfj_440:not(#\9) {
   display: block;
+  flex: 1;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_otey5_434:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_iftfj_440:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
@@ -445,12 +452,23 @@ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_otey5_434:n
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_tabs-content-wrapper_14rmt_otey5_447.awsui_with-paddings_14rmt_otey5_447 > .awsui_tabs-content_14rmt_otey5_430:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_iftfj_454.awsui_with-paddings_14rmt_iftfj_454 > .awsui_tabs-content_14rmt_iftfj_430:not(#\9) {
   padding-block: var(--space-scaled-m-er48cl, 16px);
   padding-inline: 0;
 }
+.awsui_fit-height_14rmt_iftfj_434 > .awsui_tabs-content-wrapper_14rmt_iftfj_454:not(#\9) {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: auto;
+}
-.awsui_tabs-container-content-wrapper_14rmt_otey5_452.awsui_with-paddings_14rmt_otey5_447 > .awsui_tabs-content_14rmt_otey5_430:not(#\9) {
+.awsui_fit-height_14rmt_iftfj_434 > .awsui_tabs-content-wrapper_14rmt_iftfj_454 > .awsui_tabs-container-content-wrapper_14rmt_iftfj_465:not(#\9) {
+  block-size: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.awsui_tabs-container-content-wrapper_14rmt_iftfj_465.awsui_with-paddings_14rmt_iftfj_454 > .awsui_tabs-content_14rmt_iftfj_430:not(#\9) {
   padding-block-start: var(--space-tabs-content-top-53djlo, 16px);
   padding-block-end: var(--space-scaled-l-08jb88, 20px);
   padding-inline: var(--space-container-horizontal-oebwqe, 20px);

package/lib/internal/template/tabs/styles.selectors.js CHANGED Viewed

@@ -2,26 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tabs-header": "awsui_tabs-header_14rmt_otey5_198",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_otey5_206",
-  "pagination-button": "awsui_pagination-button_14rmt_otey5_223",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_otey5_230",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_otey5_233",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_otey5_237",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_otey5_240",
-  "tabs-tab": "awsui_tabs-tab_14rmt_otey5_245",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_otey5_257",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_otey5_273",
-  "refresh": "awsui_refresh_14rmt_otey5_292",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_otey5_343",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_otey5_378",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_otey5_385",
-  "root": "awsui_root_14rmt_otey5_389",
-  "tabs": "awsui_tabs_14rmt_otey5_198",
-  "tabs-content": "awsui_tabs-content_14rmt_otey5_430",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_otey5_434",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_otey5_447",
-  "with-paddings": "awsui_with-paddings_14rmt_otey5_447",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_otey5_452"
+  "tabs-header": "awsui_tabs-header_14rmt_iftfj_198",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_iftfj_206",
+  "pagination-button": "awsui_pagination-button_14rmt_iftfj_223",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_iftfj_230",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_iftfj_233",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_iftfj_237",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_iftfj_240",
+  "tabs-tab": "awsui_tabs-tab_14rmt_iftfj_245",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_iftfj_257",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_iftfj_273",
+  "refresh": "awsui_refresh_14rmt_iftfj_292",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_iftfj_343",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_iftfj_378",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_iftfj_385",
+  "root": "awsui_root_14rmt_iftfj_389",
+  "tabs": "awsui_tabs_14rmt_iftfj_198",
+  "tabs-content": "awsui_tabs-content_14rmt_iftfj_430",
+  "fit-height": "awsui_fit-height_14rmt_iftfj_434",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_iftfj_440",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_iftfj_454",
+  "with-paddings": "awsui_with-paddings_14rmt_iftfj_454",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_iftfj_465"
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.570",
+  "version": "3.0.572",
   "files": [
     "lib"
   ],