npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.476 → 3.0.478 - Mend

@cloudscape-design/components-themeable 3.0.476 → 3.0.478

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

package/lib/internal/template/code-editor/styles.selectors.js CHANGED Viewed

@@ -2,37 +2,37 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_p68um_98",
-  "code-editor": "awsui_code-editor_1gl9c_p68um_98",
-  "pane": "awsui_pane_1gl9c_p68um_662",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_p68um_673",
-  "pane__list": "awsui_pane__list_1gl9c_p68um_678",
-  "pane__table": "awsui_pane__table_1gl9c_p68um_685",
-  "pane__item": "awsui_pane__item_1gl9c_p68um_691",
-  "pane__cell": "awsui_pane__cell_1gl9c_p68um_691",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_p68um_705",
-  "pane__location": "awsui_pane__location_1gl9c_p68um_726",
-  "pane__description": "awsui_pane__description_1gl9c_p68um_726",
-  "focus-lock": "awsui_focus-lock_1gl9c_p68um_741",
-  "editor": "awsui_editor_1gl9c_p68um_770",
-  "editor-refresh": "awsui_editor-refresh_1gl9c_p68um_795",
-  "status-bar": "awsui_status-bar_1gl9c_p68um_800",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_p68um_808",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_p68um_812",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_p68um_819",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_p68um_823",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_p68um_827",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_p68um_827",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_p68um_833",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_p68um_838",
-  "tab-button": "awsui_tab-button_1gl9c_p68um_844",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_p68um_876",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_p68um_879",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_p68um_888",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_p68um_904",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_p68um_934",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_p68um_941",
-  "loading-screen": "awsui_loading-screen_1gl9c_p68um_945",
-  "error-screen": "awsui_error-screen_1gl9c_p68um_946"
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_ubu02_98",
+  "code-editor": "awsui_code-editor_1gl9c_ubu02_98",
+  "pane": "awsui_pane_1gl9c_ubu02_662",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_ubu02_673",
+  "pane__list": "awsui_pane__list_1gl9c_ubu02_678",
+  "pane__table": "awsui_pane__table_1gl9c_ubu02_685",
+  "pane__item": "awsui_pane__item_1gl9c_ubu02_690",
+  "pane__cell": "awsui_pane__cell_1gl9c_ubu02_690",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_ubu02_704",
+  "pane__location": "awsui_pane__location_1gl9c_ubu02_725",
+  "pane__description": "awsui_pane__description_1gl9c_ubu02_725",
+  "focus-lock": "awsui_focus-lock_1gl9c_ubu02_739",
+  "editor": "awsui_editor_1gl9c_ubu02_764",
+  "editor-refresh": "awsui_editor-refresh_1gl9c_ubu02_792",
+  "status-bar": "awsui_status-bar_1gl9c_ubu02_797",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_ubu02_805",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_ubu02_809",
+  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_ubu02_816",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_ubu02_820",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_ubu02_824",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_ubu02_824",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_ubu02_829",
+  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_ubu02_833",
+  "tab-button": "awsui_tab-button_1gl9c_ubu02_839",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_ubu02_867",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_ubu02_870",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_ubu02_879",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_ubu02_895",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_ubu02_925",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_ubu02_932",
+  "loading-screen": "awsui_loading-screen_1gl9c_ubu02_936",
+  "error-screen": "awsui_error-screen_1gl9c_ubu02_937"
 };

package/lib/internal/template/collection-preferences/content-display/styles.css.js CHANGED Viewed

@@ -1,16 +1,16 @@
     import './styles.scoped.css';
     export default {
-  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_tfb69_185",
-  "content-display-option-content": "awsui_content-display-option-content_1f3h0_tfb69_189",
-  "content-display-option": "awsui_content-display-option_1f3h0_tfb69_185",
-  "placeholder": "awsui_placeholder_1f3h0_tfb69_217",
-  "sorting": "awsui_sorting_1f3h0_tfb69_217",
-  "content-display-option-label": "awsui_content-display-option-label_1f3h0_tfb69_244",
-  "drag-overlay": "awsui_drag-overlay_1f3h0_tfb69_251",
-  "content-display": "awsui_content-display_1f3h0_tfb69_185",
-  "content-display-title": "awsui_content-display-title_1f3h0_tfb69_281",
-  "content-display-description": "awsui_content-display-description_1f3h0_tfb69_290",
-  "content-display-option-list": "awsui_content-display-option-list_1f3h0_tfb69_298"
+  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_1kdo8_185",
+  "content-display-option-content": "awsui_content-display-option-content_1f3h0_1kdo8_189",
+  "content-display-option": "awsui_content-display-option_1f3h0_1kdo8_185",
+  "placeholder": "awsui_placeholder_1f3h0_1kdo8_212",
+  "sorting": "awsui_sorting_1f3h0_1kdo8_212",
+  "content-display-option-label": "awsui_content-display-option-label_1f3h0_1kdo8_239",
+  "drag-overlay": "awsui_drag-overlay_1f3h0_1kdo8_246",
+  "content-display": "awsui_content-display_1f3h0_1kdo8_185",
+  "content-display-title": "awsui_content-display-title_1f3h0_1kdo8_273",
+  "content-display-description": "awsui_content-display-description_1f3h0_1kdo8_281",
+  "content-display-option-list": "awsui_content-display-option-list_1f3h0_1kdo8_289"
 };

package/lib/internal/template/collection-preferences/content-display/styles.scoped.css CHANGED Viewed

@@ -182,11 +182,11 @@ 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_content-display-option-toggle_1f3h0_tfb69_185:not(#\9) {
+.awsui_content-display-option-toggle_1f3h0_1kdo8_185:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content-display-option-content_1f3h0_tfb69_189:not(#\9) {
+.awsui_content-display-option-content_1f3h0_1kdo8_189:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -225,70 +225,62 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   display: flex;
   align-items: flex-start;
-  padding-block: var(--space-xs-xf5ch3, 8px);
-  padding-inline-start: 0;
-  padding-inline-end: var(--space-scaled-xs-x91h81, 8px);
+  padding: var(--space-xs-xf5ch3, 8px) var(--space-scaled-xs-x91h81, 8px) var(--space-xs-xf5ch3, 8px) 0;
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_content-display-option_1f3h0_tfb69_185:not(#\9) {
+.awsui_content-display-option_1f3h0_1kdo8_185:not(#\9) {
   list-style: none;
   position: relative;
-  border-block-start: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
+  border-top: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
 }
-.awsui_content-display-option_1f3h0_tfb69_185:not(#\9):not(.awsui_placeholder_1f3h0_tfb69_217).awsui_sorting_1f3h0_tfb69_217 {
+.awsui_content-display-option_1f3h0_1kdo8_185:not(#\9):not(.awsui_placeholder_1f3h0_1kdo8_212).awsui_sorting_1f3h0_1kdo8_212 {
   transition: transform var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-display-option_1f3h0_tfb69_185:not(#\9):not(.awsui_placeholder_1f3h0_tfb69_217).awsui_sorting_1f3h0_tfb69_217 {
+  .awsui_content-display-option_1f3h0_1kdo8_185:not(#\9):not(.awsui_placeholder_1f3h0_1kdo8_212).awsui_sorting_1f3h0_1kdo8_212 {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-display-option_1f3h0_tfb69_185:not(#\9):not(.awsui_placeholder_1f3h0_tfb69_217).awsui_sorting_1f3h0_tfb69_217, .awsui-mode-entering .awsui_content-display-option_1f3h0_tfb69_185:not(#\9):not(.awsui_placeholder_1f3h0_tfb69_217).awsui_sorting_1f3h0_tfb69_217 {
+.awsui-motion-disabled .awsui_content-display-option_1f3h0_1kdo8_185:not(#\9):not(.awsui_placeholder_1f3h0_1kdo8_212).awsui_sorting_1f3h0_1kdo8_212, .awsui-mode-entering .awsui_content-display-option_1f3h0_1kdo8_185:not(#\9):not(.awsui_placeholder_1f3h0_1kdo8_212).awsui_sorting_1f3h0_1kdo8_212 {
   animation: none;
   transition: none;
 }
-.awsui_content-display-option_1f3h0_tfb69_185.awsui_placeholder_1f3h0_tfb69_217 > .awsui_content-display-option-content_1f3h0_tfb69_189:not(#\9) {
+.awsui_content-display-option_1f3h0_1kdo8_185.awsui_placeholder_1f3h0_1kdo8_212 > .awsui_content-display-option-content_1f3h0_1kdo8_189:not(#\9) {
   position: relative;
 }
-.awsui_content-display-option_1f3h0_tfb69_185.awsui_placeholder_1f3h0_tfb69_217 > .awsui_content-display-option-content_1f3h0_tfb69_189:not(#\9):after {
+.awsui_content-display-option_1f3h0_1kdo8_185.awsui_placeholder_1f3h0_1kdo8_212 > .awsui_content-display-option-content_1f3h0_1kdo8_189:not(#\9):after {
   content: " ";
   position: absolute;
-  inset: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
   background: var(--color-drag-placeholder-hover-pc6z01, #99cbe4);
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_content-display-option-label_1f3h0_tfb69_244:not(#\9) {
+.awsui_content-display-option-label_1f3h0_1kdo8_239:not(#\9) {
   flex-grow: 1;
   min-width: 0;
   word-break: break-word;
-  padding-inline-end: var(--space-l-xu1x80, 20px);
+  padding-right: var(--space-l-xu1x80, 20px);
 }
-.awsui_drag-overlay_1f3h0_tfb69_251:not(#\9) {
+.awsui_drag-overlay_1f3h0_1kdo8_246:not(#\9) {
   box-shadow: var(--shadow-container-active-fkgd7p, 0px 4px 8px rgba(0, 28, 36, 0.45));
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_tfb69_251:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_1kdo8_246:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_tfb69_251:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_1kdo8_246:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_tfb69_251:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_1kdo8_246:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -300,30 +292,28 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_tfb69_251:not(#\9)
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_content-display_1f3h0_tfb69_185:not(#\9) {
+.awsui_content-display_1f3h0_1kdo8_185:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content-display-title_1f3h0_tfb69_281:not(#\9) {
+.awsui_content-display-title_1f3h0_1kdo8_273:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   font-weight: var(--font-display-label-weight-2njs7q, 400);
   color: var(--color-text-form-label-3ubxwt, #16191f);
-  margin-block: 0;
-  margin-inline: 0;
+  margin: 0;
 }
-.awsui_content-display-description_1f3h0_tfb69_290:not(#\9) {
+.awsui_content-display-description_1f3h0_1kdo8_281:not(#\9) {
   color: var(--color-text-form-secondary-rh78tu, #687078);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
-  margin-block-start: var(--space-scaled-xxxs-f7yq15, 2px);
+  margin-top: var(--space-scaled-xxxs-f7yq15, 2px);
 }
-.awsui_content-display-option-list_1f3h0_tfb69_298:not(#\9) {
+.awsui_content-display-option-list_1f3h0_1kdo8_289:not(#\9) {
   position: relative;
   list-style: none;
-  padding-block: 0;
-  padding-inline: 0;
+  padding: 0;
 }

package/lib/internal/template/collection-preferences/content-display/styles.selectors.js CHANGED Viewed

@@ -2,16 +2,16 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_tfb69_185",
-  "content-display-option-content": "awsui_content-display-option-content_1f3h0_tfb69_189",
-  "content-display-option": "awsui_content-display-option_1f3h0_tfb69_185",
-  "placeholder": "awsui_placeholder_1f3h0_tfb69_217",
-  "sorting": "awsui_sorting_1f3h0_tfb69_217",
-  "content-display-option-label": "awsui_content-display-option-label_1f3h0_tfb69_244",
-  "drag-overlay": "awsui_drag-overlay_1f3h0_tfb69_251",
-  "content-display": "awsui_content-display_1f3h0_tfb69_185",
-  "content-display-title": "awsui_content-display-title_1f3h0_tfb69_281",
-  "content-display-description": "awsui_content-display-description_1f3h0_tfb69_290",
-  "content-display-option-list": "awsui_content-display-option-list_1f3h0_tfb69_298"
+  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_1kdo8_185",
+  "content-display-option-content": "awsui_content-display-option-content_1f3h0_1kdo8_189",
+  "content-display-option": "awsui_content-display-option_1f3h0_1kdo8_185",
+  "placeholder": "awsui_placeholder_1f3h0_1kdo8_212",
+  "sorting": "awsui_sorting_1f3h0_1kdo8_212",
+  "content-display-option-label": "awsui_content-display-option-label_1f3h0_1kdo8_239",
+  "drag-overlay": "awsui_drag-overlay_1f3h0_1kdo8_246",
+  "content-display": "awsui_content-display_1f3h0_1kdo8_185",
+  "content-display-title": "awsui_content-display-title_1f3h0_1kdo8_273",
+  "content-display-description": "awsui_content-display-description_1f3h0_1kdo8_281",
+  "content-display-option-list": "awsui_content-display-option-list_1f3h0_1kdo8_289"
 };

package/lib/internal/template/collection-preferences/styles.css.js CHANGED Viewed

@@ -1,42 +1,42 @@
     import './styles.scoped.css';
     export default {
-  "visible-content": "awsui_visible-content_tc96w_1dweu_185",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1dweu_186",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_1dweu_187",
-  "visible-content-group": "awsui_visible-content-group_tc96w_1dweu_187",
-  "visible-content-title": "awsui_visible-content-title_tc96w_1dweu_192",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1dweu_202",
-  "visible-content-option": "awsui_visible-content-option_tc96w_1dweu_208",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1dweu_221",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_1dweu_412",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_1dweu_416",
-  "content-display-option": "awsui_content-display-option_tc96w_1dweu_412",
-  "placeholder": "awsui_placeholder_tc96w_1dweu_444",
-  "sorting": "awsui_sorting_tc96w_1dweu_444",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_1dweu_471",
-  "drag-overlay": "awsui_drag-overlay_tc96w_1dweu_478",
-  "content-display": "awsui_content-display_tc96w_1dweu_412",
-  "content-display-title": "awsui_content-display-title_tc96w_1dweu_508",
-  "content-display-description": "awsui_content-display-description_tc96w_1dweu_517",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_1dweu_525",
-  "root": "awsui_root_tc96w_1dweu_532",
-  "modal-root": "awsui_modal-root_tc96w_1dweu_533",
-  "trigger-button": "awsui_trigger-button_tc96w_1dweu_534",
-  "cancel-button": "awsui_cancel-button_tc96w_1dweu_535",
-  "confirm-button": "awsui_confirm-button_tc96w_1dweu_536",
-  "custom": "awsui_custom_tc96w_1dweu_537",
-  "second-column-small": "awsui_second-column-small_tc96w_1dweu_541",
-  "wrap-lines": "awsui_wrap-lines_tc96w_1dweu_545",
-  "striped-rows": "awsui_striped-rows_tc96w_1dweu_546",
-  "content-density": "awsui_content-density_tc96w_1dweu_547",
-  "page-size": "awsui_page-size_tc96w_1dweu_548",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_1dweu_549",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1dweu_550",
-  "sticky-columns": "awsui_sticky-columns_tc96w_1dweu_551",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_1dweu_552",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_1dweu_553",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_1dweu_554",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_1dweu_555"
+  "visible-content": "awsui_visible-content_tc96w_1duaw_185",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1duaw_186",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_1duaw_187",
+  "visible-content-group": "awsui_visible-content-group_tc96w_1duaw_187",
+  "visible-content-title": "awsui_visible-content-title_tc96w_1duaw_192",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1duaw_201",
+  "visible-content-option": "awsui_visible-content-option_tc96w_1duaw_207",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1duaw_218",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_1duaw_409",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_1duaw_413",
+  "content-display-option": "awsui_content-display-option_tc96w_1duaw_409",
+  "placeholder": "awsui_placeholder_tc96w_1duaw_436",
+  "sorting": "awsui_sorting_tc96w_1duaw_436",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_1duaw_463",
+  "drag-overlay": "awsui_drag-overlay_tc96w_1duaw_470",
+  "content-display": "awsui_content-display_tc96w_1duaw_409",
+  "content-display-title": "awsui_content-display-title_tc96w_1duaw_497",
+  "content-display-description": "awsui_content-display-description_tc96w_1duaw_505",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_1duaw_513",
+  "root": "awsui_root_tc96w_1duaw_519",
+  "modal-root": "awsui_modal-root_tc96w_1duaw_520",
+  "trigger-button": "awsui_trigger-button_tc96w_1duaw_521",
+  "cancel-button": "awsui_cancel-button_tc96w_1duaw_522",
+  "confirm-button": "awsui_confirm-button_tc96w_1duaw_523",
+  "custom": "awsui_custom_tc96w_1duaw_524",
+  "second-column-small": "awsui_second-column-small_tc96w_1duaw_528",
+  "wrap-lines": "awsui_wrap-lines_tc96w_1duaw_532",
+  "striped-rows": "awsui_striped-rows_tc96w_1duaw_533",
+  "content-density": "awsui_content-density_tc96w_1duaw_534",
+  "page-size": "awsui_page-size_tc96w_1duaw_535",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_1duaw_536",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1duaw_537",
+  "sticky-columns": "awsui_sticky-columns_tc96w_1duaw_538",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_1duaw_539",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_1duaw_540",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_1duaw_541",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_1duaw_542"
 };

package/lib/internal/template/collection-preferences/styles.scoped.css CHANGED Viewed

@@ -182,46 +182,43 @@ 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_visible-content_tc96w_1dweu_185:not(#\9),
-.awsui_visible-content-toggle_tc96w_1dweu_186:not(#\9),
-.awsui_visible-content-groups_tc96w_1dweu_187:not(#\9),
-.awsui_visible-content-group_tc96w_1dweu_187:not(#\9) {
+.awsui_visible-content_tc96w_1duaw_185:not(#\9),
+.awsui_visible-content-toggle_tc96w_1duaw_186:not(#\9),
+.awsui_visible-content-groups_tc96w_1duaw_187:not(#\9),
+.awsui_visible-content-group_tc96w_1duaw_187:not(#\9) {
   /* used in test-utils */
 }
-.awsui_visible-content-title_tc96w_1dweu_192:not(#\9) {
+.awsui_visible-content-title_tc96w_1duaw_192:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   font-weight: var(--font-display-label-weight-2njs7q, 400);
   color: var(--color-text-form-label-3ubxwt, #16191f);
-  margin-block-start: 0;
-  margin-block-end: var(--space-scaled-l-08jb88, 20px);
-  margin-inline: 0;
+  margin: 0;
+  margin-bottom: var(--space-scaled-l-08jb88, 20px);
 }
-.awsui_visible-content-group-label_tc96w_1dweu_202:not(#\9) {
+.awsui_visible-content-group-label_tc96w_1duaw_201:not(#\9) {
   color: var(--color-text-group-label-7crvc9, #545b64);
-  padding-block-end: var(--space-xs-xf5ch3, 8px);
-  border-block-end: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
+  padding-bottom: var(--space-xs-xf5ch3, 8px);
+  border-bottom: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
 }
-.awsui_visible-content-option_tc96w_1dweu_208:not(#\9) {
+.awsui_visible-content-option_tc96w_1duaw_207:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
-  padding-block: var(--space-xs-xf5ch3, 8px);
-  padding-inline-start: var(--space-scaled-l-08jb88, 20px);
-  padding-inline-end: 0px;
-  border-block-end: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
+  padding: var(--space-xs-xf5ch3, 8px) 0px var(--space-xs-xf5ch3, 8px) var(--space-scaled-l-08jb88, 20px);
+  border-bottom: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
 }
-.awsui_visible-content-option_tc96w_1dweu_208:not(#\9):last-child {
-  border-block-end: none;
+.awsui_visible-content-option_tc96w_1duaw_207:not(#\9):last-child {
+  border-bottom: none;
 }
-.awsui_visible-content-option-label_tc96w_1dweu_221:not(#\9) {
+.awsui_visible-content-option-label_tc96w_1duaw_218:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
-  padding-inline-end: var(--space-l-xu1x80, 20px);
+  padding-right: var(--space-l-xu1x80, 20px);
   flex-grow: 1;
 }
@@ -409,11 +406,11 @@ 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_content-display-option-toggle_tc96w_1dweu_412:not(#\9) {
+.awsui_content-display-option-toggle_tc96w_1duaw_409:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content-display-option-content_tc96w_1dweu_416:not(#\9) {
+.awsui_content-display-option-content_tc96w_1duaw_413:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -452,70 +449,62 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   display: flex;
   align-items: flex-start;
-  padding-block: var(--space-xs-xf5ch3, 8px);
-  padding-inline-start: 0;
-  padding-inline-end: var(--space-scaled-xs-x91h81, 8px);
+  padding: var(--space-xs-xf5ch3, 8px) var(--space-scaled-xs-x91h81, 8px) var(--space-xs-xf5ch3, 8px) 0;
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_content-display-option_tc96w_1dweu_412:not(#\9) {
+.awsui_content-display-option_tc96w_1duaw_409:not(#\9) {
   list-style: none;
   position: relative;
-  border-block-start: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
+  border-top: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
 }
-.awsui_content-display-option_tc96w_1dweu_412:not(#\9):not(.awsui_placeholder_tc96w_1dweu_444).awsui_sorting_tc96w_1dweu_444 {
+.awsui_content-display-option_tc96w_1duaw_409:not(#\9):not(.awsui_placeholder_tc96w_1duaw_436).awsui_sorting_tc96w_1duaw_436 {
   transition: transform var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-display-option_tc96w_1dweu_412:not(#\9):not(.awsui_placeholder_tc96w_1dweu_444).awsui_sorting_tc96w_1dweu_444 {
+  .awsui_content-display-option_tc96w_1duaw_409:not(#\9):not(.awsui_placeholder_tc96w_1duaw_436).awsui_sorting_tc96w_1duaw_436 {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-display-option_tc96w_1dweu_412:not(#\9):not(.awsui_placeholder_tc96w_1dweu_444).awsui_sorting_tc96w_1dweu_444, .awsui-mode-entering .awsui_content-display-option_tc96w_1dweu_412:not(#\9):not(.awsui_placeholder_tc96w_1dweu_444).awsui_sorting_tc96w_1dweu_444 {
+.awsui-motion-disabled .awsui_content-display-option_tc96w_1duaw_409:not(#\9):not(.awsui_placeholder_tc96w_1duaw_436).awsui_sorting_tc96w_1duaw_436, .awsui-mode-entering .awsui_content-display-option_tc96w_1duaw_409:not(#\9):not(.awsui_placeholder_tc96w_1duaw_436).awsui_sorting_tc96w_1duaw_436 {
   animation: none;
   transition: none;
 }
-.awsui_content-display-option_tc96w_1dweu_412.awsui_placeholder_tc96w_1dweu_444 > .awsui_content-display-option-content_tc96w_1dweu_416:not(#\9) {
+.awsui_content-display-option_tc96w_1duaw_409.awsui_placeholder_tc96w_1duaw_436 > .awsui_content-display-option-content_tc96w_1duaw_413:not(#\9) {
   position: relative;
 }
-.awsui_content-display-option_tc96w_1dweu_412.awsui_placeholder_tc96w_1dweu_444 > .awsui_content-display-option-content_tc96w_1dweu_416:not(#\9):after {
+.awsui_content-display-option_tc96w_1duaw_409.awsui_placeholder_tc96w_1duaw_436 > .awsui_content-display-option-content_tc96w_1duaw_413:not(#\9):after {
   content: " ";
   position: absolute;
-  inset: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
   background: var(--color-drag-placeholder-hover-pc6z01, #99cbe4);
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-.awsui_content-display-option-label_tc96w_1dweu_471:not(#\9) {
+.awsui_content-display-option-label_tc96w_1duaw_463:not(#\9) {
   flex-grow: 1;
   min-width: 0;
   word-break: break-word;
-  padding-inline-end: var(--space-l-xu1x80, 20px);
+  padding-right: var(--space-l-xu1x80, 20px);
 }
-.awsui_drag-overlay_tc96w_1dweu_478:not(#\9) {
+.awsui_drag-overlay_tc96w_1duaw_470:not(#\9) {
   box-shadow: var(--shadow-container-active-fkgd7p, 0px 4px 8px rgba(0, 28, 36, 0.45));
-  border-start-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-start-end-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-start-radius: var(--border-radius-item-jsz3j8, 0px);
-  border-end-end-radius: var(--border-radius-item-jsz3j8, 0px);
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1dweu_478:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1duaw_470:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1dweu_478:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1duaw_470:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1dweu_478:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1duaw_470:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -527,57 +516,55 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay_tc96w_1dweu_478:not(#\9)
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
-.awsui_content-display_tc96w_1dweu_412:not(#\9) {
+.awsui_content-display_tc96w_1duaw_409:not(#\9) {
   /* used in test-utils */
 }
-.awsui_content-display-title_tc96w_1dweu_508:not(#\9) {
+.awsui_content-display-title_tc96w_1duaw_497:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
   font-weight: var(--font-display-label-weight-2njs7q, 400);
   color: var(--color-text-form-label-3ubxwt, #16191f);
-  margin-block: 0;
-  margin-inline: 0;
+  margin: 0;
 }
-.awsui_content-display-description_tc96w_1dweu_517:not(#\9) {
+.awsui_content-display-description_tc96w_1duaw_505:not(#\9) {
   color: var(--color-text-form-secondary-rh78tu, #687078);
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
-  margin-block-start: var(--space-scaled-xxxs-f7yq15, 2px);
+  margin-top: var(--space-scaled-xxxs-f7yq15, 2px);
 }
-.awsui_content-display-option-list_tc96w_1dweu_525:not(#\9) {
+.awsui_content-display-option-list_tc96w_1duaw_513:not(#\9) {
   position: relative;
   list-style: none;
-  padding-block: 0;
-  padding-inline: 0;
+  padding: 0;
 }
-.awsui_root_tc96w_1dweu_532:not(#\9),
-.awsui_modal-root_tc96w_1dweu_533:not(#\9),
-.awsui_trigger-button_tc96w_1dweu_534:not(#\9),
-.awsui_cancel-button_tc96w_1dweu_535:not(#\9),
-.awsui_confirm-button_tc96w_1dweu_536:not(#\9),
-.awsui_custom_tc96w_1dweu_537:not(#\9) {
+.awsui_root_tc96w_1duaw_519:not(#\9),
+.awsui_modal-root_tc96w_1duaw_520:not(#\9),
+.awsui_trigger-button_tc96w_1duaw_521:not(#\9),
+.awsui_cancel-button_tc96w_1duaw_522:not(#\9),
+.awsui_confirm-button_tc96w_1duaw_523:not(#\9),
+.awsui_custom_tc96w_1duaw_524:not(#\9) {
   /* used in test-utils */
 }
-.awsui_second-column-small_tc96w_1dweu_541:not(#\9) {
-  padding-block-start: calc(2 * var(--space-scaled-l-08jb88, 20px));
+.awsui_second-column-small_tc96w_1duaw_528:not(#\9) {
+  padding-top: calc(2 * var(--space-scaled-l-08jb88, 20px));
 }
-.awsui_wrap-lines_tc96w_1dweu_545:not(#\9),
-.awsui_striped-rows_tc96w_1dweu_546:not(#\9),
-.awsui_content-density_tc96w_1dweu_547:not(#\9),
-.awsui_page-size_tc96w_1dweu_548:not(#\9),
-.awsui_page-size-form-field_tc96w_1dweu_549:not(#\9),
-.awsui_page-size-radio-group_tc96w_1dweu_550:not(#\9),
-.awsui_sticky-columns_tc96w_1dweu_551:not(#\9),
-.awsui_sticky-columns-form-field_tc96w_1dweu_552:not(#\9),
-.awsui_sticky-columns-radio-group_tc96w_1dweu_553:not(#\9),
-.awsui_sticky-columns-first_tc96w_1dweu_554:not(#\9),
-.awsui_sticky-columns-last_tc96w_1dweu_555:not(#\9) {
+.awsui_wrap-lines_tc96w_1duaw_532:not(#\9),
+.awsui_striped-rows_tc96w_1duaw_533:not(#\9),
+.awsui_content-density_tc96w_1duaw_534:not(#\9),
+.awsui_page-size_tc96w_1duaw_535:not(#\9),
+.awsui_page-size-form-field_tc96w_1duaw_536:not(#\9),
+.awsui_page-size-radio-group_tc96w_1duaw_537:not(#\9),
+.awsui_sticky-columns_tc96w_1duaw_538:not(#\9),
+.awsui_sticky-columns-form-field_tc96w_1duaw_539:not(#\9),
+.awsui_sticky-columns-radio-group_tc96w_1duaw_540:not(#\9),
+.awsui_sticky-columns-first_tc96w_1duaw_541:not(#\9),
+.awsui_sticky-columns-last_tc96w_1duaw_542:not(#\9) {
   /* used in test-utils */
 }