@cloudscape-design/components-themeable 3.0.374 → 3.0.376

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

@@ -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_j5tvj_98",
-  "code-editor": "awsui_code-editor_1gl9c_j5tvj_98",
-  "pane": "awsui_pane_1gl9c_j5tvj_662",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_j5tvj_673",
-  "pane__list": "awsui_pane__list_1gl9c_j5tvj_678",
-  "pane__table": "awsui_pane__table_1gl9c_j5tvj_685",
-  "pane__item": "awsui_pane__item_1gl9c_j5tvj_690",
-  "pane__cell": "awsui_pane__cell_1gl9c_j5tvj_690",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_j5tvj_704",
-  "pane__location": "awsui_pane__location_1gl9c_j5tvj_725",
-  "pane__description": "awsui_pane__description_1gl9c_j5tvj_725",
-  "focus-lock": "awsui_focus-lock_1gl9c_j5tvj_740",
-  "editor": "awsui_editor_1gl9c_j5tvj_765",
-  "editor-refresh": "awsui_editor-refresh_1gl9c_j5tvj_793",
-  "status-bar": "awsui_status-bar_1gl9c_j5tvj_798",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_j5tvj_807",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_j5tvj_811",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_j5tvj_818",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_j5tvj_822",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_j5tvj_826",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_j5tvj_826",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_j5tvj_831",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_j5tvj_835",
-  "tab-button": "awsui_tab-button_1gl9c_j5tvj_841",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_j5tvj_869",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_j5tvj_872",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_j5tvj_881",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_j5tvj_897",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_j5tvj_927",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_j5tvj_934",
-  "loading-screen": "awsui_loading-screen_1gl9c_j5tvj_938",
-  "error-screen": "awsui_error-screen_1gl9c_j5tvj_939"
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_2vcct_98",
+  "code-editor": "awsui_code-editor_1gl9c_2vcct_98",
+  "pane": "awsui_pane_1gl9c_2vcct_662",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_2vcct_673",
+  "pane__list": "awsui_pane__list_1gl9c_2vcct_678",
+  "pane__table": "awsui_pane__table_1gl9c_2vcct_685",
+  "pane__item": "awsui_pane__item_1gl9c_2vcct_690",
+  "pane__cell": "awsui_pane__cell_1gl9c_2vcct_690",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_2vcct_704",
+  "pane__location": "awsui_pane__location_1gl9c_2vcct_725",
+  "pane__description": "awsui_pane__description_1gl9c_2vcct_725",
+  "focus-lock": "awsui_focus-lock_1gl9c_2vcct_740",
+  "editor": "awsui_editor_1gl9c_2vcct_765",
+  "editor-refresh": "awsui_editor-refresh_1gl9c_2vcct_793",
+  "status-bar": "awsui_status-bar_1gl9c_2vcct_798",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_2vcct_807",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_2vcct_811",
+  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_2vcct_818",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_2vcct_822",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_2vcct_826",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_2vcct_826",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_2vcct_831",
+  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_2vcct_835",
+  "tab-button": "awsui_tab-button_1gl9c_2vcct_841",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_2vcct_869",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_2vcct_872",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_2vcct_881",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_2vcct_897",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_2vcct_927",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_2vcct_934",
+  "loading-screen": "awsui_loading-screen_1gl9c_2vcct_938",
+  "error-screen": "awsui_error-screen_1gl9c_2vcct_939"
 };
   

package/lib/internal/template/code-editor/use-editor.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { Ace } from 'ace-builds';
+import { CodeEditorProps } from './interfaces';
+export declare function useEditor(ace: any, loading?: boolean): {
+    editorRef: import("react").RefObject<HTMLDivElement>;
+    editor: Ace.Editor | null;
+};
+export declare function useSyncEditorLabels(editor: null | Ace.Editor, { controlId, ariaLabel, ariaLabelledby, ariaDescribedby, }: {
+    controlId?: string;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    ariaDescribedby?: string;
+}): void;
+export declare function useSyncEditorSize(editor: null | Ace.Editor, { width, height }: {
+    width?: null | number;
+    height?: null | number;
+}): {
+    onResize: () => void;
+};
+export declare function useSyncEditorValue(editor: null | Ace.Editor, value: string): void;
+export declare function useSyncEditorLanguage(editor: null | Ace.Editor, language: string): void;
+export declare function useSyncEditorWrapLines(editor: null | Ace.Editor, wrapLines?: boolean): void;
+export declare function useSyncEditorTheme(editor: null | Ace.Editor, theme: CodeEditorProps.Theme): void;
+//# sourceMappingURL=use-editor.d.ts.map

package/lib/internal/template/code-editor/use-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-editor.d.ts","sourceRoot":"lib/default/","sources":["code-editor/use-editor.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,OAAO;;;EAmBpD;AAED,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,IAAI,GAAG,GAAG,CAAC,MAAM,EACzB,EACE,SAAS,EACT,SAAS,EACT,cAAc,EACd,eAAe,GAChB,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAAE,QAiBjG;AAED,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,IAAI,GAAG,GAAG,CAAC,MAAM,EACzB,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,CAAA;CAAE;;EAWrE;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,IAAI,GAAG,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,QAY1E;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,IAAI,GAAG,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,QAIhF;AAED,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,IAAI,GAAG,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,QAIpF;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,IAAI,GAAG,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,QAIzF"}

package/lib/internal/template/code-editor/use-editor.js

@@ -0,0 +1,71 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { getAceTheme, getDefaultConfig, getDefaultTheme } from './util';
+export function useEditor(ace, loading) {
+    const editorRef = useRef(null);
+    const [editor, setEditor] = useState(null);
+    useEffect(() => {
+        const elem = editorRef.current;
+        if (!ace || !elem) {
+            return;
+        }
+        const config = getDefaultConfig(ace);
+        setEditor(ace.edit(elem, Object.assign(Object.assign({}, config), { theme: getAceTheme(getDefaultTheme(elem)) })));
+    }, [ace, loading]);
+    return { editorRef, editor };
+}
+export function useSyncEditorLabels(editor, { controlId, ariaLabel, ariaLabelledby, ariaDescribedby, }) {
+    useEffect(() => {
+        if (!editor) {
+            return;
+        }
+        const { textarea } = editor.renderer;
+        if (!textarea) {
+            return;
+        }
+        const updateAttribute = (attribute, value) => value ? textarea.setAttribute(attribute, value) : textarea.removeAttribute(attribute);
+        updateAttribute('id', controlId);
+        updateAttribute('aria-label', ariaLabel);
+        updateAttribute('aria-labelledby', ariaLabelledby);
+        updateAttribute('aria-describedby', ariaDescribedby);
+    }, [ariaLabel, ariaDescribedby, ariaLabelledby, controlId, editor]);
+}
+export function useSyncEditorSize(editor, { width, height }) {
+    useEffect(() => {
+        editor === null || editor === void 0 ? void 0 : editor.resize();
+    }, [editor, width, height]);
+    const onResize = useCallback(() => {
+        editor === null || editor === void 0 ? void 0 : editor.resize();
+    }, [editor]);
+    return { onResize };
+}
+export function useSyncEditorValue(editor, value) {
+    useEffect(() => {
+        if (!editor) {
+            return;
+        }
+        if (value === editor.getValue()) {
+            return;
+        }
+        const pos = editor.session.selection.toJSON();
+        editor.setValue(value, -1);
+        editor.session.selection.fromJSON(pos);
+    }, [editor, value]);
+}
+export function useSyncEditorLanguage(editor, language) {
+    useEffect(() => {
+        editor === null || editor === void 0 ? void 0 : editor.session.setMode(`ace/mode/${language}`);
+    }, [editor, language]);
+}
+export function useSyncEditorWrapLines(editor, wrapLines) {
+    useEffect(() => {
+        editor === null || editor === void 0 ? void 0 : editor.session.setUseWrapMode(wrapLines !== null && wrapLines !== void 0 ? wrapLines : true);
+    }, [editor, wrapLines]);
+}
+export function useSyncEditorTheme(editor, theme) {
+    useEffect(() => {
+        editor === null || editor === void 0 ? void 0 : editor.setTheme(getAceTheme(theme));
+    }, [editor, theme]);
+}
+//# sourceMappingURL=use-editor.js.map

package/lib/internal/template/code-editor/use-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-editor.js","sourceRoot":"lib/default/","sources":["code-editor/use-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Ace } from 'ace-builds';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getAceTheme, getDefaultConfig, getDefaultTheme } from './util';\nimport { CodeEditorProps } from './interfaces';\n\nexport function useEditor(ace: any, loading?: boolean) {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const [editor, setEditor] = useState<null | Ace.Editor>(null);\n\n  useEffect(() => {\n    const elem = editorRef.current;\n    if (!ace || !elem) {\n      return;\n    }\n    const config = getDefaultConfig(ace);\n    setEditor(\n      ace.edit(elem, {\n        ...config,\n        theme: getAceTheme(getDefaultTheme(elem)),\n      })\n    );\n  }, [ace, loading]);\n\n  return { editorRef, editor };\n}\n\nexport function useSyncEditorLabels(\n  editor: null | Ace.Editor,\n  {\n    controlId,\n    ariaLabel,\n    ariaLabelledby,\n    ariaDescribedby,\n  }: { controlId?: string; ariaLabel?: string; ariaLabelledby?: string; ariaDescribedby?: string }\n) {\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n    const { textarea } = editor.renderer as unknown as { textarea: HTMLTextAreaElement };\n    if (!textarea) {\n      return;\n    }\n    const updateAttribute = (attribute: string, value: string | undefined) =>\n      value ? textarea.setAttribute(attribute, value) : textarea.removeAttribute(attribute);\n    updateAttribute('id', controlId);\n    updateAttribute('aria-label', ariaLabel);\n    updateAttribute('aria-labelledby', ariaLabelledby);\n    updateAttribute('aria-describedby', ariaDescribedby);\n  }, [ariaLabel, ariaDescribedby, ariaLabelledby, controlId, editor]);\n}\n\nexport function useSyncEditorSize(\n  editor: null | Ace.Editor,\n  { width, height }: { width?: null | number; height?: null | number }\n) {\n  useEffect(() => {\n    editor?.resize();\n  }, [editor, width, height]);\n\n  const onResize = useCallback(() => {\n    editor?.resize();\n  }, [editor]);\n\n  return { onResize };\n}\n\nexport function useSyncEditorValue(editor: null | Ace.Editor, value: string) {\n  useEffect(() => {\n    if (!editor) {\n      return;\n    }\n    if (value === editor.getValue()) {\n      return;\n    }\n    const pos = editor.session.selection.toJSON();\n    editor.setValue(value, -1);\n    editor.session.selection.fromJSON(pos);\n  }, [editor, value]);\n}\n\nexport function useSyncEditorLanguage(editor: null | Ace.Editor, language: string) {\n  useEffect(() => {\n    editor?.session.setMode(`ace/mode/${language}`);\n  }, [editor, language]);\n}\n\nexport function useSyncEditorWrapLines(editor: null | Ace.Editor, wrapLines?: boolean) {\n  useEffect(() => {\n    editor?.session.setUseWrapMode(wrapLines ?? true);\n  }, [editor, wrapLines]);\n}\n\nexport function useSyncEditorTheme(editor: null | Ace.Editor, theme: CodeEditorProps.Theme) {\n  useEffect(() => {\n    editor?.setTheme(getAceTheme(theme));\n  }, [editor, theme]);\n}\n"]}

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

@@ -1,16 +1,16 @@
 
     import './styles.scoped.css';
     export default {
-  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_qwled_185",
-  "content-display-option-content": "awsui_content-display-option-content_1f3h0_qwled_189",
-  "content-display-option": "awsui_content-display-option_1f3h0_qwled_185",
-  "placeholder": "awsui_placeholder_1f3h0_qwled_212",
-  "sorting": "awsui_sorting_1f3h0_qwled_212",
-  "content-display-option-label": "awsui_content-display-option-label_1f3h0_qwled_239",
-  "drag-overlay": "awsui_drag-overlay_1f3h0_qwled_247",
-  "content-display": "awsui_content-display_1f3h0_qwled_185",
-  "content-display-title": "awsui_content-display-title_1f3h0_qwled_274",
-  "content-display-description": "awsui_content-display-description_1f3h0_qwled_282",
-  "content-display-option-list": "awsui_content-display-option-list_1f3h0_qwled_290"
+  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_1bno3_185",
+  "content-display-option-content": "awsui_content-display-option-content_1f3h0_1bno3_189",
+  "content-display-option": "awsui_content-display-option_1f3h0_1bno3_185",
+  "placeholder": "awsui_placeholder_1f3h0_1bno3_212",
+  "sorting": "awsui_sorting_1f3h0_1bno3_212",
+  "content-display-option-label": "awsui_content-display-option-label_1f3h0_1bno3_239",
+  "drag-overlay": "awsui_drag-overlay_1f3h0_1bno3_247",
+  "content-display": "awsui_content-display_1f3h0_1bno3_185",
+  "content-display-title": "awsui_content-display-title_1f3h0_1bno3_274",
+  "content-display-description": "awsui_content-display-description_1f3h0_1bno3_282",
+  "content-display-option-list": "awsui_content-display-option-list_1f3h0_1bno3_290"
 };
   

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

@@ -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_qwled_185:not(#\9) {
+.awsui_content-display-option-toggle_1f3h0_1bno3_185:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-option-content_1f3h0_qwled_189:not(#\9) {
+.awsui_content-display-option-content_1f3h0_1bno3_189:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -216,72 +216,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: flex;
   align-items: flex-start;
-  padding: var(--space-xs-e7dyai, 8px) var(--space-scaled-xs-1lhnod, 8px) var(--space-xs-e7dyai, 8px) 0;
-  background-color: var(--color-background-container-content-rearqm, #ffffff);
-  border-radius: var(--border-radius-item-dnq6eh, 0px);
+  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-radius: var(--border-radius-item-jsz3j8, 0px);
 }
 
-.awsui_content-display-option_1f3h0_qwled_185:not(#\9) {
+.awsui_content-display-option_1f3h0_1bno3_185:not(#\9) {
   list-style: none;
   position: relative;
-  border-top: var(--border-divider-list-width-efu3yc, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
+  border-top: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
 }
-.awsui_content-display-option_1f3h0_qwled_185:not(#\9):not(.awsui_placeholder_1f3h0_qwled_212).awsui_sorting_1f3h0_qwled_212 {
-  transition: transform var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
+.awsui_content-display-option_1f3h0_1bno3_185:not(#\9):not(.awsui_placeholder_1f3h0_1bno3_212).awsui_sorting_1f3h0_1bno3_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_qwled_185:not(#\9):not(.awsui_placeholder_1f3h0_qwled_212).awsui_sorting_1f3h0_qwled_212 {
+  .awsui_content-display-option_1f3h0_1bno3_185:not(#\9):not(.awsui_placeholder_1f3h0_1bno3_212).awsui_sorting_1f3h0_1bno3_212 {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-display-option_1f3h0_qwled_185:not(#\9):not(.awsui_placeholder_1f3h0_qwled_212).awsui_sorting_1f3h0_qwled_212, .awsui-mode-entering .awsui_content-display-option_1f3h0_qwled_185:not(#\9):not(.awsui_placeholder_1f3h0_qwled_212).awsui_sorting_1f3h0_qwled_212 {
+.awsui-motion-disabled .awsui_content-display-option_1f3h0_1bno3_185:not(#\9):not(.awsui_placeholder_1f3h0_1bno3_212).awsui_sorting_1f3h0_1bno3_212, .awsui-mode-entering .awsui_content-display-option_1f3h0_1bno3_185:not(#\9):not(.awsui_placeholder_1f3h0_1bno3_212).awsui_sorting_1f3h0_1bno3_212 {
   animation: none;
   transition: none;
 }
-.awsui_content-display-option_1f3h0_qwled_185.awsui_placeholder_1f3h0_qwled_212 > .awsui_content-display-option-content_1f3h0_qwled_189:not(#\9) {
+.awsui_content-display-option_1f3h0_1bno3_185.awsui_placeholder_1f3h0_1bno3_212 > .awsui_content-display-option-content_1f3h0_1bno3_189:not(#\9) {
   position: relative;
 }
-.awsui_content-display-option_1f3h0_qwled_185.awsui_placeholder_1f3h0_qwled_212 > .awsui_content-display-option-content_1f3h0_qwled_189:not(#\9):after {
+.awsui_content-display-option_1f3h0_1bno3_185.awsui_placeholder_1f3h0_1bno3_212 > .awsui_content-display-option-content_1f3h0_1bno3_189:not(#\9):after {
   content: " ";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
-  background: var(--color-drag-placeholder-hover-gk87mb, #99cbe4);
-  border-radius: var(--border-radius-item-dnq6eh, 0px);
+  background: var(--color-drag-placeholder-hover-pc6z01, #99cbe4);
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
 }
 
-.awsui_content-display-option-label_1f3h0_qwled_239:not(#\9) {
+.awsui_content-display-option-label_1f3h0_1bno3_239:not(#\9) {
   flex-grow: 1;
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
-  padding-right: var(--space-l-q5p9hz, 20px);
+  padding-right: var(--space-l-xu1x80, 20px);
 }
 
-.awsui_drag-overlay_1f3h0_qwled_247:not(#\9) {
-  box-shadow: var(--shadow-container-active-mauelg, 0px 4px 8px rgba(0, 28, 36, 0.45));
-  border-radius: var(--border-radius-item-dnq6eh, 0px);
+.awsui_drag-overlay_1f3h0_1bno3_247:not(#\9) {
+  box-shadow: var(--shadow-container-active-fkgd7p, 0px 4px 8px rgba(0, 28, 36, 0.45));
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_qwled_247:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_1bno3_247:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_qwled_247:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_1bno3_247:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_qwled_247:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_1bno3_247:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -289,31 +289,31 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_qwled_247:not(#\9)
   top: calc(-1 * 0px);
   width: calc(100% + 2 * 0px);
   height: calc(100% + 2 * 0px);
-  border-radius: var(--border-radius-item-dnq6eh, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-gjqsnp, #0073bb);
+  border-radius: var(--border-radius-item-jsz3j8, 0px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_content-display_1f3h0_qwled_185:not(#\9) {
+.awsui_content-display_1f3h0_1bno3_185:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-title_1f3h0_qwled_274:not(#\9) {
-  font-size: var(--font-body-m-size-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  font-weight: var(--font-display-label-weight-hvrmv6, 400);
-  color: var(--color-text-form-label-7t5oii, #16191f);
+.awsui_content-display-title_1f3h0_1bno3_274:not(#\9) {
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  font-weight: var(--font-display-label-weight-2njs7q, 400);
+  color: var(--color-text-form-label-3ubxwt, #16191f);
   margin: 0;
 }
 
-.awsui_content-display-description_1f3h0_qwled_282:not(#\9) {
-  color: var(--color-text-form-secondary-44s9zq, #687078);
-  font-size: var(--font-body-s-size-wofdyf, 12px);
-  line-height: var(--font-body-s-line-height-hkht1z, 16px);
-  letter-spacing: var(--font-body-s-letter-spacing-bkw1uw, normal);
-  margin-top: var(--space-scaled-xxxs-lkklqp, 2px);
+.awsui_content-display-description_1f3h0_1bno3_282:not(#\9) {
+  color: var(--color-text-form-secondary-rh78tu, #687078);
+  font-size: var(--font-body-s-size-uzxiqw, 12px);
+  line-height: var(--font-body-s-line-height-4nqsqf, 16px);
+  letter-spacing: var(--font-body-s-letter-spacing-nop1yq, normal);
+  margin-top: var(--space-scaled-xxxs-f7yq15, 2px);
 }
 
-.awsui_content-display-option-list_1f3h0_qwled_290:not(#\9) {
+.awsui_content-display-option-list_1f3h0_1bno3_290:not(#\9) {
   position: relative;
   list-style: none;
   padding: 0;

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

@@ -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_qwled_185",
-  "content-display-option-content": "awsui_content-display-option-content_1f3h0_qwled_189",
-  "content-display-option": "awsui_content-display-option_1f3h0_qwled_185",
-  "placeholder": "awsui_placeholder_1f3h0_qwled_212",
-  "sorting": "awsui_sorting_1f3h0_qwled_212",
-  "content-display-option-label": "awsui_content-display-option-label_1f3h0_qwled_239",
-  "drag-overlay": "awsui_drag-overlay_1f3h0_qwled_247",
-  "content-display": "awsui_content-display_1f3h0_qwled_185",
-  "content-display-title": "awsui_content-display-title_1f3h0_qwled_274",
-  "content-display-description": "awsui_content-display-description_1f3h0_qwled_282",
-  "content-display-option-list": "awsui_content-display-option-list_1f3h0_qwled_290"
+  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_1bno3_185",
+  "content-display-option-content": "awsui_content-display-option-content_1f3h0_1bno3_189",
+  "content-display-option": "awsui_content-display-option_1f3h0_1bno3_185",
+  "placeholder": "awsui_placeholder_1f3h0_1bno3_212",
+  "sorting": "awsui_sorting_1f3h0_1bno3_212",
+  "content-display-option-label": "awsui_content-display-option-label_1f3h0_1bno3_239",
+  "drag-overlay": "awsui_drag-overlay_1f3h0_1bno3_247",
+  "content-display": "awsui_content-display_1f3h0_1bno3_185",
+  "content-display-title": "awsui_content-display-title_1f3h0_1bno3_274",
+  "content-display-description": "awsui_content-display-description_1f3h0_1bno3_282",
+  "content-display-option-list": "awsui_content-display-option-list_1f3h0_1bno3_290"
 };
   

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

@@ -1,42 +1,42 @@
 
     import './styles.scoped.css';
     export default {
-  "visible-content": "awsui_visible-content_tc96w_qlhfz_185",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_qlhfz_186",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_qlhfz_187",
-  "visible-content-group": "awsui_visible-content-group_tc96w_qlhfz_187",
-  "visible-content-title": "awsui_visible-content-title_tc96w_qlhfz_192",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_qlhfz_201",
-  "visible-content-option": "awsui_visible-content-option_tc96w_qlhfz_207",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_qlhfz_218",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_qlhfz_409",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_qlhfz_413",
-  "content-display-option": "awsui_content-display-option_tc96w_qlhfz_409",
-  "placeholder": "awsui_placeholder_tc96w_qlhfz_436",
-  "sorting": "awsui_sorting_tc96w_qlhfz_436",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_qlhfz_463",
-  "drag-overlay": "awsui_drag-overlay_tc96w_qlhfz_471",
-  "content-display": "awsui_content-display_tc96w_qlhfz_409",
-  "content-display-title": "awsui_content-display-title_tc96w_qlhfz_498",
-  "content-display-description": "awsui_content-display-description_tc96w_qlhfz_506",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_qlhfz_514",
-  "root": "awsui_root_tc96w_qlhfz_520",
-  "modal-root": "awsui_modal-root_tc96w_qlhfz_521",
-  "trigger-button": "awsui_trigger-button_tc96w_qlhfz_522",
-  "cancel-button": "awsui_cancel-button_tc96w_qlhfz_523",
-  "confirm-button": "awsui_confirm-button_tc96w_qlhfz_524",
-  "custom": "awsui_custom_tc96w_qlhfz_525",
-  "second-column-small": "awsui_second-column-small_tc96w_qlhfz_529",
-  "wrap-lines": "awsui_wrap-lines_tc96w_qlhfz_533",
-  "striped-rows": "awsui_striped-rows_tc96w_qlhfz_534",
-  "content-density": "awsui_content-density_tc96w_qlhfz_535",
-  "page-size": "awsui_page-size_tc96w_qlhfz_536",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_qlhfz_537",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_qlhfz_538",
-  "sticky-columns": "awsui_sticky-columns_tc96w_qlhfz_539",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_qlhfz_540",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_qlhfz_541",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_qlhfz_542",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_qlhfz_543"
+  "visible-content": "awsui_visible-content_tc96w_9bnsv_185",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_9bnsv_186",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_9bnsv_187",
+  "visible-content-group": "awsui_visible-content-group_tc96w_9bnsv_187",
+  "visible-content-title": "awsui_visible-content-title_tc96w_9bnsv_192",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_9bnsv_201",
+  "visible-content-option": "awsui_visible-content-option_tc96w_9bnsv_207",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_9bnsv_218",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_9bnsv_409",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_9bnsv_413",
+  "content-display-option": "awsui_content-display-option_tc96w_9bnsv_409",
+  "placeholder": "awsui_placeholder_tc96w_9bnsv_436",
+  "sorting": "awsui_sorting_tc96w_9bnsv_436",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_9bnsv_463",
+  "drag-overlay": "awsui_drag-overlay_tc96w_9bnsv_471",
+  "content-display": "awsui_content-display_tc96w_9bnsv_409",
+  "content-display-title": "awsui_content-display-title_tc96w_9bnsv_498",
+  "content-display-description": "awsui_content-display-description_tc96w_9bnsv_506",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_9bnsv_514",
+  "root": "awsui_root_tc96w_9bnsv_520",
+  "modal-root": "awsui_modal-root_tc96w_9bnsv_521",
+  "trigger-button": "awsui_trigger-button_tc96w_9bnsv_522",
+  "cancel-button": "awsui_cancel-button_tc96w_9bnsv_523",
+  "confirm-button": "awsui_confirm-button_tc96w_9bnsv_524",
+  "custom": "awsui_custom_tc96w_9bnsv_525",
+  "second-column-small": "awsui_second-column-small_tc96w_9bnsv_529",
+  "wrap-lines": "awsui_wrap-lines_tc96w_9bnsv_533",
+  "striped-rows": "awsui_striped-rows_tc96w_9bnsv_534",
+  "content-density": "awsui_content-density_tc96w_9bnsv_535",
+  "page-size": "awsui_page-size_tc96w_9bnsv_536",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_9bnsv_537",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_9bnsv_538",
+  "sticky-columns": "awsui_sticky-columns_tc96w_9bnsv_539",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_9bnsv_540",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_9bnsv_541",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_9bnsv_542",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_9bnsv_543"
 };