@cloudscape-design/components-themeable 3.0.1322 → 3.0.1324
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/box/base-styles.scss +1 -0
- package/lib/internal/scss/flashbar/styles.scss +25 -4
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/internal/styles/typography/mixins.scss +16 -0
- package/lib/internal/scss/side-navigation/styles.scss +18 -24
- package/lib/internal/template/alert/index.d.ts.map +1 -1
- package/lib/internal/template/alert/index.js +5 -0
- package/lib/internal/template/alert/index.js.map +1 -1
- package/lib/internal/template/alert/styles.css.js +27 -27
- package/lib/internal/template/alert/styles.scoped.css +44 -44
- package/lib/internal/template/alert/styles.selectors.js +27 -27
- package/lib/internal/template/box/interfaces.d.ts +1 -1
- package/lib/internal/template/box/interfaces.d.ts.map +1 -1
- package/lib/internal/template/box/interfaces.js.map +1 -1
- package/lib/internal/template/box/styles.css.js +193 -192
- package/lib/internal/template/box/styles.scoped.css +246 -241
- package/lib/internal/template/box/styles.selectors.js +193 -192
- package/lib/internal/template/code-editor/styles.css.js +33 -33
- package/lib/internal/template/code-editor/styles.scoped.css +195 -195
- package/lib/internal/template/code-editor/styles.selectors.js +33 -33
- package/lib/internal/template/flashbar/flash.d.ts.map +1 -1
- package/lib/internal/template/flashbar/flash.js +2 -2
- package/lib/internal/template/flashbar/flash.js.map +1 -1
- package/lib/internal/template/flashbar/index.d.ts.map +1 -1
- package/lib/internal/template/flashbar/index.js +5 -0
- package/lib/internal/template/flashbar/index.js.map +1 -1
- package/lib/internal/template/flashbar/style.d.ts +3 -0
- package/lib/internal/template/flashbar/style.d.ts.map +1 -1
- package/lib/internal/template/flashbar/style.js +9 -0
- package/lib/internal/template/flashbar/style.js.map +1 -1
- package/lib/internal/template/flashbar/styles.css.js +50 -50
- package/lib/internal/template/flashbar/styles.scoped.css +169 -151
- package/lib/internal/template/flashbar/styles.selectors.js +50 -50
- package/lib/internal/template/form-field/styles.css.js +24 -24
- package/lib/internal/template/form-field/styles.scoped.css +40 -40
- package/lib/internal/template/form-field/styles.selectors.js +24 -24
- package/lib/internal/template/icon/styles.css.js +41 -41
- package/lib/internal/template/icon/styles.scoped.css +94 -94
- package/lib/internal/template/icon/styles.selectors.js +41 -41
- package/lib/internal/template/input/styles.css.js +18 -18
- package/lib/internal/template/input/styles.scoped.css +38 -38
- package/lib/internal/template/input/styles.selectors.js +18 -18
- package/lib/internal/template/internal/base-component/styles.scoped.css +151 -88
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +14 -14
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +35 -35
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +14 -14
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +14 -0
- package/lib/internal/template/internal/generated/styles/tokens.js +27 -13
- package/lib/internal/template/internal/generated/theming/index.cjs +282 -21
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +126 -0
- package/lib/internal/template/internal/generated/theming/index.d.ts +126 -0
- package/lib/internal/template/internal/generated/theming/index.js +282 -21
- package/lib/internal/template/popover/body.d.ts.map +1 -1
- package/lib/internal/template/popover/body.js +2 -2
- package/lib/internal/template/popover/body.js.map +1 -1
- package/lib/internal/template/prompt-input/styles.css.js +26 -26
- package/lib/internal/template/prompt-input/styles.scoped.css +61 -61
- package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
- package/lib/internal/template/side-navigation/parts.d.ts.map +1 -1
- package/lib/internal/template/side-navigation/parts.js +37 -28
- package/lib/internal/template/side-navigation/parts.js.map +1 -1
- package/lib/internal/template/side-navigation/styles.css.js +46 -46
- package/lib/internal/template/side-navigation/styles.scoped.css +85 -111
- package/lib/internal/template/side-navigation/styles.selectors.js +46 -46
- package/lib/internal/template/slider/styles.css.js +26 -26
- package/lib/internal/template/slider/styles.scoped.css +112 -112
- package/lib/internal/template/slider/styles.selectors.js +26 -26
- package/lib/internal/template/status-indicator/styles.css.js +24 -24
- package/lib/internal/template/status-indicator/styles.scoped.css +59 -59
- package/lib/internal/template/status-indicator/styles.selectors.js +24 -24
- package/lib/internal/template/textarea/styles.css.js +5 -5
- package/lib/internal/template/textarea/styles.scoped.css +17 -17
- package/lib/internal/template/textarea/styles.selectors.js +5 -5
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAe9D,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,GAAG,gBAAgB,CAAC;IACpD,eAAe,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAErC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,QAAA,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAe9D,MAAM,WAAW,gBAAgB;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,cAAc,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,GAAG,OAAO,GAAG,gBAAgB,CAAC;IACpD,eAAe,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAErC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,QAAA,MAAM,WAAW,yFAsGhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
3
|
import React, { useCallback, useEffect, useRef } from 'react';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
|
-
import { useUniqueId } from '@cloudscape-design/component-toolkit/internal';
|
|
5
|
+
import { isThemeActive, Theme, useUniqueId } from '@cloudscape-design/component-toolkit/internal';
|
|
6
6
|
import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
|
|
7
7
|
import { InternalButton } from '../button/internal';
|
|
8
8
|
import { BuiltInErrorBoundary } from '../error-boundary/internal';
|
|
@@ -32,7 +32,7 @@ const PopoverBody = React.forwardRef(({ dismissButton: showDismissButton, dismis
|
|
|
32
32
|
dismissButtonFocused.current = showDismissButton;
|
|
33
33
|
}, [showDismissButton, disableDismissAutoFocus]);
|
|
34
34
|
const dismissButton = (showDismissButton !== null && showDismissButton !== void 0 ? showDismissButton : null) && (React.createElement("div", { className: styles.dismiss, ...(closeAnalyticsAction ? getAnalyticsMetadataAttribute({ action: closeAnalyticsAction }) : {}) },
|
|
35
|
-
React.createElement(InternalButton, { variant: "icon", formAction: "none", iconName: "close", className: styles['dismiss-control'], ariaLabel: i18n('dismissAriaLabel', dismissAriaLabel), onClick: () => onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss('close-button'), ref: dismissButtonRef })));
|
|
35
|
+
React.createElement(InternalButton, { variant: "icon", formAction: "none", iconName: "close", __iconSize: isThemeActive(Theme.OneTheme) ? 'x-small' : undefined, className: styles['dismiss-control'], ariaLabel: i18n('dismissAriaLabel', dismissAriaLabel), onClick: () => onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss('close-button'), ref: dismissButtonRef })));
|
|
36
36
|
const isDialog = showDismissButton;
|
|
37
37
|
const shouldTrapFocus = showDismissButton && variant !== 'annotation';
|
|
38
38
|
const dialogProps = isDialog
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;
|
|
1
|
+
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/popover/body.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, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport { BuiltInErrorBoundary } from '../error-boundary/internal';\nimport { useInternalI18n } from '../i18n/context';\nimport FocusLock from '../internal/components/focus-lock';\nimport { KeyCode } from '../internal/keycode';\n\nimport styles from './styles.css.js';\n\nexport interface PopoverBodyProps {\n dismissButton: boolean;\n dismissAriaLabel: string | undefined;\n disableDismissAutoFocus?: boolean;\n onDismiss: ((method?: 'escape' | 'close-button') => void) | undefined;\n onBlur?: (event: React.FocusEvent) => void;\n\n header: React.ReactNode | undefined;\n children: React.ReactNode;\n variant?: 'annotation' | 'chart' | 'feature-prompt';\n overflowVisible?: 'content' | 'both';\n\n className?: string;\n ariaLabelledby?: string;\n\n closeAnalyticsAction?: string;\n}\n\nconst PopoverBody = React.forwardRef(\n (\n {\n dismissButton: showDismissButton,\n dismissAriaLabel,\n disableDismissAutoFocus = false,\n header,\n children,\n onDismiss,\n onBlur,\n variant,\n overflowVisible,\n className,\n ariaLabelledby,\n closeAnalyticsAction,\n }: PopoverBodyProps,\n ref: React.Ref<HTMLDivElement>\n ) => {\n const i18n = useInternalI18n('popover');\n const labelledById = useUniqueId('awsui-popover-');\n const dismissButtonFocused = useRef(false);\n const dismissButtonRef = useRef<ButtonProps.Ref>(null);\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n event.stopPropagation();\n onDismiss?.('escape');\n }\n },\n [onDismiss]\n );\n\n // Implement our own auto-focus rather than using FocusLock's,\n // because we also want to focus the dismiss button when it\n // is added dynamically (e.g. in chart popovers)\n useEffect(() => {\n if (showDismissButton && !disableDismissAutoFocus && !dismissButtonFocused.current) {\n dismissButtonRef.current?.focus({ preventScroll: true });\n }\n dismissButtonFocused.current = showDismissButton;\n }, [showDismissButton, disableDismissAutoFocus]);\n\n const dismissButton = (showDismissButton ?? null) && (\n <div\n className={styles.dismiss}\n {...(closeAnalyticsAction ? getAnalyticsMetadataAttribute({ action: closeAnalyticsAction }) : {})}\n >\n <InternalButton\n variant=\"icon\"\n formAction=\"none\"\n iconName=\"close\"\n __iconSize={isThemeActive(Theme.OneTheme) ? 'x-small' : undefined}\n className={styles['dismiss-control']}\n ariaLabel={i18n('dismissAriaLabel', dismissAriaLabel)}\n onClick={() => onDismiss?.('close-button')}\n ref={dismissButtonRef}\n />\n </div>\n );\n\n const isDialog = showDismissButton;\n const shouldTrapFocus = showDismissButton && variant !== 'annotation';\n\n const dialogProps = isDialog\n ? {\n role: 'dialog',\n 'aria-labelledby': ariaLabelledby ?? (header ? labelledById : undefined),\n }\n : {};\n\n return (\n <div\n className={clsx(styles.body, styles[`body-variant-${variant}`], className, {\n [styles['body-overflow-visible']]: overflowVisible === 'both',\n })}\n onKeyDown={onKeyDown}\n ref={ref}\n onBlur={onBlur}\n {...dialogProps}\n >\n <BuiltInErrorBoundary>\n <FocusLock disabled={!shouldTrapFocus} autoFocus={false}>\n {header && (\n <div className={clsx(styles['header-row'], showDismissButton && styles['has-dismiss'])}>\n {dismissButton}\n <div className={styles.header} id={labelledById}>\n <h2>{header}</h2>\n </div>\n </div>\n )}\n <div className={!header && showDismissButton ? styles['has-dismiss'] : undefined}>\n {!header && dismissButton}\n <div className={clsx(styles.content, { [styles['content-overflow-visible']]: !!overflowVisible })}>\n {children}\n </div>\n </div>\n </FocusLock>\n </BuiltInErrorBoundary>\n </div>\n );\n }\n);\n\nexport default PopoverBody;\n"]}
|
|
@@ -1,31 +1,31 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"textarea-readonly": "awsui_textarea-
|
|
6
|
-
"disabled": "
|
|
7
|
-
"textarea-invalid": "awsui_textarea-
|
|
8
|
-
"textarea-warning": "awsui_textarea-
|
|
9
|
-
"textarea": "
|
|
10
|
-
"placeholder-visible": "awsui_placeholder-
|
|
11
|
-
"invalid": "
|
|
12
|
-
"warning": "
|
|
13
|
-
"textarea-disabled": "awsui_textarea-
|
|
14
|
-
"textarea-wrapper": "awsui_textarea-
|
|
15
|
-
"editable-wrapper": "awsui_editable-
|
|
16
|
-
"editable-element": "awsui_editable-
|
|
17
|
-
"primary-action": "awsui_primary-
|
|
18
|
-
"action-button": "awsui_action-
|
|
19
|
-
"secondary-content": "awsui_secondary-
|
|
20
|
-
"with-paddings": "awsui_with-
|
|
21
|
-
"action-stripe": "awsui_action-
|
|
22
|
-
"secondary-actions": "awsui_secondary-
|
|
23
|
-
"with-paddings-and-actions": "awsui_with-paddings-and-
|
|
24
|
-
"buffer": "
|
|
25
|
-
"token-container": "awsui_token-
|
|
26
|
-
"reference-wrapper": "awsui_reference-
|
|
27
|
-
"trigger-base": "awsui_trigger-
|
|
28
|
-
"trigger-token": "awsui_trigger-
|
|
29
|
-
"paragraph": "
|
|
4
|
+
"root": "awsui_root_55fkh_1sjr7_146",
|
|
5
|
+
"textarea-readonly": "awsui_textarea-readonly_55fkh_1sjr7_191",
|
|
6
|
+
"disabled": "awsui_disabled_55fkh_1sjr7_197",
|
|
7
|
+
"textarea-invalid": "awsui_textarea-invalid_55fkh_1sjr7_205",
|
|
8
|
+
"textarea-warning": "awsui_textarea-warning_55fkh_1sjr7_233",
|
|
9
|
+
"textarea": "awsui_textarea_55fkh_1sjr7_191",
|
|
10
|
+
"placeholder-visible": "awsui_placeholder-visible_55fkh_1sjr7_330",
|
|
11
|
+
"invalid": "awsui_invalid_55fkh_1sjr7_366",
|
|
12
|
+
"warning": "awsui_warning_55fkh_1sjr7_366",
|
|
13
|
+
"textarea-disabled": "awsui_textarea-disabled_55fkh_1sjr7_369",
|
|
14
|
+
"textarea-wrapper": "awsui_textarea-wrapper_55fkh_1sjr7_386",
|
|
15
|
+
"editable-wrapper": "awsui_editable-wrapper_55fkh_1sjr7_391",
|
|
16
|
+
"editable-element": "awsui_editable-element_55fkh_1sjr7_397",
|
|
17
|
+
"primary-action": "awsui_primary-action_55fkh_1sjr7_404",
|
|
18
|
+
"action-button": "awsui_action-button_55fkh_1sjr7_412",
|
|
19
|
+
"secondary-content": "awsui_secondary-content_55fkh_1sjr7_417",
|
|
20
|
+
"with-paddings": "awsui_with-paddings_55fkh_1sjr7_452",
|
|
21
|
+
"action-stripe": "awsui_action-stripe_55fkh_1sjr7_462",
|
|
22
|
+
"secondary-actions": "awsui_secondary-actions_55fkh_1sjr7_501",
|
|
23
|
+
"with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_1sjr7_519",
|
|
24
|
+
"buffer": "awsui_buffer_55fkh_1sjr7_523",
|
|
25
|
+
"token-container": "awsui_token-container_55fkh_1sjr7_529",
|
|
26
|
+
"reference-wrapper": "awsui_reference-wrapper_55fkh_1sjr7_537",
|
|
27
|
+
"trigger-base": "awsui_trigger-base_55fkh_1sjr7_541",
|
|
28
|
+
"trigger-token": "awsui_trigger-token_55fkh_1sjr7_545",
|
|
29
|
+
"paragraph": "awsui_paragraph_55fkh_1sjr7_551"
|
|
30
30
|
};
|
|
31
31
|
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
*/
|
|
144
144
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
145
145
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
146
|
-
.
|
|
146
|
+
.awsui_root_55fkh_1sjr7_146:not(#\9) {
|
|
147
147
|
border-collapse: separate;
|
|
148
148
|
border-spacing: 0;
|
|
149
149
|
box-sizing: border-box;
|
|
@@ -183,18 +183,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
183
183
|
border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078));
|
|
184
184
|
box-shadow: var(--awsui-prompt-input-style-box-shadow-default-6b9ypa);
|
|
185
185
|
}
|
|
186
|
-
.
|
|
186
|
+
.awsui_root_55fkh_1sjr7_146:not(#\9):hover {
|
|
187
187
|
background-color: var(--awsui-prompt-input-style-background-hover-6b9ypa, var(--awsui-prompt-input-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff)));
|
|
188
188
|
border-color: var(--awsui-prompt-input-style-border-color-hover-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-default-txli8y, #687078)));
|
|
189
189
|
box-shadow: var(--awsui-prompt-input-style-box-shadow-hover-6b9ypa, var(--awsui-prompt-input-style-box-shadow-default-6b9ypa));
|
|
190
190
|
}
|
|
191
|
-
.
|
|
191
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-readonly_55fkh_1sjr7_191:not(#\9) {
|
|
192
192
|
background-color: var(--awsui-prompt-input-style-background-readonly-6b9ypa, var(--awsui-prompt-input-style-background-default-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff)));
|
|
193
193
|
border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded)));
|
|
194
194
|
border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-readonly-6b9ypa, var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded)));
|
|
195
195
|
box-shadow: var(--awsui-prompt-input-style-box-shadow-readonly-6b9ypa);
|
|
196
196
|
}
|
|
197
|
-
.
|
|
197
|
+
.awsui_root_55fkh_1sjr7_146.awsui_disabled_55fkh_1sjr7_197:not(#\9) {
|
|
198
198
|
background-color: var(--awsui-prompt-input-style-background-disabled-6b9ypa, var(--color-background-input-disabled-4vlau3, #eaeded));
|
|
199
199
|
border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
|
|
200
200
|
border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
|
|
@@ -202,63 +202,63 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
202
202
|
cursor: default;
|
|
203
203
|
box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
|
|
204
204
|
}
|
|
205
|
-
.
|
|
206
|
-
color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-
|
|
207
|
-
border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-
|
|
205
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9) {
|
|
206
|
+
color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
|
|
207
|
+
border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
|
|
208
208
|
padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
|
|
209
209
|
border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
|
|
210
210
|
}
|
|
211
|
-
.
|
|
211
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus {
|
|
212
212
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
213
213
|
}
|
|
214
|
-
.
|
|
214
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9) {
|
|
215
215
|
padding-inline-start: 0;
|
|
216
216
|
}
|
|
217
|
-
.
|
|
218
|
-
color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-
|
|
219
|
-
border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-
|
|
217
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus {
|
|
218
|
+
color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
|
|
219
|
+
border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-error-c3at5p, #d13212));
|
|
220
220
|
padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
|
|
221
221
|
border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
|
|
222
222
|
}
|
|
223
|
-
.
|
|
223
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus-within:focus, .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus:focus {
|
|
224
224
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
225
225
|
}
|
|
226
|
-
.
|
|
226
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205:not(#\9):focus {
|
|
227
227
|
padding-inline-start: 0;
|
|
228
228
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
229
229
|
}
|
|
230
|
-
.
|
|
230
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-invalid_55fkh_1sjr7_205.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus {
|
|
231
231
|
box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
|
|
232
232
|
}
|
|
233
|
-
.
|
|
234
|
-
color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-
|
|
235
|
-
border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-
|
|
233
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9) {
|
|
234
|
+
color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
|
|
235
|
+
border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
|
|
236
236
|
padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
|
|
237
237
|
border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
|
|
238
238
|
}
|
|
239
|
-
.
|
|
239
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus {
|
|
240
240
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
241
241
|
}
|
|
242
|
-
.
|
|
242
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9) {
|
|
243
243
|
padding-inline-start: 0;
|
|
244
244
|
}
|
|
245
|
-
.
|
|
246
|
-
color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-
|
|
247
|
-
border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-
|
|
245
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus {
|
|
246
|
+
color: var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
|
|
247
|
+
border-color: var(--awsui-prompt-input-style-border-color-default-6b9ypa, var(--color-text-status-warning-08d9ki, #906806));
|
|
248
248
|
padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
|
|
249
249
|
border-inline-start-width: var(--border-invalid-width-z5cnpo, 4px);
|
|
250
250
|
}
|
|
251
|
-
.
|
|
251
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus-within:focus, .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus:focus {
|
|
252
252
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
253
253
|
}
|
|
254
|
-
.
|
|
254
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233:not(#\9):focus {
|
|
255
255
|
padding-inline-start: 0;
|
|
256
256
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-t0us6n, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
257
257
|
}
|
|
258
|
-
.
|
|
258
|
+
.awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus-within, .awsui_root_55fkh_1sjr7_146.awsui_textarea-warning_55fkh_1sjr7_233.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus {
|
|
259
259
|
box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
|
|
260
260
|
}
|
|
261
|
-
.
|
|
261
|
+
.awsui_root_55fkh_1sjr7_146:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_1sjr7_205):not(.awsui_textarea-warning_55fkh_1sjr7_233), .awsui_root_55fkh_1sjr7_146:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_1sjr7_205):not(.awsui_textarea-warning_55fkh_1sjr7_233) {
|
|
262
262
|
outline: 2px dotted transparent;
|
|
263
263
|
border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-focus-6b9ypa, var(--color-border-input-focused-lslq4r, #0073bb));
|
|
264
264
|
border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-focus-6b9ypa, var(--color-border-input-focused-lslq4r, #0073bb));
|
|
@@ -269,7 +269,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
269
269
|
box-shadow: var(--awsui-prompt-input-style-box-shadow-focus-6b9ypa, 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb));
|
|
270
270
|
background-color: var(--awsui-prompt-input-style-background-focus-6b9ypa, var(--color-background-input-default-1z2buq, #ffffff));
|
|
271
271
|
}
|
|
272
|
-
.
|
|
272
|
+
.awsui_root_55fkh_1sjr7_146.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus-within:not(.awsui_textarea-invalid_55fkh_1sjr7_205):not(.awsui_textarea-warning_55fkh_1sjr7_233), .awsui_root_55fkh_1sjr7_146.awsui_disabled_55fkh_1sjr7_197:not(#\9):focus:not(.awsui_textarea-invalid_55fkh_1sjr7_205):not(.awsui_textarea-warning_55fkh_1sjr7_233) {
|
|
273
273
|
background-color: var(--awsui-prompt-input-style-background-disabled-6b9ypa, var(--color-background-input-disabled-4vlau3, #eaeded));
|
|
274
274
|
border-block: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
|
|
275
275
|
border-inline: var(--border-width-field-9k1tdz, 1px) solid var(--awsui-prompt-input-style-border-color-disabled-6b9ypa, var(--color-border-input-disabled-tz38ro, #eaeded));
|
|
@@ -278,7 +278,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
278
278
|
box-shadow: var(--awsui-prompt-input-style-box-shadow-disabled-6b9ypa);
|
|
279
279
|
}
|
|
280
280
|
|
|
281
|
-
.
|
|
281
|
+
.awsui_textarea_55fkh_1sjr7_191:not(#\9) {
|
|
282
282
|
border-collapse: separate;
|
|
283
283
|
border-spacing: 0;
|
|
284
284
|
box-sizing: border-box;
|
|
@@ -327,15 +327,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
327
327
|
box-sizing: border-box;
|
|
328
328
|
border: 0;
|
|
329
329
|
}
|
|
330
|
-
.
|
|
330
|
+
.awsui_textarea_55fkh_1sjr7_191.awsui_placeholder-visible_55fkh_1sjr7_330:not(#\9) {
|
|
331
331
|
display: grid;
|
|
332
332
|
grid-template-columns: 1fr;
|
|
333
333
|
}
|
|
334
|
-
.
|
|
334
|
+
.awsui_textarea_55fkh_1sjr7_191.awsui_placeholder-visible_55fkh_1sjr7_330:not(#\9)::before, .awsui_textarea_55fkh_1sjr7_191.awsui_placeholder-visible_55fkh_1sjr7_330 > *:not(#\9) {
|
|
335
335
|
grid-column: 1;
|
|
336
336
|
grid-row: 1;
|
|
337
337
|
}
|
|
338
|
-
.
|
|
338
|
+
.awsui_textarea_55fkh_1sjr7_191.awsui_placeholder-visible_55fkh_1sjr7_330:not(#\9)::before {
|
|
339
339
|
content: attr(data-placeholder);
|
|
340
340
|
color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-hvcry0, #687078));
|
|
341
341
|
font-size: var(--awsui-prompt-input-style-placeholder-font-size-6b9ypa);
|
|
@@ -346,75 +346,75 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
346
346
|
align-self: start;
|
|
347
347
|
min-inline-size: 0;
|
|
348
348
|
}
|
|
349
|
-
.
|
|
349
|
+
.awsui_textarea_55fkh_1sjr7_191:not(#\9):hover {
|
|
350
350
|
color: var(--awsui-prompt-input-style-color-hover-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f)));
|
|
351
351
|
}
|
|
352
|
-
.
|
|
352
|
+
.awsui_textarea_55fkh_1sjr7_191:not(#\9):focus {
|
|
353
353
|
outline: none;
|
|
354
354
|
color: var(--awsui-prompt-input-style-color-focus-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f)));
|
|
355
355
|
}
|
|
356
|
-
.
|
|
356
|
+
.awsui_textarea_55fkh_1sjr7_191:not(#\9):invalid {
|
|
357
357
|
box-shadow: none;
|
|
358
358
|
}
|
|
359
|
-
.
|
|
359
|
+
.awsui_textarea_55fkh_1sjr7_191:not(#\9)::placeholder {
|
|
360
360
|
color: var(--awsui-prompt-input-style-placeholder-color-6b9ypa, var(--color-text-input-placeholder-hvcry0, #687078));
|
|
361
361
|
font-size: var(--awsui-prompt-input-style-placeholder-font-size-6b9ypa);
|
|
362
362
|
font-style: var(--awsui-prompt-input-style-placeholder-font-style-6b9ypa, italic);
|
|
363
363
|
font-weight: var(--awsui-prompt-input-style-placeholder-font-weight-6b9ypa);
|
|
364
364
|
opacity: 1;
|
|
365
365
|
}
|
|
366
|
-
.
|
|
366
|
+
.awsui_textarea_55fkh_1sjr7_191.awsui_invalid_55fkh_1sjr7_366:not(#\9), .awsui_textarea_55fkh_1sjr7_191.awsui_warning_55fkh_1sjr7_366:not(#\9) {
|
|
367
367
|
padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
|
|
368
368
|
}
|
|
369
|
-
.
|
|
369
|
+
.awsui_textarea_55fkh_1sjr7_191:not(#\9):disabled, .awsui_textarea_55fkh_1sjr7_191.awsui_textarea-disabled_55fkh_1sjr7_369:not(#\9) {
|
|
370
370
|
color: var(--awsui-prompt-input-style-color-disabled-6b9ypa, var(--color-text-input-disabled-y5t5v9, #879596));
|
|
371
371
|
cursor: default;
|
|
372
372
|
overflow-y: hidden;
|
|
373
373
|
}
|
|
374
|
-
.
|
|
374
|
+
.awsui_textarea_55fkh_1sjr7_191:not(#\9):disabled::placeholder, .awsui_textarea_55fkh_1sjr7_191.awsui_textarea-disabled_55fkh_1sjr7_369:not(#\9)::placeholder {
|
|
375
375
|
color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
|
|
376
376
|
opacity: 1;
|
|
377
377
|
}
|
|
378
|
-
.awsui_textarea-
|
|
378
|
+
.awsui_textarea-readonly_55fkh_1sjr7_191:not(#\9) {
|
|
379
379
|
color: var(--awsui-prompt-input-style-color-readonly-6b9ypa, var(--awsui-prompt-input-style-color-default-6b9ypa, var(--color-text-body-default-5qid0u, #16191f)));
|
|
380
380
|
}
|
|
381
|
-
.
|
|
381
|
+
.awsui_textarea_55fkh_1sjr7_191.awsui_textarea-disabled_55fkh_1sjr7_369.awsui_placeholder-visible_55fkh_1sjr7_330:not(#\9)::before {
|
|
382
382
|
color: var(--color-text-input-placeholder-disabled-x4lauf, #687078);
|
|
383
383
|
opacity: 1;
|
|
384
384
|
pointer-events: none;
|
|
385
385
|
}
|
|
386
|
-
.awsui_textarea-
|
|
386
|
+
.awsui_textarea-wrapper_55fkh_1sjr7_386:not(#\9) {
|
|
387
387
|
display: flex;
|
|
388
388
|
position: relative;
|
|
389
389
|
}
|
|
390
390
|
|
|
391
|
-
.awsui_editable-
|
|
391
|
+
.awsui_editable-wrapper_55fkh_1sjr7_391:not(#\9) {
|
|
392
392
|
flex: 1;
|
|
393
393
|
min-inline-size: 0;
|
|
394
394
|
position: relative;
|
|
395
395
|
}
|
|
396
396
|
|
|
397
|
-
.awsui_editable-
|
|
397
|
+
.awsui_editable-element_55fkh_1sjr7_397:not(#\9) {
|
|
398
398
|
word-wrap: break-word;
|
|
399
399
|
overflow-wrap: break-word;
|
|
400
400
|
overflow-y: auto;
|
|
401
401
|
overflow-x: hidden;
|
|
402
402
|
}
|
|
403
403
|
|
|
404
|
-
.awsui_primary-
|
|
404
|
+
.awsui_primary-action_55fkh_1sjr7_404:not(#\9) {
|
|
405
405
|
align-self: flex-end;
|
|
406
406
|
flex-shrink: 0;
|
|
407
407
|
padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) / 2);
|
|
408
408
|
}
|
|
409
|
-
.awsui_textarea-
|
|
409
|
+
.awsui_textarea-wrapper_55fkh_1sjr7_386 > .awsui_primary-action_55fkh_1sjr7_404:not(#\9) {
|
|
410
410
|
padding-inline-end: calc(var(--space-field-horizontal-n5peob, 8px) / 2);
|
|
411
411
|
}
|
|
412
|
-
.awsui_textarea-
|
|
412
|
+
.awsui_textarea-wrapper_55fkh_1sjr7_386 > .awsui_primary-action_55fkh_1sjr7_404 > .awsui_action-button_55fkh_1sjr7_412:not(#\9) {
|
|
413
413
|
margin-block-end: var(--space-scaled-xxxs-prgw5k, 2px);
|
|
414
414
|
padding: 0;
|
|
415
415
|
}
|
|
416
416
|
|
|
417
|
-
.awsui_secondary-
|
|
417
|
+
.awsui_secondary-content_55fkh_1sjr7_417:not(#\9) {
|
|
418
418
|
border-collapse: separate;
|
|
419
419
|
border-spacing: 0;
|
|
420
420
|
box-sizing: border-box;
|
|
@@ -449,17 +449,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
449
449
|
border-end-start-radius: var(--border-radius-input-4vr9on, 2px);
|
|
450
450
|
border-end-end-radius: var(--border-radius-input-4vr9on, 2px);
|
|
451
451
|
}
|
|
452
|
-
.awsui_secondary-
|
|
452
|
+
.awsui_secondary-content_55fkh_1sjr7_417.awsui_with-paddings_55fkh_1sjr7_452:not(#\9) {
|
|
453
453
|
padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
|
|
454
454
|
padding-block-end: var(--space-scaled-s-gjhvjd, 12px);
|
|
455
455
|
padding-inline-start: var(--space-field-horizontal-n5peob, 8px);
|
|
456
456
|
padding-inline-end: var(--space-field-horizontal-n5peob, 8px);
|
|
457
457
|
}
|
|
458
|
-
.awsui_secondary-
|
|
458
|
+
.awsui_secondary-content_55fkh_1sjr7_417.awsui_with-paddings_55fkh_1sjr7_452.awsui_invalid_55fkh_1sjr7_366:not(#\9), .awsui_secondary-content_55fkh_1sjr7_417.awsui_with-paddings_55fkh_1sjr7_452.awsui_warning_55fkh_1sjr7_366:not(#\9) {
|
|
459
459
|
padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
|
|
460
460
|
}
|
|
461
461
|
|
|
462
|
-
.awsui_action-
|
|
462
|
+
.awsui_action-stripe_55fkh_1sjr7_462:not(#\9) {
|
|
463
463
|
border-collapse: separate;
|
|
464
464
|
border-spacing: 0;
|
|
465
465
|
box-sizing: border-box;
|
|
@@ -498,7 +498,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
498
498
|
align-items: flex-end;
|
|
499
499
|
}
|
|
500
500
|
|
|
501
|
-
.awsui_secondary-
|
|
501
|
+
.awsui_secondary-actions_55fkh_1sjr7_501:not(#\9) {
|
|
502
502
|
flex-basis: max-content;
|
|
503
503
|
flex-grow: 0;
|
|
504
504
|
flex-shrink: 1;
|
|
@@ -508,25 +508,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
508
508
|
overflow: hidden;
|
|
509
509
|
padding-inline-end: var(--space-scaled-xxs-jatbiv, 4px);
|
|
510
510
|
}
|
|
511
|
-
.awsui_secondary-
|
|
511
|
+
.awsui_secondary-actions_55fkh_1sjr7_501.awsui_with-paddings_55fkh_1sjr7_452:not(#\9) {
|
|
512
512
|
padding-inline: var(--space-field-horizontal-n5peob, 8px);
|
|
513
513
|
padding-block-start: var(--space-scaled-s-gjhvjd, 12px);
|
|
514
514
|
padding-block-end: var(--space-field-vertical-dgs6s0, 4px);
|
|
515
515
|
}
|
|
516
|
-
.awsui_secondary-
|
|
516
|
+
.awsui_secondary-actions_55fkh_1sjr7_501.awsui_with-paddings_55fkh_1sjr7_452.awsui_invalid_55fkh_1sjr7_366:not(#\9), .awsui_secondary-actions_55fkh_1sjr7_501.awsui_with-paddings_55fkh_1sjr7_452.awsui_warning_55fkh_1sjr7_366:not(#\9) {
|
|
517
517
|
padding-inline-start: calc(var(--space-field-horizontal-n5peob, 8px) - (var(--border-invalid-width-z5cnpo, 4px) - var(--border-width-field-9k1tdz, 1px)));
|
|
518
518
|
}
|
|
519
|
-
.awsui_secondary-
|
|
519
|
+
.awsui_secondary-actions_55fkh_1sjr7_501.awsui_with-paddings-and-actions_55fkh_1sjr7_519:not(#\9) {
|
|
520
520
|
padding-inline-end: 0;
|
|
521
521
|
}
|
|
522
522
|
|
|
523
|
-
.
|
|
523
|
+
.awsui_buffer_55fkh_1sjr7_523:not(#\9) {
|
|
524
524
|
flex: 1;
|
|
525
525
|
align-self: stretch;
|
|
526
526
|
cursor: text;
|
|
527
527
|
}
|
|
528
528
|
|
|
529
|
-
.awsui_token-
|
|
529
|
+
.awsui_token-container_55fkh_1sjr7_529:not(#\9) {
|
|
530
530
|
display: inline-block;
|
|
531
531
|
user-select: all;
|
|
532
532
|
-webkit-user-select: all;
|
|
@@ -534,22 +534,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
534
534
|
padding-inline: var(--space-xxxs-3w1kr2, 2px);
|
|
535
535
|
}
|
|
536
536
|
|
|
537
|
-
.awsui_reference-
|
|
537
|
+
.awsui_reference-wrapper_55fkh_1sjr7_537:not(#\9) {
|
|
538
538
|
unicode-bidi: isolate;
|
|
539
539
|
}
|
|
540
540
|
|
|
541
|
-
.awsui_trigger-
|
|
541
|
+
.awsui_trigger-base_55fkh_1sjr7_541:not(#\9) {
|
|
542
542
|
unicode-bidi: isolate;
|
|
543
543
|
}
|
|
544
544
|
|
|
545
|
-
.awsui_trigger-
|
|
545
|
+
.awsui_trigger-token_55fkh_1sjr7_545:not(#\9) {
|
|
546
546
|
-webkit-text-decoration: underline dashed currentColor;
|
|
547
547
|
text-decoration: underline dashed currentColor;
|
|
548
548
|
text-decoration-thickness: var(--border-divider-list-width-8ggz94, 1px);
|
|
549
549
|
text-underline-offset: var(--space-xxxs-3w1kr2, 2px);
|
|
550
550
|
}
|
|
551
551
|
|
|
552
|
-
.
|
|
552
|
+
.awsui_paragraph_55fkh_1sjr7_551:not(#\9) {
|
|
553
553
|
border-collapse: separate;
|
|
554
554
|
border-spacing: 0;
|
|
555
555
|
box-sizing: border-box;
|
|
@@ -2,31 +2,31 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"textarea-readonly": "awsui_textarea-
|
|
7
|
-
"disabled": "
|
|
8
|
-
"textarea-invalid": "awsui_textarea-
|
|
9
|
-
"textarea-warning": "awsui_textarea-
|
|
10
|
-
"textarea": "
|
|
11
|
-
"placeholder-visible": "awsui_placeholder-
|
|
12
|
-
"invalid": "
|
|
13
|
-
"warning": "
|
|
14
|
-
"textarea-disabled": "awsui_textarea-
|
|
15
|
-
"textarea-wrapper": "awsui_textarea-
|
|
16
|
-
"editable-wrapper": "awsui_editable-
|
|
17
|
-
"editable-element": "awsui_editable-
|
|
18
|
-
"primary-action": "awsui_primary-
|
|
19
|
-
"action-button": "awsui_action-
|
|
20
|
-
"secondary-content": "awsui_secondary-
|
|
21
|
-
"with-paddings": "awsui_with-
|
|
22
|
-
"action-stripe": "awsui_action-
|
|
23
|
-
"secondary-actions": "awsui_secondary-
|
|
24
|
-
"with-paddings-and-actions": "awsui_with-paddings-and-
|
|
25
|
-
"buffer": "
|
|
26
|
-
"token-container": "awsui_token-
|
|
27
|
-
"reference-wrapper": "awsui_reference-
|
|
28
|
-
"trigger-base": "awsui_trigger-
|
|
29
|
-
"trigger-token": "awsui_trigger-
|
|
30
|
-
"paragraph": "
|
|
5
|
+
"root": "awsui_root_55fkh_1sjr7_146",
|
|
6
|
+
"textarea-readonly": "awsui_textarea-readonly_55fkh_1sjr7_191",
|
|
7
|
+
"disabled": "awsui_disabled_55fkh_1sjr7_197",
|
|
8
|
+
"textarea-invalid": "awsui_textarea-invalid_55fkh_1sjr7_205",
|
|
9
|
+
"textarea-warning": "awsui_textarea-warning_55fkh_1sjr7_233",
|
|
10
|
+
"textarea": "awsui_textarea_55fkh_1sjr7_191",
|
|
11
|
+
"placeholder-visible": "awsui_placeholder-visible_55fkh_1sjr7_330",
|
|
12
|
+
"invalid": "awsui_invalid_55fkh_1sjr7_366",
|
|
13
|
+
"warning": "awsui_warning_55fkh_1sjr7_366",
|
|
14
|
+
"textarea-disabled": "awsui_textarea-disabled_55fkh_1sjr7_369",
|
|
15
|
+
"textarea-wrapper": "awsui_textarea-wrapper_55fkh_1sjr7_386",
|
|
16
|
+
"editable-wrapper": "awsui_editable-wrapper_55fkh_1sjr7_391",
|
|
17
|
+
"editable-element": "awsui_editable-element_55fkh_1sjr7_397",
|
|
18
|
+
"primary-action": "awsui_primary-action_55fkh_1sjr7_404",
|
|
19
|
+
"action-button": "awsui_action-button_55fkh_1sjr7_412",
|
|
20
|
+
"secondary-content": "awsui_secondary-content_55fkh_1sjr7_417",
|
|
21
|
+
"with-paddings": "awsui_with-paddings_55fkh_1sjr7_452",
|
|
22
|
+
"action-stripe": "awsui_action-stripe_55fkh_1sjr7_462",
|
|
23
|
+
"secondary-actions": "awsui_secondary-actions_55fkh_1sjr7_501",
|
|
24
|
+
"with-paddings-and-actions": "awsui_with-paddings-and-actions_55fkh_1sjr7_519",
|
|
25
|
+
"buffer": "awsui_buffer_55fkh_1sjr7_523",
|
|
26
|
+
"token-container": "awsui_token-container_55fkh_1sjr7_529",
|
|
27
|
+
"reference-wrapper": "awsui_reference-wrapper_55fkh_1sjr7_537",
|
|
28
|
+
"trigger-base": "awsui_trigger-base_55fkh_1sjr7_541",
|
|
29
|
+
"trigger-token": "awsui_trigger-token_55fkh_1sjr7_545",
|
|
30
|
+
"paragraph": "awsui_paragraph_55fkh_1sjr7_551"
|
|
31
31
|
};
|
|
32
32
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAgB5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrH,UAAU,EAAE,CACV,IAAI,EACA,mBAAmB,CAAC,IAAI,GACxB,mBAAmB,CAAC,MAAM,GAC1B,mBAAmB,CAAC,SAAS,GAC7B,mBAAmB,CAAC,mBAAmB,EAC3C,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,KAChC,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,WAAY,SAAQ,sBAAsB;IAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,WAAW,eA4DpF;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,uBAAuB,GAAG,MAAM,CAAC;CACxF;AAQD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAa,EACb,SAAS,GACV,EAAE,wBAAwB,
|
|
1
|
+
{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../../src/side-navigation/parts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAgB5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,UAAU,sBAAsB;IAC9B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,mBAAmB,CAAC,OAAO,GAAG,mBAAmB,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACrH,UAAU,EAAE,CACV,IAAI,EACA,mBAAmB,CAAC,IAAI,GACxB,mBAAmB,CAAC,MAAM,GAC1B,mBAAmB,CAAC,SAAS,GAC7B,mBAAmB,CAAC,mBAAmB,EAC3C,KAAK,EAAE,KAAK,CAAC,cAAc,GAAG,KAAK,KAChC,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,WAAY,SAAQ,sBAAsB;IAClD,UAAU,EAAE,mBAAmB,CAAC,MAAM,CAAC;CACxC;AAED,wBAAgB,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,WAAW,eA4DpF;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,EAAE,SAAS,GAAG,eAAe,GAAG,YAAY,GAAG,uBAAuB,GAAG,MAAM,CAAC;CACxF;AAQD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,UAAU,EACV,UAAU,EACV,QAAa,EACb,SAAS,GACV,EAAE,wBAAwB,eA8Q1B"}
|