@cloudscape-design/components-themeable 3.0.536 → 3.0.538

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_6k5q5_98",
-  "code-editor": "awsui_code-editor_1gl9c_6k5q5_98",
-  "pane": "awsui_pane_1gl9c_6k5q5_668",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_6k5q5_679",
-  "pane__list": "awsui_pane__list_1gl9c_6k5q5_684",
-  "pane__table": "awsui_pane__table_1gl9c_6k5q5_691",
-  "pane__item": "awsui_pane__item_1gl9c_6k5q5_696",
-  "pane__cell": "awsui_pane__cell_1gl9c_6k5q5_696",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_6k5q5_710",
-  "pane__location": "awsui_pane__location_1gl9c_6k5q5_731",
-  "pane__description": "awsui_pane__description_1gl9c_6k5q5_731",
-  "focus-lock": "awsui_focus-lock_1gl9c_6k5q5_745",
-  "editor": "awsui_editor_1gl9c_6k5q5_792",
-  "editor-refresh": "awsui_editor-refresh_1gl9c_6k5q5_823",
-  "status-bar": "awsui_status-bar_1gl9c_6k5q5_828",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_6k5q5_836",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_6k5q5_840",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_6k5q5_847",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_6k5q5_851",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_6k5q5_855",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_6k5q5_855",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_6k5q5_860",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_6k5q5_864",
-  "tab-button": "awsui_tab-button_1gl9c_6k5q5_870",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_6k5q5_898",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_6k5q5_901",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_6k5q5_910",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_6k5q5_926",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_6k5q5_959",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_6k5q5_966",
-  "loading-screen": "awsui_loading-screen_1gl9c_6k5q5_970",
-  "error-screen": "awsui_error-screen_1gl9c_6k5q5_971"
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_158to_98",
+  "code-editor": "awsui_code-editor_1gl9c_158to_98",
+  "pane": "awsui_pane_1gl9c_158to_668",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_158to_679",
+  "pane__list": "awsui_pane__list_1gl9c_158to_684",
+  "pane__table": "awsui_pane__table_1gl9c_158to_691",
+  "pane__item": "awsui_pane__item_1gl9c_158to_697",
+  "pane__cell": "awsui_pane__cell_1gl9c_158to_697",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_158to_711",
+  "pane__location": "awsui_pane__location_1gl9c_158to_732",
+  "pane__description": "awsui_pane__description_1gl9c_158to_732",
+  "focus-lock": "awsui_focus-lock_1gl9c_158to_747",
+  "editor": "awsui_editor_1gl9c_158to_798",
+  "editor-refresh": "awsui_editor-refresh_1gl9c_158to_826",
+  "status-bar": "awsui_status-bar_1gl9c_158to_831",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_158to_839",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_158to_843",
+  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_158to_850",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_158to_854",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_158to_858",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_158to_858",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_158to_864",
+  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_158to_869",
+  "tab-button": "awsui_tab-button_1gl9c_158to_875",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_158to_907",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_158to_910",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_158to_919",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_158to_935",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_158to_968",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_158to_975",
+  "loading-screen": "awsui_loading-screen_1gl9c_158to_979",
+  "error-screen": "awsui_error-screen_1gl9c_158to_980"
 };
   

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

@@ -1 +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"}
+{"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;AAIjC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,wBAAgB,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,OAAO;;;EAoBpD;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

@@ -1,18 +1,20 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCurrentMode } from '@cloudscape-design/component-toolkit/internal';
 import { getAceTheme, getDefaultConfig, getDefaultTheme } from './util';
 export function useEditor(ace, loading) {
     const editorRef = useRef(null);
     const [editor, setEditor] = useState(null);
+    const [initialMode] = useState(useCurrentMode(editorRef));
     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]);
+        setEditor(ace.edit(elem, Object.assign(Object.assign({}, config), { theme: getAceTheme(getDefaultTheme(ace, initialMode)) })));
+    }, [ace, loading, initialMode]);
     return { editorRef, editor };
 }
 export function useSyncEditorLabels(editor, { controlId, ariaLabel, ariaLabelledby, ariaDescribedby, }) {

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

@@ -1 +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"]}
+{"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 { useCurrentMode } from '@cloudscape-design/component-toolkit/internal';\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  const [initialMode] = useState(useCurrentMode(editorRef));\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(ace, initialMode)),\n      })\n    );\n  }, [ace, loading, initialMode]);\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/code-editor/util.d.ts

@@ -1,12 +1,11 @@
 import { Ace } from 'ace-builds';
-import { LightThemes, DarkThemes } from './ace-themes';
 import { CodeEditorProps } from './interfaces';
 export type PaneStatus = 'error' | 'warning' | 'hidden';
-export declare const DEFAULT_LIGHT_THEME: typeof LightThemes[number]['value'];
-export declare const DEFAULT_DARK_THEME: typeof DarkThemes[number]['value'];
 export declare function supportsKeyboardAccessibility(ace: any): boolean;
+export declare function supportsCloudEditorThemes(ace: any): boolean;
 export declare function getDefaultConfig(ace: any): Partial<Ace.EditorOptions>;
-export declare function getDefaultTheme(element: HTMLElement): CodeEditorProps.Theme;
+export declare function getDefaultTheme(ace: any, mode: 'light' | 'dark'): CodeEditorProps.Theme;
+export declare function getDefaultSupportedThemes(ace: any): CodeEditorProps.AvailableThemes;
 export declare function getAceTheme(theme: CodeEditorProps.Theme): string;
 export declare function getLanguageLabel(language: CodeEditorProps.Language): string;
 //# sourceMappingURL=util.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"lib/default/","sources":["code-editor/util.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAGjC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAExD,eAAO,MAAM,mBAAmB,EAAE,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,OAAO,CAAU,CAAC;AAC/E,eAAO,MAAM,kBAAkB,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,OAAO,CAA2B,CAAC;AAI9F,wBAAgB,6BAA6B,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAc/D;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAKrE;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,WAAW,GAAG,eAAe,CAAC,KAAK,CAM3E;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,KAAK,UAEvD;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC,QAAQ,GAAG,MAAM,CAE3E"}
+{"version":3,"file":"util.d.ts","sourceRoot":"lib/default/","sources":["code-editor/util.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAIjC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;AAyBxD,wBAAgB,6BAA6B,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAE/D;AAED,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAE3D;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,CAKrE;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,eAAe,CAAC,KAAK,CAMvF;AAED,wBAAgB,yBAAyB,CAAC,GAAG,EAAE,GAAG,GAAG,eAAe,CAAC,eAAe,CASnF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,KAAK,UAEvD;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC,QAAQ,GAAG,MAAM,CAE3E"}

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

@@ -1,9 +1,10 @@
 import { AceModes } from './ace-modes';
-import { findUpUntil } from '../internal/utils/dom';
-export const DEFAULT_LIGHT_THEME = 'dawn';
-export const DEFAULT_DARK_THEME = 'tomorrow_night_bright';
-const KEYBOARD_ACCESSIBILITY_MIN_ACE_VERSION = [1, 23];
-export function supportsKeyboardAccessibility(ace) {
+import { LightThemes, DarkThemes } from './ace-themes';
+const DEFAULT_LIGHT_THEME = 'cloud_editor';
+const DEFAULT_DARK_THEME = 'cloud_editor_dark';
+const FALLBACK_LIGHT_THEME = 'dawn';
+const FALLBACK_DARK_THEME = 'tomorrow_night_bright';
+function isAceVersionAtLeast(ace, minVersion) {
     var _a;
     // Split semantic version numbers. We don't need a full semver parser for this.
     const semanticVersion = (_a = ace === null || ace === void 0 ? void 0 : ace.version) === null || _a === void 0 ? void 0 : _a.split('.').map((part) => {
@@ -12,16 +13,34 @@ export function supportsKeyboardAccessibility(ace) {
     });
     return (!!semanticVersion &&
         typeof semanticVersion[0] === 'number' &&
-        semanticVersion[0] >= KEYBOARD_ACCESSIBILITY_MIN_ACE_VERSION[0] &&
+        semanticVersion[0] >= minVersion[0] &&
         typeof semanticVersion[1] === 'number' &&
-        semanticVersion[1] >= KEYBOARD_ACCESSIBILITY_MIN_ACE_VERSION[1]);
+        semanticVersion[1] >= minVersion[1] &&
+        typeof semanticVersion[2] === 'number' &&
+        semanticVersion[2] >= minVersion[2]);
+}
+export function supportsKeyboardAccessibility(ace) {
+    return isAceVersionAtLeast(ace, [1, 23, 0]);
+}
+export function supportsCloudEditorThemes(ace) {
+    return isAceVersionAtLeast(ace, [1, 32, 0]);
 }
 export function getDefaultConfig(ace) {
     return Object.assign({ behavioursEnabled: true }, (supportsKeyboardAccessibility(ace) ? { enableKeyboardAccessibility: true } : {}));
 }
-export function getDefaultTheme(element) {
-    const isDarkMode = !!findUpUntil(element, node => node.classList.contains('awsui-polaris-dark-mode') || node.classList.contains('awsui-dark-mode'));
-    return isDarkMode ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME;
+export function getDefaultTheme(ace, mode) {
+    if (supportsCloudEditorThemes(ace)) {
+        return mode === 'dark' ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME;
+    }
+    else {
+        return mode === 'dark' ? FALLBACK_DARK_THEME : FALLBACK_LIGHT_THEME;
+    }
+}
+export function getDefaultSupportedThemes(ace) {
+    return {
+        light: LightThemes.map(theme => theme.value).filter(value => value !== 'cloud_editor' || supportsCloudEditorThemes(ace)),
+        dark: DarkThemes.map(theme => theme.value).filter(value => value !== 'cloud_editor_dark' || supportsCloudEditorThemes(ace)),
+    };
 }
 export function getAceTheme(theme) {
     return `ace/theme/${theme}`;

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"lib/default/","sources":["code-editor/util.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIpD,MAAM,CAAC,MAAM,mBAAmB,GAAwC,MAAM,CAAC;AAC/E,MAAM,CAAC,MAAM,kBAAkB,GAAuC,uBAAuB,CAAC;AAE9F,MAAM,sCAAsC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AAEvD,MAAM,UAAU,6BAA6B,CAAC,GAAQ;;IACpD,+EAA+E;IAC/E,MAAM,eAAe,GAAG,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,0CAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE;QACpE,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC9B,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,CAAC,eAAe;QACjB,OAAO,eAAe,CAAC,CAAC,CAAC,KAAK,QAAQ;QACtC,eAAe,CAAC,CAAC,CAAC,IAAI,sCAAsC,CAAC,CAAC,CAAC;QAC/D,OAAO,eAAe,CAAC,CAAC,CAAC,KAAK,QAAQ;QACtC,eAAe,CAAC,CAAC,CAAC,IAAI,sCAAsC,CAAC,CAAC,CAAC,CAChE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,GAAQ;IACvC,uBACE,iBAAiB,EAAE,IAAI,IACpB,CAAC,6BAA6B,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,2BAA2B,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpF;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,OAAoB;IAClD,MAAM,UAAU,GAAG,CAAC,CAAC,WAAW,CAC9B,OAAO,EACP,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,yBAAyB,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CACzG,CAAC;IACF,OAAO,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,mBAAmB,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,KAA4B;IACtD,OAAO,aAAa,KAAK,EAAE,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,QAAkC;;IACjE,OAAO,CAAA,MAAA,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAuB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,0CAAE,KAAK,KAAI,QAAQ,CAAC;AACrG,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { Ace } from 'ace-builds';\n\nimport { AceModes } from './ace-modes';\nimport { LightThemes, DarkThemes } from './ace-themes';\nimport { CodeEditorProps } from './interfaces';\nimport { findUpUntil } from '../internal/utils/dom';\n\nexport type PaneStatus = 'error' | 'warning' | 'hidden';\n\nexport const DEFAULT_LIGHT_THEME: typeof LightThemes[number]['value'] = 'dawn';\nexport const DEFAULT_DARK_THEME: typeof DarkThemes[number]['value'] = 'tomorrow_night_bright';\n\nconst KEYBOARD_ACCESSIBILITY_MIN_ACE_VERSION = [1, 23];\n\nexport function supportsKeyboardAccessibility(ace: any): boolean {\n  // Split semantic version numbers. We don't need a full semver parser for this.\n  const semanticVersion = ace?.version?.split('.').map((part: string) => {\n    const parsed = parseInt(part);\n    return Number.isNaN(parsed) ? part : parsed;\n  });\n\n  return (\n    !!semanticVersion &&\n    typeof semanticVersion[0] === 'number' &&\n    semanticVersion[0] >= KEYBOARD_ACCESSIBILITY_MIN_ACE_VERSION[0] &&\n    typeof semanticVersion[1] === 'number' &&\n    semanticVersion[1] >= KEYBOARD_ACCESSIBILITY_MIN_ACE_VERSION[1]\n  );\n}\n\nexport function getDefaultConfig(ace: any): Partial<Ace.EditorOptions> {\n  return {\n    behavioursEnabled: true,\n    ...(supportsKeyboardAccessibility(ace) ? { enableKeyboardAccessibility: true } : {}),\n  };\n}\n\nexport function getDefaultTheme(element: HTMLElement): CodeEditorProps.Theme {\n  const isDarkMode = !!findUpUntil(\n    element,\n    node => node.classList.contains('awsui-polaris-dark-mode') || node.classList.contains('awsui-dark-mode')\n  );\n  return isDarkMode ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME;\n}\n\nexport function getAceTheme(theme: CodeEditorProps.Theme) {\n  return `ace/theme/${theme}`;\n}\n\nexport function getLanguageLabel(language: CodeEditorProps.Language): string {\n  return AceModes.filter((mode: { value: string }) => mode.value === language)[0]?.label || language;\n}\n"]}
+{"version":3,"file":"util.js","sourceRoot":"lib/default/","sources":["code-editor/util.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 { Ace } from 'ace-builds';\n\nimport { AceModes } from './ace-modes';\nimport { LightThemes, DarkThemes } from './ace-themes';\nimport { CodeEditorProps } from './interfaces';\n\nexport type PaneStatus = 'error' | 'warning' | 'hidden';\n\nconst DEFAULT_LIGHT_THEME: typeof LightThemes[number]['value'] = 'cloud_editor';\nconst DEFAULT_DARK_THEME: typeof DarkThemes[number]['value'] = 'cloud_editor_dark';\nconst FALLBACK_LIGHT_THEME: typeof LightThemes[number]['value'] = 'dawn';\nconst FALLBACK_DARK_THEME: typeof DarkThemes[number]['value'] = 'tomorrow_night_bright';\n\nfunction isAceVersionAtLeast(ace: any, minVersion: [number, number, number]): boolean {\n  // Split semantic version numbers. We don't need a full semver parser for this.\n  const semanticVersion = ace?.version?.split('.').map((part: string) => {\n    const parsed = parseInt(part);\n    return Number.isNaN(parsed) ? part : parsed;\n  });\n\n  return (\n    !!semanticVersion &&\n    typeof semanticVersion[0] === 'number' &&\n    semanticVersion[0] >= minVersion[0] &&\n    typeof semanticVersion[1] === 'number' &&\n    semanticVersion[1] >= minVersion[1] &&\n    typeof semanticVersion[2] === 'number' &&\n    semanticVersion[2] >= minVersion[2]\n  );\n}\n\nexport function supportsKeyboardAccessibility(ace: any): boolean {\n  return isAceVersionAtLeast(ace, [1, 23, 0]);\n}\n\nexport function supportsCloudEditorThemes(ace: any): boolean {\n  return isAceVersionAtLeast(ace, [1, 32, 0]);\n}\n\nexport function getDefaultConfig(ace: any): Partial<Ace.EditorOptions> {\n  return {\n    behavioursEnabled: true,\n    ...(supportsKeyboardAccessibility(ace) ? { enableKeyboardAccessibility: true } : {}),\n  };\n}\n\nexport function getDefaultTheme(ace: any, mode: 'light' | 'dark'): CodeEditorProps.Theme {\n  if (supportsCloudEditorThemes(ace)) {\n    return mode === 'dark' ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME;\n  } else {\n    return mode === 'dark' ? FALLBACK_DARK_THEME : FALLBACK_LIGHT_THEME;\n  }\n}\n\nexport function getDefaultSupportedThemes(ace: any): CodeEditorProps.AvailableThemes {\n  return {\n    light: LightThemes.map(theme => theme.value).filter(\n      value => value !== 'cloud_editor' || supportsCloudEditorThemes(ace)\n    ),\n    dark: DarkThemes.map(theme => theme.value).filter(\n      value => value !== 'cloud_editor_dark' || supportsCloudEditorThemes(ace)\n    ),\n  };\n}\n\nexport function getAceTheme(theme: CodeEditorProps.Theme) {\n  return `ace/theme/${theme}`;\n}\n\nexport function getLanguageLabel(language: CodeEditorProps.Language): string {\n  return AceModes.filter((mode: { value: string }) => mode.value === language)[0]?.label || language;\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_11rzx_185",
-  "content-display-option-content": "awsui_content-display-option-content_1f3h0_11rzx_189",
-  "content-display-option": "awsui_content-display-option_1f3h0_11rzx_185",
-  "placeholder": "awsui_placeholder_1f3h0_11rzx_234",
-  "sorting": "awsui_sorting_1f3h0_11rzx_234",
-  "content-display-option-label": "awsui_content-display-option-label_1f3h0_11rzx_261",
-  "drag-overlay": "awsui_drag-overlay_1f3h0_11rzx_268",
-  "content-display": "awsui_content-display_1f3h0_11rzx_185",
-  "content-display-title": "awsui_content-display-title_1f3h0_11rzx_298",
-  "content-display-description": "awsui_content-display-description_1f3h0_11rzx_306",
-  "content-display-option-list": "awsui_content-display-option-list_1f3h0_11rzx_314"
+  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_11hxx_185",
+  "content-display-option-content": "awsui_content-display-option-content_1f3h0_11hxx_189",
+  "content-display-option": "awsui_content-display-option_1f3h0_11hxx_185",
+  "placeholder": "awsui_placeholder_1f3h0_11hxx_239",
+  "sorting": "awsui_sorting_1f3h0_11hxx_239",
+  "content-display-option-label": "awsui_content-display-option-label_1f3h0_11hxx_266",
+  "drag-overlay": "awsui_drag-overlay_1f3h0_11hxx_273",
+  "content-display": "awsui_content-display_1f3h0_11hxx_185",
+  "content-display-title": "awsui_content-display-title_1f3h0_11hxx_306",
+  "content-display-description": "awsui_content-display-description_1f3h0_11hxx_315",
+  "content-display-option-list": "awsui_content-display-option-list_1f3h0_11hxx_323"
 };
   

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_11rzx_185:not(#\9) {
+.awsui_content-display-option-toggle_1f3h0_11hxx_185:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-option-content_1f3h0_11rzx_189:not(#\9) {
+.awsui_content-display-option-content_1f3h0_11hxx_189:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -222,62 +222,70 @@ 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: var(--space-xs-xf5ch3, 8px) var(--space-scaled-xs-x91h81, 8px) var(--space-xs-xf5ch3, 8px) 0;
+  padding-block: var(--space-xs-xf5ch3, 8px);
+  padding-inline-start: 0;
+  padding-inline-end: var(--space-scaled-xs-x91h81, 8px);
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
-  border-radius: var(--border-radius-item-jsz3j8, 0px);
+  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);
 }
 
-.awsui_content-display-option_1f3h0_11rzx_185:not(#\9) {
+.awsui_content-display-option_1f3h0_11hxx_185:not(#\9) {
   list-style: none;
   position: relative;
-  border-top: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-secondary-domene, #eaeded);
+  border-block-start: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-divider-secondary-domene, #eaeded);
 }
-.awsui_content-display-option_1f3h0_11rzx_185:not(#\9):not(.awsui_placeholder_1f3h0_11rzx_234).awsui_sorting_1f3h0_11rzx_234 {
+.awsui_content-display-option_1f3h0_11hxx_185:not(#\9):not(.awsui_placeholder_1f3h0_11hxx_239).awsui_sorting_1f3h0_11hxx_239 {
   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_11rzx_185:not(#\9):not(.awsui_placeholder_1f3h0_11rzx_234).awsui_sorting_1f3h0_11rzx_234 {
+  .awsui_content-display-option_1f3h0_11hxx_185:not(#\9):not(.awsui_placeholder_1f3h0_11hxx_239).awsui_sorting_1f3h0_11hxx_239 {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-display-option_1f3h0_11rzx_185:not(#\9):not(.awsui_placeholder_1f3h0_11rzx_234).awsui_sorting_1f3h0_11rzx_234, .awsui-mode-entering .awsui_content-display-option_1f3h0_11rzx_185:not(#\9):not(.awsui_placeholder_1f3h0_11rzx_234).awsui_sorting_1f3h0_11rzx_234 {
+.awsui-motion-disabled .awsui_content-display-option_1f3h0_11hxx_185:not(#\9):not(.awsui_placeholder_1f3h0_11hxx_239).awsui_sorting_1f3h0_11hxx_239, .awsui-mode-entering .awsui_content-display-option_1f3h0_11hxx_185:not(#\9):not(.awsui_placeholder_1f3h0_11hxx_239).awsui_sorting_1f3h0_11hxx_239 {
   animation: none;
   transition: none;
 }
-.awsui_content-display-option_1f3h0_11rzx_185.awsui_placeholder_1f3h0_11rzx_234 > .awsui_content-display-option-content_1f3h0_11rzx_189:not(#\9) {
+.awsui_content-display-option_1f3h0_11hxx_185.awsui_placeholder_1f3h0_11hxx_239 > .awsui_content-display-option-content_1f3h0_11hxx_189:not(#\9) {
   position: relative;
 }
-.awsui_content-display-option_1f3h0_11rzx_185.awsui_placeholder_1f3h0_11rzx_234 > .awsui_content-display-option-content_1f3h0_11rzx_189:not(#\9):after {
+.awsui_content-display-option_1f3h0_11hxx_185.awsui_placeholder_1f3h0_11hxx_239 > .awsui_content-display-option-content_1f3h0_11hxx_189:not(#\9):after {
   content: " ";
   position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset: 0;
   background: var(--color-drag-placeholder-hover-pc6z01, #99cbe4);
-  border-radius: var(--border-radius-item-jsz3j8, 0px);
+  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);
 }
 
-.awsui_content-display-option-label_1f3h0_11rzx_261:not(#\9) {
+.awsui_content-display-option-label_1f3h0_11hxx_266:not(#\9) {
   flex-grow: 1;
   min-inline-size: 0;
   word-break: break-word;
-  padding-right: var(--space-l-xu1x80, 20px);
+  padding-inline-end: var(--space-l-xu1x80, 20px);
 }
 
-.awsui_drag-overlay_1f3h0_11rzx_268:not(#\9) {
+.awsui_drag-overlay_1f3h0_11hxx_273:not(#\9) {
   box-shadow: var(--shadow-container-active-2up8or, 0px 4px 8px rgba(0, 28, 36, 0.45));
-  border-radius: var(--border-radius-item-jsz3j8, 0px);
+  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);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_11rzx_268:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_11hxx_273:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_11rzx_268:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_11hxx_273:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_11rzx_268:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_11hxx_273:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -292,28 +300,30 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay_1f3h0_11rzx_268:not(#\9)
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_content-display_1f3h0_11rzx_185:not(#\9) {
+.awsui_content-display_1f3h0_11hxx_185:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content-display-title_1f3h0_11rzx_298:not(#\9) {
+.awsui_content-display-title_1f3h0_11hxx_306: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: 0;
+  margin-block: 0;
+  margin-inline: 0;
 }
 
-.awsui_content-display-description_1f3h0_11rzx_306:not(#\9) {
+.awsui_content-display-description_1f3h0_11hxx_315: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-top: var(--space-scaled-xxxs-f7yq15, 2px);
+  margin-block-start: var(--space-scaled-xxxs-f7yq15, 2px);
 }
 
-.awsui_content-display-option-list_1f3h0_11rzx_314:not(#\9) {
+.awsui_content-display-option-list_1f3h0_11hxx_323:not(#\9) {
   position: relative;
   list-style: none;
-  padding: 0;
+  padding-block: 0;
+  padding-inline: 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_11rzx_185",
-  "content-display-option-content": "awsui_content-display-option-content_1f3h0_11rzx_189",
-  "content-display-option": "awsui_content-display-option_1f3h0_11rzx_185",
-  "placeholder": "awsui_placeholder_1f3h0_11rzx_234",
-  "sorting": "awsui_sorting_1f3h0_11rzx_234",
-  "content-display-option-label": "awsui_content-display-option-label_1f3h0_11rzx_261",
-  "drag-overlay": "awsui_drag-overlay_1f3h0_11rzx_268",
-  "content-display": "awsui_content-display_1f3h0_11rzx_185",
-  "content-display-title": "awsui_content-display-title_1f3h0_11rzx_298",
-  "content-display-description": "awsui_content-display-description_1f3h0_11rzx_306",
-  "content-display-option-list": "awsui_content-display-option-list_1f3h0_11rzx_314"
+  "content-display-option-toggle": "awsui_content-display-option-toggle_1f3h0_11hxx_185",
+  "content-display-option-content": "awsui_content-display-option-content_1f3h0_11hxx_189",
+  "content-display-option": "awsui_content-display-option_1f3h0_11hxx_185",
+  "placeholder": "awsui_placeholder_1f3h0_11hxx_239",
+  "sorting": "awsui_sorting_1f3h0_11hxx_239",
+  "content-display-option-label": "awsui_content-display-option-label_1f3h0_11hxx_266",
+  "drag-overlay": "awsui_drag-overlay_1f3h0_11hxx_273",
+  "content-display": "awsui_content-display_1f3h0_11hxx_185",
+  "content-display-title": "awsui_content-display-title_1f3h0_11hxx_306",
+  "content-display-description": "awsui_content-display-description_1f3h0_11hxx_315",
+  "content-display-option-list": "awsui_content-display-option-list_1f3h0_11hxx_323"
 };
   

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_xbkef_185",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_xbkef_186",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_xbkef_187",
-  "visible-content-group": "awsui_visible-content-group_tc96w_xbkef_187",
-  "visible-content-title": "awsui_visible-content-title_tc96w_xbkef_192",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_xbkef_201",
-  "visible-content-option": "awsui_visible-content-option_tc96w_xbkef_207",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_xbkef_218",
-  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_xbkef_409",
-  "content-display-option-content": "awsui_content-display-option-content_tc96w_xbkef_413",
-  "content-display-option": "awsui_content-display-option_tc96w_xbkef_409",
-  "placeholder": "awsui_placeholder_tc96w_xbkef_458",
-  "sorting": "awsui_sorting_tc96w_xbkef_458",
-  "content-display-option-label": "awsui_content-display-option-label_tc96w_xbkef_485",
-  "drag-overlay": "awsui_drag-overlay_tc96w_xbkef_492",
-  "content-display": "awsui_content-display_tc96w_xbkef_409",
-  "content-display-title": "awsui_content-display-title_tc96w_xbkef_522",
-  "content-display-description": "awsui_content-display-description_tc96w_xbkef_530",
-  "content-display-option-list": "awsui_content-display-option-list_tc96w_xbkef_538",
-  "root": "awsui_root_tc96w_xbkef_544",
-  "modal-root": "awsui_modal-root_tc96w_xbkef_545",
-  "trigger-button": "awsui_trigger-button_tc96w_xbkef_546",
-  "cancel-button": "awsui_cancel-button_tc96w_xbkef_547",
-  "confirm-button": "awsui_confirm-button_tc96w_xbkef_548",
-  "custom": "awsui_custom_tc96w_xbkef_549",
-  "second-column-small": "awsui_second-column-small_tc96w_xbkef_553",
-  "wrap-lines": "awsui_wrap-lines_tc96w_xbkef_557",
-  "striped-rows": "awsui_striped-rows_tc96w_xbkef_558",
-  "content-density": "awsui_content-density_tc96w_xbkef_559",
-  "page-size": "awsui_page-size_tc96w_xbkef_560",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_xbkef_561",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_xbkef_562",
-  "sticky-columns": "awsui_sticky-columns_tc96w_xbkef_563",
-  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_xbkef_564",
-  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_xbkef_565",
-  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_xbkef_566",
-  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_xbkef_567"
+  "visible-content": "awsui_visible-content_tc96w_1lz2d_185",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1lz2d_186",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_1lz2d_187",
+  "visible-content-group": "awsui_visible-content-group_tc96w_1lz2d_187",
+  "visible-content-title": "awsui_visible-content-title_tc96w_1lz2d_192",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1lz2d_202",
+  "visible-content-option": "awsui_visible-content-option_tc96w_1lz2d_208",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1lz2d_221",
+  "content-display-option-toggle": "awsui_content-display-option-toggle_tc96w_1lz2d_412",
+  "content-display-option-content": "awsui_content-display-option-content_tc96w_1lz2d_416",
+  "content-display-option": "awsui_content-display-option_tc96w_1lz2d_412",
+  "placeholder": "awsui_placeholder_tc96w_1lz2d_466",
+  "sorting": "awsui_sorting_tc96w_1lz2d_466",
+  "content-display-option-label": "awsui_content-display-option-label_tc96w_1lz2d_493",
+  "drag-overlay": "awsui_drag-overlay_tc96w_1lz2d_500",
+  "content-display": "awsui_content-display_tc96w_1lz2d_412",
+  "content-display-title": "awsui_content-display-title_tc96w_1lz2d_533",
+  "content-display-description": "awsui_content-display-description_tc96w_1lz2d_542",
+  "content-display-option-list": "awsui_content-display-option-list_tc96w_1lz2d_550",
+  "root": "awsui_root_tc96w_1lz2d_557",
+  "modal-root": "awsui_modal-root_tc96w_1lz2d_558",
+  "trigger-button": "awsui_trigger-button_tc96w_1lz2d_559",
+  "cancel-button": "awsui_cancel-button_tc96w_1lz2d_560",
+  "confirm-button": "awsui_confirm-button_tc96w_1lz2d_561",
+  "custom": "awsui_custom_tc96w_1lz2d_562",
+  "second-column-small": "awsui_second-column-small_tc96w_1lz2d_566",
+  "wrap-lines": "awsui_wrap-lines_tc96w_1lz2d_570",
+  "striped-rows": "awsui_striped-rows_tc96w_1lz2d_571",
+  "content-density": "awsui_content-density_tc96w_1lz2d_572",
+  "page-size": "awsui_page-size_tc96w_1lz2d_573",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_1lz2d_574",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1lz2d_575",
+  "sticky-columns": "awsui_sticky-columns_tc96w_1lz2d_576",
+  "sticky-columns-form-field": "awsui_sticky-columns-form-field_tc96w_1lz2d_577",
+  "sticky-columns-radio-group": "awsui_sticky-columns-radio-group_tc96w_1lz2d_578",
+  "sticky-columns-first": "awsui_sticky-columns-first_tc96w_1lz2d_579",
+  "sticky-columns-last": "awsui_sticky-columns-last_tc96w_1lz2d_580"
 };