@cloudscape-design/components 3.0.47 → 3.0.48
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.
- package/code-editor/index.d.ts.map +1 -1
- package/code-editor/index.js +14 -13
- package/code-editor/index.js.map +1 -1
- package/code-editor/styles.css.js +33 -32
- package/code-editor/styles.scoped.css +122 -116
- package/code-editor/styles.selectors.js +33 -32
- package/internal/environment.js +1 -1
- package/internal/generated/styles/tokens.d.ts +0 -1
- package/internal/generated/styles/tokens.js +0 -1
- package/internal/generated/theming/index.cjs +0 -2
- package/internal/generated/theming/index.cjs.d.ts +0 -5
- package/internal/generated/theming/index.d.ts +0 -5
- package/internal/generated/theming/index.js +0 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code-editor/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA4B/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code-editor/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA4B/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eAkTxD"}
|
package/code-editor/index.js
CHANGED
|
@@ -27,16 +27,17 @@ import { useFormFieldContext } from '../internal/context/form-field-context';
|
|
|
27
27
|
import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
|
|
28
28
|
import { useControllable } from '../internal/hooks/use-controllable';
|
|
29
29
|
export default function CodeEditor(props) {
|
|
30
|
+
var _a;
|
|
30
31
|
var __internalRootRef = useBaseComponent('CodeEditor').__internalRootRef;
|
|
31
|
-
var
|
|
32
|
+
var _b = useFormFieldContext(props), controlId = _b.controlId, ariaLabelledby = _b.ariaLabelledby, ariaDescribedby = _b.ariaDescribedby;
|
|
32
33
|
var ace = props.ace, value = props.value, language = props.language, i18nStrings = props.i18nStrings, editorContentHeight = props.editorContentHeight, onEditorContentResize = props.onEditorContentResize, rest = __rest(props, ["ace", "value", "language", "i18nStrings", "editorContentHeight", "onEditorContentResize"]);
|
|
33
|
-
var
|
|
34
|
+
var _c = useControllable(editorContentHeight, onEditorContentResize, 480, {
|
|
34
35
|
componentName: 'code-editor',
|
|
35
36
|
changeHandler: 'onEditorContentResize',
|
|
36
37
|
controlledProp: 'editorContentHeight'
|
|
37
|
-
}),
|
|
38
|
+
}), _d = _c[0], editorHeight = _d === void 0 ? 480 : _d, setEditorHeight = _c[1];
|
|
38
39
|
var baseProps = getBaseProps(rest);
|
|
39
|
-
var
|
|
40
|
+
var _e = useState(), editor = _e[0], setEditor = _e[1];
|
|
40
41
|
var mode = useCurrentMode(__internalRootRef);
|
|
41
42
|
var defaultTheme = mode === 'dark' ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME;
|
|
42
43
|
var editorRef = useCallback(function (elem) {
|
|
@@ -61,15 +62,15 @@ export default function CodeEditor(props) {
|
|
|
61
62
|
updateAttribute('aria-labelledby', ariaLabelledby);
|
|
62
63
|
updateAttribute('aria-describedby', ariaDescribedby);
|
|
63
64
|
}, [ariaDescribedby, ariaLabelledby, controlId, editor]);
|
|
64
|
-
var
|
|
65
|
-
var
|
|
66
|
-
var
|
|
67
|
-
var
|
|
68
|
-
var
|
|
69
|
-
var
|
|
65
|
+
var _f = useState('hidden'), paneStatus = _f[0], setPaneStatus = _f[1];
|
|
66
|
+
var _g = useState([]), annotations = _g[0], setAnnotations = _g[1];
|
|
67
|
+
var _h = useState(), highlightedAnnotation = _h[0], setHighlightedAnnotation = _h[1];
|
|
68
|
+
var _j = useState(''), languageLabel = _j[0], setLanguageLabel = _j[1];
|
|
69
|
+
var _k = useState({ row: 0, column: 0 }), cursorPosition = _k[0], setCursorPosition = _k[1];
|
|
70
|
+
var _l = useState(false), isTabFocused = _l[0], setTabFocused = _l[1];
|
|
70
71
|
var errorsTabRef = useRef(null);
|
|
71
72
|
var warningsTabRef = useRef(null);
|
|
72
|
-
var
|
|
73
|
+
var _m = useContainerQuery(function (rect) { return rect.width; }), codeEditorWidth = _m[0], codeEditorMeasureRef = _m[1];
|
|
73
74
|
var mergedRef = useMergeRefs(codeEditorMeasureRef, __internalRootRef);
|
|
74
75
|
var isRefresh = useVisualRefresh();
|
|
75
76
|
useEffect(function () {
|
|
@@ -183,14 +184,14 @@ export default function CodeEditor(props) {
|
|
|
183
184
|
activeElement !== warningsTabRef.current &&
|
|
184
185
|
!(editor === null || editor === void 0 ? void 0 : editor.container.contains(activeElement)));
|
|
185
186
|
}, [editor]);
|
|
186
|
-
var
|
|
187
|
+
var _o = useState(false), isPreferencesModalVisible = _o[0], setPreferencesModalVisible = _o[1];
|
|
187
188
|
var onPreferencesOpen = function () { return setPreferencesModalVisible(true); };
|
|
188
189
|
var onPreferencesConfirm = function (p) {
|
|
189
190
|
fireNonCancelableEvent(props.onPreferencesChange, p);
|
|
190
191
|
setPreferencesModalVisible(false);
|
|
191
192
|
};
|
|
192
193
|
var onPreferencesDismiss = function () { return setPreferencesModalVisible(false); };
|
|
193
|
-
return (React.createElement("div", __assign({}, baseProps, { className: clsx(styles['code-editor'], baseProps.className), ref: mergedRef }),
|
|
194
|
+
return (React.createElement("div", __assign({}, baseProps, { className: clsx(styles['code-editor'], baseProps.className, (_a = {}, _a[styles['code-editor-refresh']] = isRefresh, _a)), ref: mergedRef }),
|
|
194
195
|
props.loading && React.createElement(LoadingScreen, null, i18nStrings.loadingState),
|
|
195
196
|
!ace && !props.loading && (React.createElement(ErrorScreen, { recoveryText: i18nStrings.errorStateRecovery, onRecoveryClick: props.onRecoveryClick }, i18nStrings.errorState)),
|
|
196
197
|
ace && !props.loading && (React.createElement(React.Fragment, null,
|
package/code-editor/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/code-editor/index.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\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Ace } from 'ace-builds';\nimport clsx from 'clsx';\nimport { ResizableBox } from 'react-resizable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { CodeEditorProps } from './interfaces';\nimport { Pane } from './pane';\nimport { useChangeEffect } from './listeners';\nimport {\n getDefaultConfig,\n getAceTheme,\n PaneStatus,\n getLanguageLabel,\n DEFAULT_DARK_THEME,\n DEFAULT_LIGHT_THEME,\n getDefaultTheme,\n} from './util';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { setupEditor } from './setup-editor';\nimport handler from './resize-handler';\nimport PreferencesModal from './preferences-modal';\nimport LoadingScreen from './loading-screen';\nimport ErrorScreen from './error-screen';\n\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { useContainerQuery } from '../internal/hooks/container-queries/use-container-query';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useCurrentMode } from '../internal/hooks/use-visual-mode';\nimport { StatusBar } from './status-bar';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useControllable } from '../internal/hooks/use-controllable';\nexport { CodeEditorProps };\n\nexport default function CodeEditor(props: CodeEditorProps) {\n const { __internalRootRef } = useBaseComponent('CodeEditor');\n const { controlId, ariaLabelledby, ariaDescribedby } = useFormFieldContext(props);\n const { ace, value, language, i18nStrings, editorContentHeight, onEditorContentResize, ...rest } = props;\n const [editorHeight = 480, setEditorHeight] = useControllable(editorContentHeight, onEditorContentResize, 480, {\n componentName: 'code-editor',\n changeHandler: 'onEditorContentResize',\n controlledProp: 'editorContentHeight',\n });\n const baseProps = getBaseProps(rest);\n\n const [editor, setEditor] = useState<Ace.Editor>();\n const mode = useCurrentMode(__internalRootRef);\n const defaultTheme = mode === 'dark' ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME;\n\n const editorRef = useCallback(\n (elem: HTMLDivElement) => {\n if (!ace || !elem) {\n return;\n }\n\n const config = getDefaultConfig();\n setEditor(\n ace.edit(elem, {\n ...config,\n theme: getAceTheme(getDefaultTheme(elem)),\n })\n );\n },\n [ace]\n ); // loads as soon as ace lib is available\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-labelledby', ariaLabelledby);\n updateAttribute('aria-describedby', ariaDescribedby);\n }, [ariaDescribedby, ariaLabelledby, controlId, editor]);\n\n const [paneStatus, setPaneStatus] = useState<PaneStatus>('hidden');\n const [annotations, setAnnotations] = useState<Ace.Annotation[]>([]);\n const [highlightedAnnotation, setHighlightedAnnotation] = useState<Ace.Annotation>();\n const [languageLabel, setLanguageLabel] = useState<string>('');\n const [cursorPosition, setCursorPosition] = useState<Ace.Point>({ row: 0, column: 0 });\n const [isTabFocused, setTabFocused] = useState<boolean>(false);\n\n const errorsTabRef = useRef<HTMLButtonElement>(null);\n const warningsTabRef = useRef<HTMLButtonElement>(null);\n\n const [codeEditorWidth, codeEditorMeasureRef] = useContainerQuery(rect => rect.width);\n const mergedRef = useMergeRefs(codeEditorMeasureRef, __internalRootRef);\n\n const isRefresh = useVisualRefresh();\n\n useEffect(() => {\n editor?.resize();\n }, [editor, editorContentHeight, codeEditorWidth]);\n\n const paneId = useUniqueId('code-editor-pane');\n\n useEffect(() => {\n if (!ace || !editor) {\n return;\n }\n\n setupEditor(ace, editor, setAnnotations, setCursorPosition, setHighlightedAnnotation, setPaneStatus);\n\n return () => {\n editor?.destroy();\n }; // TODO profile/monitor this\n }, [ace, editor, __internalRootRef]);\n\n useEffect(() => {\n if (!editor) {\n return;\n }\n if (value === editor.getValue()) {\n return;\n }\n // TODO maintain cursor position?\n const pos = editor.session.selection.toJSON();\n editor.setValue(value, -1);\n editor.session.selection.fromJSON(pos);\n }, [editor, value]);\n\n useEffect(() => {\n if (!editor) {\n return;\n }\n editor.session.setMode(`ace/mode/${language}`);\n\n setLanguageLabel(getLanguageLabel(language));\n }, [editor, language]);\n\n useEffect(() => {\n if (!editor) {\n return;\n }\n\n const theme: CodeEditorProps.Theme = props.preferences?.theme ?? defaultTheme;\n\n editor.setTheme(getAceTheme(theme));\n\n editor.session.setUseWrapMode(props.preferences?.wrapLines ?? true);\n }, [editor, defaultTheme, props.preferences]);\n\n // listeners\n useChangeEffect(editor, props.onChange, props.onDelayedChange);\n // TODO implement other listeners\n\n // Hide error panel when there are no errors to show.\n useEffect(() => {\n if (annotations.length === 0) {\n setPaneStatus('hidden');\n }\n\n if (props.onValidate) {\n fireNonCancelableEvent(props.onValidate, { annotations });\n }\n }, [annotations, props.onValidate]);\n\n const errorCount = annotations.filter(a => a.type === 'error').length;\n const warningCount = annotations.filter(a => a.type === 'warning').length;\n const currentAnnotations = useMemo(() => annotations.filter(a => a.type === paneStatus), [annotations, paneStatus]);\n\n /*\n * Callbacks\n */\n\n const onEditorKeydown = useCallback(\n (e: React.KeyboardEvent) => {\n if (editor && e.target === editor.container && e.keyCode === KeyCode.enter) {\n e.stopPropagation();\n e.preventDefault();\n editor.focus();\n }\n },\n [editor]\n );\n\n const onTabFocus = useCallback(() => setTabFocused(true), []);\n const onTabBlur = useCallback(() => setTabFocused(false), []);\n\n const onResize = useCallback(() => {\n editor?.resize();\n }, [editor]);\n\n const onErrorPaneToggle = useCallback(() => {\n setPaneStatus(paneStatus !== 'error' ? 'error' : 'hidden');\n }, [paneStatus]);\n\n const onWarningPaneToggle = useCallback(() => {\n setPaneStatus(paneStatus !== 'warning' ? 'warning' : 'hidden');\n }, [paneStatus]);\n\n const onPaneClose = useCallback(() => {\n if (paneStatus === 'error' && errorsTabRef.current) {\n errorsTabRef.current.focus();\n }\n if (paneStatus === 'warning' && warningsTabRef.current) {\n warningsTabRef.current.focus();\n }\n setPaneStatus('hidden');\n }, [paneStatus]);\n\n const onAnnotationClick = ({ row = 0, column = 0 }: Ace.Annotation) => {\n if (!editor) {\n return;\n }\n editor.focus();\n editor.gotoLine(row + 1, column, false);\n setHighlightedAnnotation(undefined);\n };\n\n const onAnnotationClear = useCallback(() => {\n setHighlightedAnnotation(undefined);\n }, []);\n\n /**\n * Ignore focus lock if focused element is the pane tab button or within editor tree.\n * This check is required:\n * - When closing the pane with `ESC` key: The panel closes asynchronously and its focus lock\n * still exists when trying to focus the tab button in higher-order component.\n * - When clicking or hittin `Enter` on an annotation: The panel remains open but focus lock\n * deactivates asynchronously.\n */\n const shouldHandleFocus = useCallback(\n (activeElement: HTMLElement): boolean => {\n return (\n activeElement !== errorsTabRef.current &&\n activeElement !== warningsTabRef.current &&\n !editor?.container.contains(activeElement)\n );\n },\n [editor]\n );\n\n const [isPreferencesModalVisible, setPreferencesModalVisible] = useState(false);\n const onPreferencesOpen = () => setPreferencesModalVisible(true);\n const onPreferencesConfirm = (p: CodeEditorProps.Preferences) => {\n fireNonCancelableEvent(props.onPreferencesChange, p);\n setPreferencesModalVisible(false);\n };\n const onPreferencesDismiss = () => setPreferencesModalVisible(false);\n\n return (\n <div {...baseProps} className={clsx(styles['code-editor'], baseProps.className)} ref={mergedRef}>\n {props.loading && <LoadingScreen>{i18nStrings.loadingState}</LoadingScreen>}\n\n {!ace && !props.loading && (\n <ErrorScreen recoveryText={i18nStrings.errorStateRecovery} onRecoveryClick={props.onRecoveryClick}>\n {i18nStrings.errorState}\n </ErrorScreen>\n )}\n\n {ace && !props.loading && (\n <>\n <ResizableBox\n className={styles['resizable-box']}\n width={Infinity}\n height={Math.max(editorHeight, 20)}\n minConstraints={[Infinity, 20]}\n axis=\"y\"\n handle={handler}\n onResize={(e, data) => {\n setEditorHeight(data.size.height);\n onResize();\n fireNonCancelableEvent(onEditorContentResize, {\n height: data.size.height,\n });\n }}\n >\n <div\n ref={editorRef}\n className={clsx(styles.editor, styles.ace)}\n onKeyDown={onEditorKeydown}\n tabIndex={0}\n role=\"group\"\n aria-label={i18nStrings.editorGroupAriaLabel}\n />\n </ResizableBox>\n <div role=\"group\" aria-label={i18nStrings.statusBarGroupAriaLabel}>\n <StatusBar\n languageLabel={languageLabel}\n cursorPosition={i18nStrings.cursorPosition(cursorPosition.row + 1, cursorPosition.column + 1)}\n errorCount={errorCount}\n warningCount={warningCount}\n paneStatus={paneStatus}\n onErrorPaneToggle={onErrorPaneToggle}\n onWarningPaneToggle={onWarningPaneToggle}\n onTabFocus={onTabFocus}\n onTabBlur={onTabBlur}\n errorsTabRef={errorsTabRef}\n warningsTabRef={warningsTabRef}\n i18nStrings={i18nStrings}\n isTabFocused={isTabFocused}\n paneId={paneId}\n onPreferencesOpen={onPreferencesOpen}\n isRefresh={isRefresh}\n />\n <Pane\n id={paneId}\n visible={paneStatus !== 'hidden'}\n annotations={currentAnnotations}\n highlighted={highlightedAnnotation}\n onAnnotationClick={onAnnotationClick}\n onAnnotationClear={onAnnotationClear}\n onClose={onPaneClose}\n onAllowlist={shouldHandleFocus}\n cursorPositionLabel={i18nStrings.cursorPosition}\n closeButtonAriaLabel={i18nStrings.paneCloseButtonAriaLabel}\n />\n </div>\n {isPreferencesModalVisible && (\n <PreferencesModal\n onConfirm={onPreferencesConfirm}\n onDismiss={onPreferencesDismiss}\n preferences={props.preferences}\n defaultTheme={defaultTheme}\n i18nStrings={{\n header: i18nStrings.preferencesModalHeader,\n cancel: i18nStrings.preferencesModalCancel,\n confirm: i18nStrings.preferencesModalConfirm,\n wrapLines: i18nStrings.preferencesModalWrapLines,\n theme: i18nStrings.preferencesModalTheme,\n lightThemes: i18nStrings.preferencesModalLightThemes,\n darkThemes: i18nStrings.preferencesModalDarkThemes,\n }}\n />\n )}\n </>\n )}\n </div>\n );\n}\n\napplyDisplayName(CodeEditor, 'CodeEditor');\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/code-editor/index.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\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { Ace } from 'ace-builds';\nimport clsx from 'clsx';\nimport { ResizableBox } from 'react-resizable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { CodeEditorProps } from './interfaces';\nimport { Pane } from './pane';\nimport { useChangeEffect } from './listeners';\nimport {\n getDefaultConfig,\n getAceTheme,\n PaneStatus,\n getLanguageLabel,\n DEFAULT_DARK_THEME,\n DEFAULT_LIGHT_THEME,\n getDefaultTheme,\n} from './util';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { setupEditor } from './setup-editor';\nimport handler from './resize-handler';\nimport PreferencesModal from './preferences-modal';\nimport LoadingScreen from './loading-screen';\nimport ErrorScreen from './error-screen';\n\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { useContainerQuery } from '../internal/hooks/container-queries/use-container-query';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useCurrentMode } from '../internal/hooks/use-visual-mode';\nimport { StatusBar } from './status-bar';\nimport { useFormFieldContext } from '../internal/context/form-field-context';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useControllable } from '../internal/hooks/use-controllable';\nexport { CodeEditorProps };\n\nexport default function CodeEditor(props: CodeEditorProps) {\n const { __internalRootRef } = useBaseComponent('CodeEditor');\n const { controlId, ariaLabelledby, ariaDescribedby } = useFormFieldContext(props);\n const { ace, value, language, i18nStrings, editorContentHeight, onEditorContentResize, ...rest } = props;\n const [editorHeight = 480, setEditorHeight] = useControllable(editorContentHeight, onEditorContentResize, 480, {\n componentName: 'code-editor',\n changeHandler: 'onEditorContentResize',\n controlledProp: 'editorContentHeight',\n });\n const baseProps = getBaseProps(rest);\n\n const [editor, setEditor] = useState<Ace.Editor>();\n const mode = useCurrentMode(__internalRootRef);\n const defaultTheme = mode === 'dark' ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME;\n\n const editorRef = useCallback(\n (elem: HTMLDivElement) => {\n if (!ace || !elem) {\n return;\n }\n\n const config = getDefaultConfig();\n setEditor(\n ace.edit(elem, {\n ...config,\n theme: getAceTheme(getDefaultTheme(elem)),\n })\n );\n },\n [ace]\n ); // loads as soon as ace lib is available\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-labelledby', ariaLabelledby);\n updateAttribute('aria-describedby', ariaDescribedby);\n }, [ariaDescribedby, ariaLabelledby, controlId, editor]);\n\n const [paneStatus, setPaneStatus] = useState<PaneStatus>('hidden');\n const [annotations, setAnnotations] = useState<Ace.Annotation[]>([]);\n const [highlightedAnnotation, setHighlightedAnnotation] = useState<Ace.Annotation>();\n const [languageLabel, setLanguageLabel] = useState<string>('');\n const [cursorPosition, setCursorPosition] = useState<Ace.Point>({ row: 0, column: 0 });\n const [isTabFocused, setTabFocused] = useState<boolean>(false);\n\n const errorsTabRef = useRef<HTMLButtonElement>(null);\n const warningsTabRef = useRef<HTMLButtonElement>(null);\n\n const [codeEditorWidth, codeEditorMeasureRef] = useContainerQuery(rect => rect.width);\n const mergedRef = useMergeRefs(codeEditorMeasureRef, __internalRootRef);\n\n const isRefresh = useVisualRefresh();\n\n useEffect(() => {\n editor?.resize();\n }, [editor, editorContentHeight, codeEditorWidth]);\n\n const paneId = useUniqueId('code-editor-pane');\n\n useEffect(() => {\n if (!ace || !editor) {\n return;\n }\n\n setupEditor(ace, editor, setAnnotations, setCursorPosition, setHighlightedAnnotation, setPaneStatus);\n\n return () => {\n editor?.destroy();\n }; // TODO profile/monitor this\n }, [ace, editor, __internalRootRef]);\n\n useEffect(() => {\n if (!editor) {\n return;\n }\n if (value === editor.getValue()) {\n return;\n }\n // TODO maintain cursor position?\n const pos = editor.session.selection.toJSON();\n editor.setValue(value, -1);\n editor.session.selection.fromJSON(pos);\n }, [editor, value]);\n\n useEffect(() => {\n if (!editor) {\n return;\n }\n editor.session.setMode(`ace/mode/${language}`);\n\n setLanguageLabel(getLanguageLabel(language));\n }, [editor, language]);\n\n useEffect(() => {\n if (!editor) {\n return;\n }\n\n const theme: CodeEditorProps.Theme = props.preferences?.theme ?? defaultTheme;\n\n editor.setTheme(getAceTheme(theme));\n\n editor.session.setUseWrapMode(props.preferences?.wrapLines ?? true);\n }, [editor, defaultTheme, props.preferences]);\n\n // listeners\n useChangeEffect(editor, props.onChange, props.onDelayedChange);\n // TODO implement other listeners\n\n // Hide error panel when there are no errors to show.\n useEffect(() => {\n if (annotations.length === 0) {\n setPaneStatus('hidden');\n }\n\n if (props.onValidate) {\n fireNonCancelableEvent(props.onValidate, { annotations });\n }\n }, [annotations, props.onValidate]);\n\n const errorCount = annotations.filter(a => a.type === 'error').length;\n const warningCount = annotations.filter(a => a.type === 'warning').length;\n const currentAnnotations = useMemo(() => annotations.filter(a => a.type === paneStatus), [annotations, paneStatus]);\n\n /*\n * Callbacks\n */\n\n const onEditorKeydown = useCallback(\n (e: React.KeyboardEvent) => {\n if (editor && e.target === editor.container && e.keyCode === KeyCode.enter) {\n e.stopPropagation();\n e.preventDefault();\n editor.focus();\n }\n },\n [editor]\n );\n\n const onTabFocus = useCallback(() => setTabFocused(true), []);\n const onTabBlur = useCallback(() => setTabFocused(false), []);\n\n const onResize = useCallback(() => {\n editor?.resize();\n }, [editor]);\n\n const onErrorPaneToggle = useCallback(() => {\n setPaneStatus(paneStatus !== 'error' ? 'error' : 'hidden');\n }, [paneStatus]);\n\n const onWarningPaneToggle = useCallback(() => {\n setPaneStatus(paneStatus !== 'warning' ? 'warning' : 'hidden');\n }, [paneStatus]);\n\n const onPaneClose = useCallback(() => {\n if (paneStatus === 'error' && errorsTabRef.current) {\n errorsTabRef.current.focus();\n }\n if (paneStatus === 'warning' && warningsTabRef.current) {\n warningsTabRef.current.focus();\n }\n setPaneStatus('hidden');\n }, [paneStatus]);\n\n const onAnnotationClick = ({ row = 0, column = 0 }: Ace.Annotation) => {\n if (!editor) {\n return;\n }\n editor.focus();\n editor.gotoLine(row + 1, column, false);\n setHighlightedAnnotation(undefined);\n };\n\n const onAnnotationClear = useCallback(() => {\n setHighlightedAnnotation(undefined);\n }, []);\n\n /**\n * Ignore focus lock if focused element is the pane tab button or within editor tree.\n * This check is required:\n * - When closing the pane with `ESC` key: The panel closes asynchronously and its focus lock\n * still exists when trying to focus the tab button in higher-order component.\n * - When clicking or hittin `Enter` on an annotation: The panel remains open but focus lock\n * deactivates asynchronously.\n */\n const shouldHandleFocus = useCallback(\n (activeElement: HTMLElement): boolean => {\n return (\n activeElement !== errorsTabRef.current &&\n activeElement !== warningsTabRef.current &&\n !editor?.container.contains(activeElement)\n );\n },\n [editor]\n );\n\n const [isPreferencesModalVisible, setPreferencesModalVisible] = useState(false);\n const onPreferencesOpen = () => setPreferencesModalVisible(true);\n const onPreferencesConfirm = (p: CodeEditorProps.Preferences) => {\n fireNonCancelableEvent(props.onPreferencesChange, p);\n setPreferencesModalVisible(false);\n };\n const onPreferencesDismiss = () => setPreferencesModalVisible(false);\n\n return (\n <div\n {...baseProps}\n className={clsx(styles['code-editor'], baseProps.className, { [styles['code-editor-refresh']]: isRefresh })}\n ref={mergedRef}\n >\n {props.loading && <LoadingScreen>{i18nStrings.loadingState}</LoadingScreen>}\n\n {!ace && !props.loading && (\n <ErrorScreen recoveryText={i18nStrings.errorStateRecovery} onRecoveryClick={props.onRecoveryClick}>\n {i18nStrings.errorState}\n </ErrorScreen>\n )}\n\n {ace && !props.loading && (\n <>\n <ResizableBox\n className={styles['resizable-box']}\n width={Infinity}\n height={Math.max(editorHeight, 20)}\n minConstraints={[Infinity, 20]}\n axis=\"y\"\n handle={handler}\n onResize={(e, data) => {\n setEditorHeight(data.size.height);\n onResize();\n fireNonCancelableEvent(onEditorContentResize, {\n height: data.size.height,\n });\n }}\n >\n <div\n ref={editorRef}\n className={clsx(styles.editor, styles.ace)}\n onKeyDown={onEditorKeydown}\n tabIndex={0}\n role=\"group\"\n aria-label={i18nStrings.editorGroupAriaLabel}\n />\n </ResizableBox>\n <div role=\"group\" aria-label={i18nStrings.statusBarGroupAriaLabel}>\n <StatusBar\n languageLabel={languageLabel}\n cursorPosition={i18nStrings.cursorPosition(cursorPosition.row + 1, cursorPosition.column + 1)}\n errorCount={errorCount}\n warningCount={warningCount}\n paneStatus={paneStatus}\n onErrorPaneToggle={onErrorPaneToggle}\n onWarningPaneToggle={onWarningPaneToggle}\n onTabFocus={onTabFocus}\n onTabBlur={onTabBlur}\n errorsTabRef={errorsTabRef}\n warningsTabRef={warningsTabRef}\n i18nStrings={i18nStrings}\n isTabFocused={isTabFocused}\n paneId={paneId}\n onPreferencesOpen={onPreferencesOpen}\n isRefresh={isRefresh}\n />\n <Pane\n id={paneId}\n visible={paneStatus !== 'hidden'}\n annotations={currentAnnotations}\n highlighted={highlightedAnnotation}\n onAnnotationClick={onAnnotationClick}\n onAnnotationClear={onAnnotationClear}\n onClose={onPaneClose}\n onAllowlist={shouldHandleFocus}\n cursorPositionLabel={i18nStrings.cursorPosition}\n closeButtonAriaLabel={i18nStrings.paneCloseButtonAriaLabel}\n />\n </div>\n {isPreferencesModalVisible && (\n <PreferencesModal\n onConfirm={onPreferencesConfirm}\n onDismiss={onPreferencesDismiss}\n preferences={props.preferences}\n defaultTheme={defaultTheme}\n i18nStrings={{\n header: i18nStrings.preferencesModalHeader,\n cancel: i18nStrings.preferencesModalCancel,\n confirm: i18nStrings.preferencesModalConfirm,\n wrapLines: i18nStrings.preferencesModalWrapLines,\n theme: i18nStrings.preferencesModalTheme,\n lightThemes: i18nStrings.preferencesModalLightThemes,\n darkThemes: i18nStrings.preferencesModalDarkThemes,\n }}\n />\n )}\n </>\n )}\n </div>\n );\n}\n\napplyDisplayName(CodeEditor, 'CodeEditor');\n"]}
|
|
@@ -1,37 +1,38 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"code-editor": "awsui_code-
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"resizable-box
|
|
17
|
-
"
|
|
18
|
-
"
|
|
19
|
-
"status-bar
|
|
20
|
-
"status-
|
|
21
|
-
"status-bar__left
|
|
22
|
-
"status-
|
|
23
|
-
"status-
|
|
24
|
-
"status-
|
|
25
|
-
"status-
|
|
26
|
-
"status-
|
|
27
|
-
"
|
|
28
|
-
"tab-button
|
|
29
|
-
"tab-button--
|
|
30
|
-
"tab-button--
|
|
31
|
-
"tab-button--
|
|
32
|
-
"tab-button--
|
|
33
|
-
"tab-button--
|
|
34
|
-
"
|
|
35
|
-
"
|
|
4
|
+
"code-editor": "awsui_code-editor_1gl9c_1563r_98",
|
|
5
|
+
"code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1563r_342",
|
|
6
|
+
"pane": "awsui_pane_1gl9c_1563r_354",
|
|
7
|
+
"pane__close-container": "awsui_pane__close-container_1gl9c_1563r_365",
|
|
8
|
+
"pane__list": "awsui_pane__list_1gl9c_1563r_370",
|
|
9
|
+
"pane__table": "awsui_pane__table_1gl9c_1563r_377",
|
|
10
|
+
"pane__item": "awsui_pane__item_1gl9c_1563r_382",
|
|
11
|
+
"pane__cell": "awsui_pane__cell_1gl9c_1563r_382",
|
|
12
|
+
"pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1563r_396",
|
|
13
|
+
"pane__location": "awsui_pane__location_1gl9c_1563r_417",
|
|
14
|
+
"pane__description": "awsui_pane__description_1gl9c_1563r_417",
|
|
15
|
+
"focus-lock": "awsui_focus-lock_1gl9c_1563r_432",
|
|
16
|
+
"resizable-box": "awsui_resizable-box_1gl9c_1563r_455",
|
|
17
|
+
"resizable-box-handle": "awsui_resizable-box-handle_1gl9c_1563r_460",
|
|
18
|
+
"editor": "awsui_editor_1gl9c_1563r_485",
|
|
19
|
+
"status-bar": "awsui_status-bar_1gl9c_1563r_518",
|
|
20
|
+
"status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1563r_527",
|
|
21
|
+
"status-bar__left": "awsui_status-bar__left_1gl9c_1563r_531",
|
|
22
|
+
"status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_1563r_538",
|
|
23
|
+
"status-bar__right": "awsui_status-bar__right_1gl9c_1563r_542",
|
|
24
|
+
"status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1563r_546",
|
|
25
|
+
"status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1563r_546",
|
|
26
|
+
"status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1563r_551",
|
|
27
|
+
"status-bar-virtual": "awsui_status-bar-virtual_1gl9c_1563r_555",
|
|
28
|
+
"tab-button": "awsui_tab-button_1gl9c_1563r_561",
|
|
29
|
+
"tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1563r_574",
|
|
30
|
+
"tab-button--active": "awsui_tab-button--active_1gl9c_1563r_588",
|
|
31
|
+
"tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1563r_608",
|
|
32
|
+
"tab-button--divider": "awsui_tab-button--divider_1gl9c_1563r_638",
|
|
33
|
+
"tab-button--errors": "awsui_tab-button--errors_1gl9c_1563r_645",
|
|
34
|
+
"tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1563r_645",
|
|
35
|
+
"loading-screen": "awsui_loading-screen_1gl9c_1563r_649",
|
|
36
|
+
"error-screen": "awsui_error-screen_1gl9c_1563r_650"
|
|
36
37
|
};
|
|
37
38
|
|
|
@@ -95,51 +95,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
97
|
/* stylelint-disable selector-combinator-disallowed-list, @cloudscape-design/no-implicit-descendant */
|
|
98
|
-
.awsui_code-
|
|
98
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor:not(#\9) {
|
|
99
99
|
font-family: Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace;
|
|
100
100
|
font-size: 14px;
|
|
101
101
|
line-height: 20px;
|
|
102
102
|
}
|
|
103
|
-
.awsui_code-
|
|
104
|
-
.awsui_code-
|
|
103
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_error:not(#\9),
|
|
104
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
|
|
105
105
|
cursor: pointer;
|
|
106
106
|
background-repeat: no-repeat;
|
|
107
107
|
background-size: 16px 16px;
|
|
108
108
|
background-position: 4px 2px;
|
|
109
109
|
}
|
|
110
|
-
.awsui_code-
|
|
110
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_info:not(#\9) {
|
|
111
111
|
background-image: none;
|
|
112
112
|
}
|
|
113
|
-
.awsui_code-
|
|
113
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
|
|
114
114
|
color: var(--color-text-status-error-5sesl6, #d91515);
|
|
115
115
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d91515' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
|
|
116
116
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
117
117
|
}
|
|
118
118
|
@supports (--css-variable-support-check: #000) {
|
|
119
|
-
.awsui_code-
|
|
119
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
|
|
120
120
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
121
121
|
}
|
|
122
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
122
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_error:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_error:not(#\9) {
|
|
123
123
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23eb6f6f' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
|
|
124
124
|
}
|
|
125
125
|
}
|
|
126
|
-
.awsui_code-
|
|
126
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
|
|
127
127
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d91515' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M8 1l7 14H1L8 1z'/%3E %3Cpath d='M7.99 12H8v.01h-.01zM8 6v4'/%3E %3C/svg%3E");
|
|
128
128
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
129
129
|
}
|
|
130
130
|
@supports (--css-variable-support-check: #000) {
|
|
131
|
-
.awsui_code-
|
|
131
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
|
|
132
132
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
133
133
|
}
|
|
134
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
134
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_warning:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell.ace_warning:not(#\9) {
|
|
135
135
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23eb6f6f' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M8 1l7 14H1L8 1z'/%3E %3Cpath d='M7.99 12H8v.01h-.01zM8 6v4'/%3E %3C/svg%3E");
|
|
136
136
|
}
|
|
137
137
|
}
|
|
138
|
-
.awsui_code-
|
|
138
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-cell:not(#\9) {
|
|
139
139
|
padding-left: 24px;
|
|
140
140
|
padding-right: 16px;
|
|
141
141
|
}
|
|
142
|
-
.awsui_code-
|
|
142
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget:not(#\9) {
|
|
143
143
|
/* A good test case for disabled folds
|
|
144
144
|
<<html<<<<
|
|
145
145
|
</html>
|
|
@@ -150,205 +150,208 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
border: none;
|
|
151
151
|
box-shadow: none;
|
|
152
152
|
}
|
|
153
|
-
.awsui_code-
|
|
153
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_marker-layer > .ace_active-line:not(#\9) {
|
|
154
154
|
background: transparent;
|
|
155
155
|
box-sizing: border-box;
|
|
156
156
|
border-top: 1px solid var(--color-border-code-editor-ace-active-line-light-theme-3l07nr, #d1d5db);
|
|
157
157
|
border-bottom: 1px solid var(--color-border-code-editor-ace-active-line-light-theme-3l07nr, #d1d5db);
|
|
158
158
|
}
|
|
159
|
-
.awsui_code-
|
|
159
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor.ace_dark .ace_marker-layer > .ace_active-line:not(#\9) {
|
|
160
160
|
border-top: 1px solid var(--color-border-code-editor-ace-active-line-dark-theme-74siyt, #5f6b7a);
|
|
161
161
|
border-bottom: 1px solid var(--color-border-code-editor-ace-active-line-dark-theme-74siyt, #5f6b7a);
|
|
162
162
|
}
|
|
163
|
-
.awsui_code-
|
|
163
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter:not(#\9) {
|
|
164
164
|
background-color: var(--color-background-code-editor-gutter-default-l5k65m, #f4f4f4);
|
|
165
165
|
color: var(--color-text-code-editor-gutter-default-q46j79, #000716);
|
|
166
|
-
border-top-left-radius: max(var(--border-radius-code-editor-fuck6b, 8px) - var(--border-item-width-qbbbsa, 2px), 0px);
|
|
167
166
|
}
|
|
168
|
-
.awsui_code-
|
|
169
|
-
border-top-right-radius: max(var(--border-radius-code-editor-fuck6b, 8px) - var(--border-item-width-qbbbsa, 2px), 0px);
|
|
170
|
-
}
|
|
171
|
-
.awsui_code-editor_1gl9c_pjv1f_98 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
|
|
167
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
|
|
172
168
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23414d5c' fill='%23414d5c' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
173
169
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
174
170
|
}
|
|
175
171
|
@supports (--css-variable-support-check: #000) {
|
|
176
|
-
.awsui_code-
|
|
172
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
|
|
177
173
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
178
174
|
}
|
|
179
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
175
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_open:not(#\9) {
|
|
180
176
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
181
177
|
}
|
|
182
178
|
}
|
|
183
|
-
.awsui_code-
|
|
179
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover {
|
|
184
180
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
185
181
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
186
182
|
}
|
|
187
183
|
@supports (--css-variable-support-check: #000) {
|
|
188
|
-
.awsui_code-
|
|
184
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover {
|
|
189
185
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
190
186
|
}
|
|
191
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
187
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_open:not(#\9):hover {
|
|
192
188
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
193
189
|
}
|
|
194
190
|
}
|
|
195
|
-
.awsui_code-
|
|
191
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_closed:not(#\9) {
|
|
196
192
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23414d5c' fill='%23414d5c' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
197
193
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
198
194
|
}
|
|
199
195
|
@supports (--css-variable-support-check: #000) {
|
|
200
|
-
.awsui_code-
|
|
196
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_closed:not(#\9) {
|
|
201
197
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
202
198
|
}
|
|
203
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
199
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_closed:not(#\9) {
|
|
204
200
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
205
201
|
}
|
|
206
202
|
}
|
|
207
|
-
.awsui_code-
|
|
203
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover {
|
|
208
204
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
209
205
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
210
206
|
}
|
|
211
207
|
@supports (--css-variable-support-check: #000) {
|
|
212
|
-
.awsui_code-
|
|
208
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover {
|
|
213
209
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
214
210
|
}
|
|
215
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
211
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_fold-widget.ace_closed:not(#\9):hover {
|
|
216
212
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
217
213
|
}
|
|
218
214
|
}
|
|
219
|
-
.awsui_code-
|
|
215
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line:not(#\9) {
|
|
220
216
|
background-color: var(--color-background-code-editor-gutter-active-line-default-p2p8kl, #5f6b7a);
|
|
221
217
|
color: var(--color-text-code-editor-gutter-active-line-3r48bk, #ffffff);
|
|
222
218
|
}
|
|
223
|
-
.awsui_code-
|
|
219
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
|
|
224
220
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
225
221
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
226
222
|
}
|
|
227
223
|
@supports (--css-variable-support-check: #000) {
|
|
228
|
-
.awsui_code-
|
|
224
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
|
|
229
225
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
230
226
|
}
|
|
231
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
227
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9) {
|
|
232
228
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23192534' fill='%23192534' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
233
229
|
}
|
|
234
230
|
}
|
|
235
|
-
.awsui_code-
|
|
231
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover {
|
|
236
232
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
237
233
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
238
234
|
}
|
|
239
235
|
@supports (--css-variable-support-check: #000) {
|
|
240
|
-
.awsui_code-
|
|
236
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover {
|
|
241
237
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
242
238
|
}
|
|
243
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
239
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_open:not(#\9):hover {
|
|
244
240
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
245
241
|
}
|
|
246
242
|
}
|
|
247
|
-
.awsui_code-
|
|
243
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9) {
|
|
248
244
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
249
245
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
250
246
|
}
|
|
251
247
|
@supports (--css-variable-support-check: #000) {
|
|
252
|
-
.awsui_code-
|
|
248
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9) {
|
|
253
249
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
254
250
|
}
|
|
255
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
251
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9) {
|
|
256
252
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23192534' fill='%23192534' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
257
253
|
}
|
|
258
254
|
}
|
|
259
|
-
.awsui_code-
|
|
255
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover {
|
|
260
256
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
261
257
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
262
258
|
}
|
|
263
259
|
@supports (--css-variable-support-check: #000) {
|
|
264
|
-
.awsui_code-
|
|
260
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover {
|
|
265
261
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
266
262
|
}
|
|
267
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
263
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line > .ace_fold-widget.ace_closed:not(#\9):hover {
|
|
268
264
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
269
265
|
}
|
|
270
266
|
}
|
|
271
|
-
.awsui_code-
|
|
267
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
|
|
272
268
|
color: var(--color-text-code-editor-gutter-active-line-3r48bk, #ffffff);
|
|
273
269
|
background-color: var(--color-background-code-editor-gutter-active-line-error-lfh0u4, #d91515);
|
|
274
270
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
|
|
275
271
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
276
272
|
}
|
|
277
273
|
@supports (--css-variable-support-check: #000) {
|
|
278
|
-
.awsui_code-
|
|
274
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
|
|
279
275
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
280
276
|
}
|
|
281
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
277
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error:not(#\9) {
|
|
282
278
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Ccircle cx='8' cy='8' r='7'/%3E %3Cpath d='M10.828 5.172l-5.656 5.656M10.828 10.828L5.172 5.172'/%3E %3C/svg%3E");
|
|
283
279
|
}
|
|
284
280
|
}
|
|
285
|
-
.awsui_code-
|
|
281
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9) {
|
|
286
282
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M8 1l7 14H1L8 1z'/%3E %3Cpath d='M7.99 12H8v.01h-.01zM8 6v4'/%3E %3C/svg%3E");
|
|
287
283
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
288
284
|
}
|
|
289
285
|
@supports (--css-variable-support-check: #000) {
|
|
290
|
-
.awsui_code-
|
|
286
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9) {
|
|
291
287
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
292
288
|
}
|
|
293
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
289
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning:not(#\9) {
|
|
294
290
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill-opacity='0' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M8 1l7 14H1L8 1z'/%3E %3Cpath d='M7.99 12H8v.01h-.01zM8 6v4'/%3E %3C/svg%3E");
|
|
295
291
|
}
|
|
296
292
|
}
|
|
297
|
-
.awsui_code-
|
|
293
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9) {
|
|
298
294
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
299
295
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
300
296
|
}
|
|
301
297
|
@supports (--css-variable-support-check: #000) {
|
|
302
|
-
.awsui_code-
|
|
298
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9) {
|
|
303
299
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
304
300
|
}
|
|
305
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
301
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9), .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9) {
|
|
306
302
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23192534' fill='%23192534' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
307
303
|
}
|
|
308
304
|
}
|
|
309
|
-
.awsui_code-
|
|
305
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover {
|
|
310
306
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
311
307
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
312
308
|
}
|
|
313
309
|
@supports (--css-variable-support-check: #000) {
|
|
314
|
-
.awsui_code-
|
|
310
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover {
|
|
315
311
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
316
312
|
}
|
|
317
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
313
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_open:not(#\9):hover {
|
|
318
314
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2'%3E %3Cpath d='M4 5h8l-4 6-4-6z' stroke-linejoin='round'/%3E %3C/svg%3E");
|
|
319
315
|
}
|
|
320
316
|
}
|
|
321
|
-
.awsui_code-
|
|
317
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9) {
|
|
322
318
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill='%23d1d5db' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
323
319
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
324
320
|
}
|
|
325
321
|
@supports (--css-variable-support-check: #000) {
|
|
326
|
-
.awsui_code-
|
|
322
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9) {
|
|
327
323
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
328
324
|
}
|
|
329
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
325
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9), .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9), .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9) {
|
|
330
326
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23192534' fill='%23192534' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
331
327
|
}
|
|
332
328
|
}
|
|
333
|
-
.awsui_code-
|
|
329
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover {
|
|
334
330
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23fbfbfb' fill='%23fbfbfb' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
335
331
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
336
332
|
}
|
|
337
333
|
@supports (--css-variable-support-check: #000) {
|
|
338
|
-
.awsui_code-
|
|
334
|
+
.awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover {
|
|
339
335
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
340
336
|
}
|
|
341
|
-
.awsui-polaris-dark-mode .awsui_code-
|
|
337
|
+
.awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_error > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-polaris-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover, .awsui-dark-mode .awsui_code-editor_1gl9c_1563r_98 .ace_editor .ace_gutter-active-line.ace_warning > .ace_fold-widget.ace_closed:not(#\9):hover {
|
|
342
338
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23000716' fill='%23000716' stroke-width='2' stroke-linejoin='round'%3E %3Cpath d='M5 4v8l6-4-6-4z'/%3E %3C/svg%3E");
|
|
343
339
|
}
|
|
344
340
|
}
|
|
345
341
|
|
|
342
|
+
.awsui_code-editor-refresh_1gl9c_1563r_342 .ace_editor .ace_gutter:not(#\9) {
|
|
343
|
+
border-top-left-radius: calc(var(--border-radius-code-editor-fuck6b, 8px) - var(--border-item-width-qbbbsa, 2px));
|
|
344
|
+
}
|
|
345
|
+
.awsui_code-editor-refresh_1gl9c_1563r_342 .ace_editor .ace_scroller:not(#\9) {
|
|
346
|
+
border-top-right-radius: calc(var(--border-radius-code-editor-fuck6b, 8px) - var(--border-item-width-qbbbsa, 2px));
|
|
347
|
+
}
|
|
348
|
+
|
|
346
349
|
/* stylelint-enable selector-combinator-disallowed-list, @cloudscape-design/no-implicit-descendant */
|
|
347
350
|
/*
|
|
348
351
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
349
352
|
SPDX-License-Identifier: Apache-2.0
|
|
350
353
|
*/
|
|
351
|
-
.
|
|
354
|
+
.awsui_pane_1gl9c_1563r_354:not(#\9) {
|
|
352
355
|
display: flex;
|
|
353
356
|
position: relative;
|
|
354
357
|
flex-direction: row;
|
|
@@ -359,74 +362,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
359
362
|
background: var(--color-background-code-editor-status-bar-qgcwj5, #f4f4f4);
|
|
360
363
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
361
364
|
}
|
|
362
|
-
.awsui_pane__close-
|
|
365
|
+
.awsui_pane__close-container_1gl9c_1563r_365:not(#\9) {
|
|
363
366
|
position: absolute;
|
|
364
367
|
top: 0;
|
|
365
368
|
right: calc(var(--space-s-hv8c1d, 12px) / 2);
|
|
366
369
|
}
|
|
367
|
-
.
|
|
370
|
+
.awsui_pane__list_1gl9c_1563r_370:not(#\9) {
|
|
368
371
|
flex: 1;
|
|
369
372
|
overflow: auto;
|
|
370
373
|
max-height: 100%;
|
|
371
374
|
box-sizing: border-box;
|
|
372
375
|
margin-right: calc(var(--font-body-m-line-height-i7xxvv, 22px) + 2 * var(--space-xs-rsr2qu, 8px));
|
|
373
376
|
}
|
|
374
|
-
.
|
|
377
|
+
.awsui_pane__table_1gl9c_1563r_377:not(#\9) {
|
|
375
378
|
width: 100%;
|
|
376
379
|
border-spacing: 0;
|
|
377
380
|
margin: var(--space-s-hv8c1d, 12px) 0;
|
|
378
381
|
}
|
|
379
|
-
.
|
|
382
|
+
.awsui_pane__item_1gl9c_1563r_382 > .awsui_pane__cell_1gl9c_1563r_382:not(#\9) {
|
|
380
383
|
border-top: var(--border-item-width-qbbbsa, 2px) solid var(--color-transparent-b76lky, transparent);
|
|
381
384
|
border-bottom: var(--border-item-width-qbbbsa, 2px) solid var(--color-transparent-b76lky, transparent);
|
|
382
385
|
}
|
|
383
|
-
.
|
|
386
|
+
.awsui_pane__item_1gl9c_1563r_382 > .awsui_pane__cell_1gl9c_1563r_382:not(#\9):first-child {
|
|
384
387
|
border-left: var(--border-item-width-qbbbsa, 2px) solid var(--color-transparent-b76lky, transparent);
|
|
385
388
|
border-top-left-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
386
389
|
border-bottom-left-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
387
390
|
}
|
|
388
|
-
.
|
|
391
|
+
.awsui_pane__item_1gl9c_1563r_382 > .awsui_pane__cell_1gl9c_1563r_382:not(#\9):last-child {
|
|
389
392
|
border-right: var(--border-item-width-qbbbsa, 2px) solid var(--color-transparent-b76lky, transparent);
|
|
390
393
|
border-top-right-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
391
394
|
border-bottom-right-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
392
395
|
}
|
|
393
|
-
.awsui_pane__item--
|
|
396
|
+
.awsui_pane__item--highlighted_1gl9c_1563r_396:not(#\9), .awsui_pane__item_1gl9c_1563r_382:not(#\9):hover, .awsui_pane__item_1gl9c_1563r_382:not(#\9):focus {
|
|
394
397
|
cursor: pointer;
|
|
395
398
|
outline: none;
|
|
396
399
|
}
|
|
397
|
-
.awsui_pane__item--
|
|
400
|
+
.awsui_pane__item--highlighted_1gl9c_1563r_396 > .awsui_pane__cell_1gl9c_1563r_382:not(#\9), .awsui_pane__item_1gl9c_1563r_382:not(#\9):hover > .awsui_pane__cell_1gl9c_1563r_382, .awsui_pane__item_1gl9c_1563r_382:not(#\9):focus > .awsui_pane__cell_1gl9c_1563r_382 {
|
|
398
401
|
background-color: var(--color-background-code-editor-pane-item-hover-lrigi6, #e9ebed);
|
|
399
402
|
}
|
|
400
|
-
.awsui_pane__item--
|
|
403
|
+
.awsui_pane__item--highlighted_1gl9c_1563r_396 > .awsui_pane__cell_1gl9c_1563r_382:not(#\9), .awsui_pane__item_1gl9c_1563r_382:not(#\9):hover > .awsui_pane__cell_1gl9c_1563r_382, .awsui_pane__item_1gl9c_1563r_382:not(#\9):focus > .awsui_pane__cell_1gl9c_1563r_382 {
|
|
401
404
|
border-top: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-code-editor-pane-item-hover-xephrt, #7d8998);
|
|
402
405
|
border-bottom: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-code-editor-pane-item-hover-xephrt, #7d8998);
|
|
403
406
|
}
|
|
404
|
-
.awsui_pane__item--
|
|
407
|
+
.awsui_pane__item--highlighted_1gl9c_1563r_396 > .awsui_pane__cell_1gl9c_1563r_382:not(#\9):first-child, .awsui_pane__item_1gl9c_1563r_382:not(#\9):hover > .awsui_pane__cell_1gl9c_1563r_382:first-child, .awsui_pane__item_1gl9c_1563r_382:not(#\9):focus > .awsui_pane__cell_1gl9c_1563r_382:first-child {
|
|
405
408
|
border-left: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-code-editor-pane-item-hover-xephrt, #7d8998);
|
|
406
409
|
border-top-left-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
407
410
|
border-bottom-left-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
408
411
|
}
|
|
409
|
-
.awsui_pane__item--
|
|
412
|
+
.awsui_pane__item--highlighted_1gl9c_1563r_396 > .awsui_pane__cell_1gl9c_1563r_382:not(#\9):last-child, .awsui_pane__item_1gl9c_1563r_382:not(#\9):hover > .awsui_pane__cell_1gl9c_1563r_382:last-child, .awsui_pane__item_1gl9c_1563r_382:not(#\9):focus > .awsui_pane__cell_1gl9c_1563r_382:last-child {
|
|
410
413
|
border-right: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-code-editor-pane-item-hover-xephrt, #7d8998);
|
|
411
414
|
border-top-right-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
412
415
|
border-bottom-right-radius: var(--border-radius-item-u2ibpi, 8px);
|
|
413
416
|
}
|
|
414
|
-
.
|
|
417
|
+
.awsui_pane__location_1gl9c_1563r_417:not(#\9), .awsui_pane__description_1gl9c_1563r_417:not(#\9) {
|
|
415
418
|
padding: var(--space-xxs-ynfts5, 4px) var(--space-s-hv8c1d, 12px);
|
|
416
419
|
}
|
|
417
|
-
.
|
|
420
|
+
.awsui_pane__location_1gl9c_1563r_417:not(#\9) {
|
|
418
421
|
vertical-align: baseline;
|
|
419
422
|
white-space: nowrap;
|
|
420
423
|
padding-left: calc(var(--space-l-4vl6xu, 20px) + var(--space-s-hv8c1d, 12px));
|
|
421
424
|
}
|
|
422
|
-
.
|
|
425
|
+
.awsui_pane__description_1gl9c_1563r_417:not(#\9) {
|
|
423
426
|
padding-right: 0;
|
|
424
427
|
min-width: 0;
|
|
425
428
|
-ms-word-break: break-all;
|
|
426
429
|
word-break: break-word;
|
|
427
430
|
}
|
|
428
431
|
|
|
429
|
-
.awsui_focus-
|
|
432
|
+
.awsui_focus-lock_1gl9c_1563r_432:not(#\9) {
|
|
430
433
|
height: 100%;
|
|
431
434
|
}
|
|
432
435
|
|
|
@@ -434,7 +437,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
434
437
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
435
438
|
SPDX-License-Identifier: Apache-2.0
|
|
436
439
|
*/
|
|
437
|
-
.awsui_code-
|
|
440
|
+
.awsui_code-editor_1gl9c_1563r_98:not(#\9) {
|
|
438
441
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
439
442
|
border-collapse: separate;
|
|
440
443
|
border-spacing: 0;
|
|
@@ -475,12 +478,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
475
478
|
width: 100%;
|
|
476
479
|
}
|
|
477
480
|
|
|
478
|
-
.awsui_resizable-
|
|
481
|
+
.awsui_resizable-box_1gl9c_1563r_455:not(#\9) {
|
|
479
482
|
position: relative;
|
|
480
483
|
width: 100%;
|
|
481
484
|
}
|
|
482
485
|
|
|
483
|
-
.awsui_resizable-box-
|
|
486
|
+
.awsui_resizable-box-handle_1gl9c_1563r_460:not(#\9) {
|
|
484
487
|
position: absolute;
|
|
485
488
|
right: 0;
|
|
486
489
|
bottom: 0;
|
|
@@ -497,33 +500,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
497
500
|
cursor: ns-resize;
|
|
498
501
|
}
|
|
499
502
|
@supports (--css-variable-support-check: #000) {
|
|
500
|
-
.awsui_resizable-box-
|
|
503
|
+
.awsui_resizable-box-handle_1gl9c_1563r_460:not(#\9) {
|
|
501
504
|
/* stylelint-disable selector-combinator-disallowed-list, selector-class-pattern */
|
|
502
505
|
}
|
|
503
|
-
.awsui-polaris-dark-mode .awsui_resizable-box-
|
|
506
|
+
.awsui-polaris-dark-mode .awsui_resizable-box-handle_1gl9c_1563r_460:not(#\9), .awsui-dark-mode .awsui_resizable-box-handle_1gl9c_1563r_460:not(#\9) {
|
|
504
507
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23d1d5db' fill-opacity='0' stroke-width='1'%3E %3Cpath d='M 8 13 L 13 8 M 13 11 L 11 13 M 5 13 L 13 5'/%3E %3C/svg%3E");
|
|
505
508
|
}
|
|
506
509
|
}
|
|
507
510
|
|
|
508
|
-
.
|
|
511
|
+
.awsui_editor_1gl9c_1563r_485:not(#\9) {
|
|
509
512
|
position: absolute;
|
|
510
513
|
top: 0;
|
|
511
514
|
right: 0;
|
|
512
515
|
bottom: 0;
|
|
513
516
|
left: 0;
|
|
514
|
-
border-top-left-radius: max(var(--border-radius-code-editor-fuck6b, 8px) - var(--border-item-width-qbbbsa, 2px), 0px);
|
|
515
|
-
border-top-right-radius: max(var(--border-radius-code-editor-fuck6b, 8px) - var(--border-item-width-qbbbsa, 2px), 0px);
|
|
516
517
|
}
|
|
517
|
-
.
|
|
518
|
+
.awsui_editor_1gl9c_1563r_485:not(#\9):focus {
|
|
518
519
|
position: relative;
|
|
519
520
|
position: absolute;
|
|
520
521
|
overflow: visible;
|
|
521
522
|
}
|
|
522
|
-
.
|
|
523
|
+
.awsui_editor_1gl9c_1563r_485:not(#\9):focus {
|
|
523
524
|
outline: 2px dotted transparent;
|
|
524
525
|
outline-offset: calc(3px - 1px);
|
|
525
526
|
}
|
|
526
|
-
.
|
|
527
|
+
.awsui_editor_1gl9c_1563r_485:not(#\9):focus::before {
|
|
527
528
|
content: " ";
|
|
528
529
|
display: block;
|
|
529
530
|
position: absolute;
|
|
@@ -535,7 +536,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
535
536
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
536
537
|
}
|
|
537
538
|
|
|
538
|
-
.
|
|
539
|
+
.awsui_code-editor-refresh_1gl9c_1563r_342 > .awsui_resizable-box_1gl9c_1563r_455 > .awsui_editor_1gl9c_1563r_485:not(#\9) {
|
|
540
|
+
border-top-left-radius: calc(var(--border-radius-code-editor-fuck6b, 8px) - var(--border-item-width-qbbbsa, 2px));
|
|
541
|
+
border-top-right-radius: calc(var(--border-radius-code-editor-fuck6b, 8px) - var(--border-item-width-qbbbsa, 2px));
|
|
542
|
+
}
|
|
543
|
+
|
|
544
|
+
.awsui_status-bar_1gl9c_1563r_518:not(#\9) {
|
|
539
545
|
display: flex;
|
|
540
546
|
vertical-align: middle;
|
|
541
547
|
border-top: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-code-editor-default-l9vmjf, #d1d5db);
|
|
@@ -544,41 +550,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
544
550
|
-ms-word-break: break-all;
|
|
545
551
|
word-break: break-word;
|
|
546
552
|
}
|
|
547
|
-
.awsui_status-bar-with-hidden-
|
|
553
|
+
.awsui_status-bar-with-hidden-pane_1gl9c_1563r_527:not(#\9) {
|
|
548
554
|
border-bottom-left-radius: var(--border-radius-code-editor-fuck6b, 8px);
|
|
549
555
|
border-bottom-right-radius: var(--border-radius-code-editor-fuck6b, 8px);
|
|
550
556
|
}
|
|
551
|
-
.awsui_status-
|
|
557
|
+
.awsui_status-bar__left_1gl9c_1563r_531:not(#\9) {
|
|
552
558
|
flex: 1;
|
|
553
559
|
display: flex;
|
|
554
560
|
flex-wrap: wrap;
|
|
555
561
|
padding-left: var(--space-l-4vl6xu, 20px);
|
|
556
562
|
border-right: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-code-editor-default-l9vmjf, #d1d5db);
|
|
557
563
|
}
|
|
558
|
-
.awsui_status-bar__left-
|
|
564
|
+
.awsui_status-bar__left-virtual_1gl9c_1563r_538:not(#\9) {
|
|
559
565
|
flex-wrap: nowrap;
|
|
560
566
|
white-space: nowrap;
|
|
561
567
|
}
|
|
562
|
-
.awsui_status-
|
|
568
|
+
.awsui_status-bar__right_1gl9c_1563r_542:not(#\9) {
|
|
563
569
|
display: flex;
|
|
564
570
|
align-items: center;
|
|
565
571
|
}
|
|
566
|
-
.awsui_status-bar__language-
|
|
572
|
+
.awsui_status-bar__language-mode_1gl9c_1563r_546:not(#\9), .awsui_status-bar__cursor-position_1gl9c_1563r_546:not(#\9) {
|
|
567
573
|
display: inline-block;
|
|
568
574
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
569
575
|
padding: var(--space-scaled-xs-6859qs, 8px) var(--space-s-hv8c1d, 12px);
|
|
570
576
|
}
|
|
571
|
-
.awsui_status-bar__cog-
|
|
577
|
+
.awsui_status-bar__cog-button_1gl9c_1563r_551:not(#\9) {
|
|
572
578
|
padding: calc(var(--space-scaled-xxs-95dhkm, 4px) - 1px) calc(var(--space-xs-rsr2qu, 8px) - 2px);
|
|
573
579
|
}
|
|
574
580
|
|
|
575
|
-
.awsui_status-bar-
|
|
581
|
+
.awsui_status-bar-virtual_1gl9c_1563r_555:not(#\9) {
|
|
576
582
|
position: absolute !important;
|
|
577
583
|
top: -9999px !important;
|
|
578
584
|
left: -9999px !important;
|
|
579
585
|
}
|
|
580
586
|
|
|
581
|
-
.awsui_tab-
|
|
587
|
+
.awsui_tab-button_1gl9c_1563r_561:not(#\9) {
|
|
582
588
|
position: relative;
|
|
583
589
|
display: inline-block;
|
|
584
590
|
padding: var(--space-scaled-xs-6859qs, 8px) var(--space-s-hv8c1d, 12px);
|
|
@@ -591,10 +597,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
591
597
|
cursor: pointer;
|
|
592
598
|
z-index: 1;
|
|
593
599
|
}
|
|
594
|
-
.awsui_tab-button--
|
|
600
|
+
.awsui_tab-button--refresh_1gl9c_1563r_574:not(#\9) {
|
|
595
601
|
padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) + var(--border-active-width-ce5ls7, 4px) - 2px);
|
|
596
602
|
}
|
|
597
|
-
.awsui_tab-
|
|
603
|
+
.awsui_tab-button_1gl9c_1563r_561:not(#\9)::after {
|
|
598
604
|
content: "";
|
|
599
605
|
position: absolute;
|
|
600
606
|
left: 0;
|
|
@@ -605,46 +611,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
605
611
|
background: var(--color-text-status-error-5sesl6, #d91515);
|
|
606
612
|
opacity: 0;
|
|
607
613
|
}
|
|
608
|
-
.awsui_tab-button--
|
|
614
|
+
.awsui_tab-button--active_1gl9c_1563r_588:not(#\9)::after {
|
|
609
615
|
opacity: 1;
|
|
610
616
|
}
|
|
611
|
-
.awsui_tab-button--
|
|
617
|
+
.awsui_tab-button--refresh_1gl9c_1563r_574:not(#\9)::after {
|
|
612
618
|
transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
|
|
613
619
|
}
|
|
614
620
|
@media (prefers-reduced-motion: reduce) {
|
|
615
|
-
.awsui_tab-button--
|
|
621
|
+
.awsui_tab-button--refresh_1gl9c_1563r_574:not(#\9)::after {
|
|
616
622
|
animation: none;
|
|
617
623
|
transition: none;
|
|
618
624
|
}
|
|
619
625
|
}
|
|
620
|
-
.awsui-motion-disabled .awsui_tab-button--
|
|
626
|
+
.awsui-motion-disabled .awsui_tab-button--refresh_1gl9c_1563r_574:not(#\9)::after, .awsui-mode-entering .awsui_tab-button--refresh_1gl9c_1563r_574:not(#\9)::after {
|
|
621
627
|
animation: none;
|
|
622
628
|
transition: none;
|
|
623
629
|
}
|
|
624
|
-
.awsui_tab-
|
|
630
|
+
.awsui_tab-button_1gl9c_1563r_561:not(#\9):hover {
|
|
625
631
|
color: var(--color-text-code-editor-tab-button-error-vez6ll, #ffffff);
|
|
626
632
|
background: var(--color-text-status-error-5sesl6, #d91515);
|
|
627
633
|
}
|
|
628
|
-
.awsui_tab-button--
|
|
634
|
+
.awsui_tab-button--disabled_1gl9c_1563r_608:not(#\9) {
|
|
629
635
|
font-weight: normal;
|
|
630
636
|
color: var(--color-text-code-editor-status-bar-disabled-6bhuub, #7d8998);
|
|
631
637
|
cursor: default;
|
|
632
638
|
}
|
|
633
|
-
.awsui_tab-button--
|
|
639
|
+
.awsui_tab-button--disabled_1gl9c_1563r_608:not(#\9):hover {
|
|
634
640
|
color: var(--color-text-code-editor-status-bar-disabled-6bhuub, #7d8998);
|
|
635
641
|
background: transparent;
|
|
636
642
|
}
|
|
637
|
-
.awsui_tab-button--
|
|
643
|
+
.awsui_tab-button--disabled_1gl9c_1563r_608:not(#\9)::after {
|
|
638
644
|
display: none;
|
|
639
645
|
}
|
|
640
|
-
.awsui_tab-
|
|
646
|
+
.awsui_tab-button_1gl9c_1563r_561[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
641
647
|
position: relative;
|
|
642
648
|
}
|
|
643
|
-
.awsui_tab-
|
|
649
|
+
.awsui_tab-button_1gl9c_1563r_561[data-awsui-focus-visible=true]:not(#\9):focus {
|
|
644
650
|
outline: 2px dotted transparent;
|
|
645
651
|
outline-offset: calc(var(--space-code-editor-status-focus-outline-gutter-eivtla, -7px) - 1px);
|
|
646
652
|
}
|
|
647
|
-
.awsui_tab-
|
|
653
|
+
.awsui_tab-button_1gl9c_1563r_561[data-awsui-focus-visible=true]:not(#\9):focus::before {
|
|
648
654
|
content: " ";
|
|
649
655
|
display: block;
|
|
650
656
|
position: absolute;
|
|
@@ -655,19 +661,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
655
661
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
656
662
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
657
663
|
}
|
|
658
|
-
.awsui_tab-button--
|
|
664
|
+
.awsui_tab-button--divider_1gl9c_1563r_638:not(#\9) {
|
|
659
665
|
display: inline-block;
|
|
660
666
|
height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
661
667
|
width: var(--border-code-editor-status-divider-width-cf5jzt, 2px);
|
|
662
668
|
background: var(--color-border-tabs-divider-69fx5i, #e9ebed);
|
|
663
669
|
vertical-align: middle;
|
|
664
670
|
}
|
|
665
|
-
.awsui_tab-button--
|
|
671
|
+
.awsui_tab-button--errors_1gl9c_1563r_645:not(#\9), .awsui_tab-button--warnings_1gl9c_1563r_645:not(#\9) {
|
|
666
672
|
/* used in test-utils */
|
|
667
673
|
}
|
|
668
674
|
|
|
669
|
-
.awsui_loading-
|
|
670
|
-
.awsui_error-
|
|
675
|
+
.awsui_loading-screen_1gl9c_1563r_649:not(#\9),
|
|
676
|
+
.awsui_error-screen_1gl9c_1563r_650:not(#\9) {
|
|
671
677
|
display: flex;
|
|
672
678
|
align-items: center;
|
|
673
679
|
justify-content: center;
|
|
@@ -677,6 +683,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
677
683
|
border-radius: var(--border-radius-code-editor-fuck6b, 8px);
|
|
678
684
|
}
|
|
679
685
|
|
|
680
|
-
.awsui_error-
|
|
686
|
+
.awsui_error-screen_1gl9c_1563r_650:not(#\9) {
|
|
681
687
|
color: var(--color-text-status-error-5sesl6, #d91515);
|
|
682
688
|
}
|
|
@@ -2,37 +2,38 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"code-editor": "awsui_code-
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"resizable-box
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"status-bar
|
|
21
|
-
"status-
|
|
22
|
-
"status-bar__left
|
|
23
|
-
"status-
|
|
24
|
-
"status-
|
|
25
|
-
"status-
|
|
26
|
-
"status-
|
|
27
|
-
"status-
|
|
28
|
-
"
|
|
29
|
-
"tab-button
|
|
30
|
-
"tab-button--
|
|
31
|
-
"tab-button--
|
|
32
|
-
"tab-button--
|
|
33
|
-
"tab-button--
|
|
34
|
-
"tab-button--
|
|
35
|
-
"
|
|
36
|
-
"
|
|
5
|
+
"code-editor": "awsui_code-editor_1gl9c_1563r_98",
|
|
6
|
+
"code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1563r_342",
|
|
7
|
+
"pane": "awsui_pane_1gl9c_1563r_354",
|
|
8
|
+
"pane__close-container": "awsui_pane__close-container_1gl9c_1563r_365",
|
|
9
|
+
"pane__list": "awsui_pane__list_1gl9c_1563r_370",
|
|
10
|
+
"pane__table": "awsui_pane__table_1gl9c_1563r_377",
|
|
11
|
+
"pane__item": "awsui_pane__item_1gl9c_1563r_382",
|
|
12
|
+
"pane__cell": "awsui_pane__cell_1gl9c_1563r_382",
|
|
13
|
+
"pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1563r_396",
|
|
14
|
+
"pane__location": "awsui_pane__location_1gl9c_1563r_417",
|
|
15
|
+
"pane__description": "awsui_pane__description_1gl9c_1563r_417",
|
|
16
|
+
"focus-lock": "awsui_focus-lock_1gl9c_1563r_432",
|
|
17
|
+
"resizable-box": "awsui_resizable-box_1gl9c_1563r_455",
|
|
18
|
+
"resizable-box-handle": "awsui_resizable-box-handle_1gl9c_1563r_460",
|
|
19
|
+
"editor": "awsui_editor_1gl9c_1563r_485",
|
|
20
|
+
"status-bar": "awsui_status-bar_1gl9c_1563r_518",
|
|
21
|
+
"status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1563r_527",
|
|
22
|
+
"status-bar__left": "awsui_status-bar__left_1gl9c_1563r_531",
|
|
23
|
+
"status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_1563r_538",
|
|
24
|
+
"status-bar__right": "awsui_status-bar__right_1gl9c_1563r_542",
|
|
25
|
+
"status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1563r_546",
|
|
26
|
+
"status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1563r_546",
|
|
27
|
+
"status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1563r_551",
|
|
28
|
+
"status-bar-virtual": "awsui_status-bar-virtual_1gl9c_1563r_555",
|
|
29
|
+
"tab-button": "awsui_tab-button_1gl9c_1563r_561",
|
|
30
|
+
"tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1563r_574",
|
|
31
|
+
"tab-button--active": "awsui_tab-button--active_1gl9c_1563r_588",
|
|
32
|
+
"tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1563r_608",
|
|
33
|
+
"tab-button--divider": "awsui_tab-button--divider_1gl9c_1563r_638",
|
|
34
|
+
"tab-button--errors": "awsui_tab-button--errors_1gl9c_1563r_645",
|
|
35
|
+
"tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1563r_645",
|
|
36
|
+
"loading-screen": "awsui_loading-screen_1gl9c_1563r_649",
|
|
37
|
+
"error-screen": "awsui_error-screen_1gl9c_1563r_650"
|
|
37
38
|
};
|
|
38
39
|
|
package/internal/environment.js
CHANGED
|
@@ -233,7 +233,6 @@ export const borderRadiusAlert: string;
|
|
|
233
233
|
export const borderRadiusBadge: string;
|
|
234
234
|
export const borderRadiusButton: string;
|
|
235
235
|
export const borderRadiusCalendarDayFocusRing: string;
|
|
236
|
-
export const borderRadiusCodeEditor: string;
|
|
237
236
|
export const borderRadiusContainer: string;
|
|
238
237
|
export const borderRadiusControlCircularFocusRing: string;
|
|
239
238
|
export const borderRadiusControlDefaultFocusRing: string;
|
|
@@ -233,7 +233,6 @@ export var borderRadiusAlert = "var(--border-radius-alert-n0skwy, 12px)";
|
|
|
233
233
|
export var borderRadiusBadge = "var(--border-radius-badge-x5oehc, 4px)";
|
|
234
234
|
export var borderRadiusButton = "var(--border-radius-button-axewzv, 20px)";
|
|
235
235
|
export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-focus-ring-a8mlqd, 3px)";
|
|
236
|
-
export var borderRadiusCodeEditor = "var(--border-radius-code-editor-fuck6b, 8px)";
|
|
237
236
|
export var borderRadiusContainer = "var(--border-radius-container-gh9ysk, 16px)";
|
|
238
237
|
export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-qawzn7, 4px)";
|
|
239
238
|
export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-7661kz, 4px)";
|
|
@@ -6331,7 +6331,6 @@ module.exports.preset = {
|
|
|
6331
6331
|
"borderRadiusBadge",
|
|
6332
6332
|
"borderRadiusButton",
|
|
6333
6333
|
"borderRadiusCalendarDayFocusRing",
|
|
6334
|
-
"borderRadiusCodeEditor",
|
|
6335
6334
|
"borderRadiusContainer",
|
|
6336
6335
|
"borderRadiusControlCircularFocusRing",
|
|
6337
6336
|
"borderRadiusControlDefaultFocusRing",
|
|
@@ -6581,7 +6580,6 @@ module.exports.preset = {
|
|
|
6581
6580
|
"borderRadiusBadge",
|
|
6582
6581
|
"borderRadiusButton",
|
|
6583
6582
|
"borderRadiusCalendarDayFocusRing",
|
|
6584
|
-
"borderRadiusCodeEditor",
|
|
6585
6583
|
"borderRadiusContainer",
|
|
6586
6584
|
"borderRadiusControlCircularFocusRing",
|
|
6587
6585
|
"borderRadiusControlDefaultFocusRing",
|
|
@@ -150,7 +150,6 @@ export declare interface TypedOverride {
|
|
|
150
150
|
borderRadiusBadge?: GlobalValue;
|
|
151
151
|
borderRadiusButton?: GlobalValue;
|
|
152
152
|
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
153
|
-
borderRadiusCodeEditor?: GlobalValue;
|
|
154
153
|
borderRadiusContainer?: GlobalValue;
|
|
155
154
|
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
156
155
|
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
@@ -315,7 +314,6 @@ export declare interface TypedOverride {
|
|
|
315
314
|
borderRadiusBadge?: GlobalValue;
|
|
316
315
|
borderRadiusButton?: GlobalValue;
|
|
317
316
|
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
318
|
-
borderRadiusCodeEditor?: GlobalValue;
|
|
319
317
|
borderRadiusContainer?: GlobalValue;
|
|
320
318
|
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
321
319
|
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
@@ -480,7 +478,6 @@ export declare interface TypedOverride {
|
|
|
480
478
|
borderRadiusBadge?: GlobalValue;
|
|
481
479
|
borderRadiusButton?: GlobalValue;
|
|
482
480
|
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
483
|
-
borderRadiusCodeEditor?: GlobalValue;
|
|
484
481
|
borderRadiusContainer?: GlobalValue;
|
|
485
482
|
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
486
483
|
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
@@ -645,7 +642,6 @@ export declare interface TypedOverride {
|
|
|
645
642
|
borderRadiusBadge?: GlobalValue;
|
|
646
643
|
borderRadiusButton?: GlobalValue;
|
|
647
644
|
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
648
|
-
borderRadiusCodeEditor?: GlobalValue;
|
|
649
645
|
borderRadiusContainer?: GlobalValue;
|
|
650
646
|
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
651
647
|
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
@@ -810,7 +806,6 @@ export declare interface TypedOverride {
|
|
|
810
806
|
borderRadiusBadge?: GlobalValue;
|
|
811
807
|
borderRadiusButton?: GlobalValue;
|
|
812
808
|
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
813
|
-
borderRadiusCodeEditor?: GlobalValue;
|
|
814
809
|
borderRadiusContainer?: GlobalValue;
|
|
815
810
|
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
816
811
|
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
@@ -150,7 +150,6 @@ export declare interface TypedOverride {
|
|
|
150
150
|
borderRadiusBadge?: GlobalValue;
|
|
151
151
|
borderRadiusButton?: GlobalValue;
|
|
152
152
|
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
153
|
-
borderRadiusCodeEditor?: GlobalValue;
|
|
154
153
|
borderRadiusContainer?: GlobalValue;
|
|
155
154
|
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
156
155
|
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
@@ -315,7 +314,6 @@ export declare interface TypedOverride {
|
|
|
315
314
|
borderRadiusBadge?: GlobalValue;
|
|
316
315
|
borderRadiusButton?: GlobalValue;
|
|
317
316
|
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
318
|
-
borderRadiusCodeEditor?: GlobalValue;
|
|
319
317
|
borderRadiusContainer?: GlobalValue;
|
|
320
318
|
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
321
319
|
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
@@ -480,7 +478,6 @@ export declare interface TypedOverride {
|
|
|
480
478
|
borderRadiusBadge?: GlobalValue;
|
|
481
479
|
borderRadiusButton?: GlobalValue;
|
|
482
480
|
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
483
|
-
borderRadiusCodeEditor?: GlobalValue;
|
|
484
481
|
borderRadiusContainer?: GlobalValue;
|
|
485
482
|
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
486
483
|
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
@@ -645,7 +642,6 @@ export declare interface TypedOverride {
|
|
|
645
642
|
borderRadiusBadge?: GlobalValue;
|
|
646
643
|
borderRadiusButton?: GlobalValue;
|
|
647
644
|
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
648
|
-
borderRadiusCodeEditor?: GlobalValue;
|
|
649
645
|
borderRadiusContainer?: GlobalValue;
|
|
650
646
|
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
651
647
|
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
@@ -810,7 +806,6 @@ export declare interface TypedOverride {
|
|
|
810
806
|
borderRadiusBadge?: GlobalValue;
|
|
811
807
|
borderRadiusButton?: GlobalValue;
|
|
812
808
|
borderRadiusCalendarDayFocusRing?: GlobalValue;
|
|
813
|
-
borderRadiusCodeEditor?: GlobalValue;
|
|
814
809
|
borderRadiusContainer?: GlobalValue;
|
|
815
810
|
borderRadiusControlCircularFocusRing?: GlobalValue;
|
|
816
811
|
borderRadiusControlDefaultFocusRing?: GlobalValue;
|
|
@@ -6331,7 +6331,6 @@ export var preset = {
|
|
|
6331
6331
|
"borderRadiusBadge",
|
|
6332
6332
|
"borderRadiusButton",
|
|
6333
6333
|
"borderRadiusCalendarDayFocusRing",
|
|
6334
|
-
"borderRadiusCodeEditor",
|
|
6335
6334
|
"borderRadiusContainer",
|
|
6336
6335
|
"borderRadiusControlCircularFocusRing",
|
|
6337
6336
|
"borderRadiusControlDefaultFocusRing",
|
|
@@ -6581,7 +6580,6 @@ export var preset = {
|
|
|
6581
6580
|
"borderRadiusBadge",
|
|
6582
6581
|
"borderRadiusButton",
|
|
6583
6582
|
"borderRadiusCalendarDayFocusRing",
|
|
6584
|
-
"borderRadiusCodeEditor",
|
|
6585
6583
|
"borderRadiusContainer",
|
|
6586
6584
|
"borderRadiusControlCircularFocusRing",
|
|
6587
6585
|
"borderRadiusControlDefaultFocusRing",
|