@cloudscape-design/components 3.0.1271 → 3.0.1273
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/copy-to-clipboard/interfaces.d.ts +2 -2
- package/copy-to-clipboard/interfaces.d.ts.map +1 -1
- package/copy-to-clipboard/interfaces.js.map +1 -1
- package/copy-to-clipboard/internal.js +1 -1
- package/copy-to-clipboard/internal.js.map +1 -1
- package/internal/base-component/styles.scoped.css +1 -1
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/manifest.json +1 -1
- package/item-card/styles.css.js +14 -14
- package/item-card/styles.scoped.css +52 -52
- package/item-card/styles.selectors.js +14 -14
- package/package.json +1 -1
|
@@ -24,9 +24,9 @@ export interface CopyToClipboardProps extends BaseComponentProps {
|
|
|
24
24
|
*/
|
|
25
25
|
textToCopy: string;
|
|
26
26
|
/**
|
|
27
|
-
* The
|
|
27
|
+
* The content to display next to the copy button when `variant="inline"`. If not provided, `textToCopy` will be displayed instead.
|
|
28
28
|
*/
|
|
29
|
-
textToDisplay?:
|
|
29
|
+
textToDisplay?: React.ReactNode;
|
|
30
30
|
/**
|
|
31
31
|
* The message shown when the text is copied successfully.
|
|
32
32
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC;IAEvC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAElF;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;CACnF;AAED,yBAAiB,oBAAoB,CAAC;IACpC,KAAY,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEnD,UAAiB,iBAAiB;QAChC,gDAAgD;QAChD,IAAI,EAAE,MAAM,CAAC;KACd;IAED,UAAiB,iBAAiB;QAChC,oDAAoD;QACpD,IAAI,EAAE,MAAM,CAAC;KACd;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface CopyToClipboardProps extends BaseComponentProps {\n /** Determines the general styling of the copy button as follows:\n *\n * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.\n * * `icon` to display a standalone icon-only (no text) button.\n * * `inline` to display an icon-only (no text) button within a text context.\n *\n * Defaults to `button`.\n */\n variant?: CopyToClipboardProps.Variant;\n\n /**\n * The text of the copy button (for variant=\"button\").\n */\n copyButtonText?: string;\n\n /**\n * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,\n * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.\n */\n copyButtonAriaLabel?: string;\n\n /**\n * The text content to be copied. It is displayed next to the copy button when `variant=\"inline\"` unless when `content` is specified, and is not shown otherwise.\n */\n textToCopy: string;\n\n /**\n * The
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface CopyToClipboardProps extends BaseComponentProps {\n /** Determines the general styling of the copy button as follows:\n *\n * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.\n * * `icon` to display a standalone icon-only (no text) button.\n * * `inline` to display an icon-only (no text) button within a text context.\n *\n * Defaults to `button`.\n */\n variant?: CopyToClipboardProps.Variant;\n\n /**\n * The text of the copy button (for variant=\"button\").\n */\n copyButtonText?: string;\n\n /**\n * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,\n * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.\n */\n copyButtonAriaLabel?: string;\n\n /**\n * The text content to be copied. It is displayed next to the copy button when `variant=\"inline\"` unless when `content` is specified, and is not shown otherwise.\n */\n textToCopy: string;\n\n /**\n * The content to display next to the copy button when `variant=\"inline\"`. If not provided, `textToCopy` will be displayed instead.\n */\n textToDisplay?: React.ReactNode;\n\n /**\n * The message shown when the text is copied successfully.\n */\n copySuccessText: string;\n\n /**\n * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).\n */\n copyErrorText: string;\n\n /**\n * By default, the popover is constrained to fit inside its parent\n * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).\n * Enabling this property will allow the popover to be rendered in the root stack context using\n * [React Portals](https://reactjs.org/docs/portals.html).\n * Enable this setting if you need the popover to ignore its parent stacking context.\n */\n popoverRenderWithPortal?: boolean;\n\n /**\n * Renders the copy to clipboard button as disabled and prevents clicks.\n */\n disabled?: boolean;\n\n /**\n * Provides a reason why the copy to clipboard button is disabled (only when `disabled` is `true`).\n * If provided, the copy to clipboard button becomes focusable.\n * Applicable for all variants except inline.\n */\n disabledReason?: string;\n\n /**\n * Called when the text is successfully copied to the clipboard.\n * The event `detail` contains the text that was copied.\n */\n onCopySuccess?: NonCancelableEventHandler<CopyToClipboardProps.CopySuccessDetail>;\n\n /**\n * Called when the copy operation fails.\n * The event `detail` contains the text that failed to copy.\n */\n onCopyFailure?: NonCancelableEventHandler<CopyToClipboardProps.CopyFailureDetail>;\n}\n\nexport namespace CopyToClipboardProps {\n export type Variant = 'button' | 'icon' | 'inline';\n\n export interface CopySuccessDetail {\n /** The text that was copied to the clipboard */\n text: string;\n }\n\n export interface CopyFailureDetail {\n /** The text that failed to copy to the clipboard */\n text: string;\n }\n}\n"]}
|
|
@@ -59,6 +59,6 @@ export default function InternalCopyToClipboard({ variant = 'button', copyButton
|
|
|
59
59
|
const trigger = disabled ? (button) : (React.createElement(InternalPopover, { isInline: isInline, size: "medium", position: "top", triggerType: "custom", dismissButton: false, renderWithPortal: popoverRenderWithPortal, content: React.createElement(InternalStatusIndicator, { type: status }, statusText), __onOpen: onClick }, button));
|
|
60
60
|
return (React.createElement("span", { ...baseProps, ref: __internalRootRef, className: clsx(baseProps.className, styles.root, testStyles.root) }, isInline ? (React.createElement("span", { className: styles['inline-container'] },
|
|
61
61
|
React.createElement("span", { className: styles['inline-container-trigger'] }, trigger),
|
|
62
|
-
React.createElement("span", { className: clsx(testStyles['text-to-display'], testStyles['text-to-copy']) }, textToDisplay !==
|
|
62
|
+
React.createElement("span", { className: clsx(testStyles['text-to-display'], testStyles['text-to-copy']) }, textToDisplay !== undefined ? textToDisplay : textToCopy))) : (trigger)));
|
|
63
63
|
}
|
|
64
64
|
//# sourceMappingURL=internal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/copy-to-clipboard/internal.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, { useEffect, useState } from 'react';\nimport clsx from 'clsx';\n\nimport InternalButton from '../button/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport InternalPopover from '../popover/internal';\nimport InternalStatusIndicator from '../status-indicator/internal';\nimport { CopyToClipboardProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testStyles from './test-classes/styles.css.js';\n\ninterface InternalCopyToClipboardProps extends CopyToClipboardProps, InternalBaseComponentProps {}\n\nexport default function InternalCopyToClipboard({\n variant = 'button',\n copyButtonAriaLabel,\n copyButtonText,\n copySuccessText,\n copyErrorText,\n textToCopy,\n textToDisplay,\n popoverRenderWithPortal,\n disabled,\n disabledReason,\n onCopySuccess,\n onCopyFailure,\n __internalRootRef,\n ...restProps\n}: InternalCopyToClipboardProps) {\n const [status, setStatus] = useState<'pending' | 'success' | 'error'>('success');\n const [statusText, setStatusText] = useState(copySuccessText);\n\n useEffect(() => {\n if (navigator.permissions) {\n navigator.permissions\n .query({ name: 'clipboard-write' as PermissionName })\n .then(result => {\n if (result.state === 'denied') {\n setStatus('error');\n setStatusText(copyErrorText);\n }\n })\n .catch(() => {\n // Permissions API not supported or failed.\n });\n }\n }, [copyErrorText]);\n\n const baseProps = getBaseProps(restProps);\n const onClick = () => {\n if (!navigator.clipboard) {\n // The clipboard API is not available in insecure contexts.\n setStatus('error');\n setStatusText(copyErrorText);\n fireNonCancelableEvent(onCopyFailure, { text: textToCopy });\n return;\n }\n\n navigator.clipboard\n .writeText(textToCopy)\n .then(() => {\n setStatus('success');\n setStatusText(copySuccessText);\n fireNonCancelableEvent(onCopySuccess, { text: textToCopy });\n })\n .catch(() => {\n setStatus('error');\n setStatusText(copyErrorText);\n fireNonCancelableEvent(onCopyFailure, { text: textToCopy });\n });\n };\n\n const triggerVariant = (\n {\n button: 'normal',\n icon: 'icon',\n inline: 'inline-icon',\n } as const\n )[variant];\n\n const isInline = variant === 'inline';\n\n const button = (\n <InternalButton\n ariaLabel={copyButtonAriaLabel ?? copyButtonText}\n iconName=\"copy\"\n variant={triggerVariant}\n wrapText={false}\n formAction=\"none\"\n disabled={disabled}\n disabledReason={disabledReason}\n >\n {copyButtonText}\n </InternalButton>\n );\n\n const trigger = disabled ? (\n button\n ) : (\n <InternalPopover\n isInline={isInline}\n size=\"medium\"\n position=\"top\"\n triggerType=\"custom\"\n dismissButton={false}\n renderWithPortal={popoverRenderWithPortal}\n content={<InternalStatusIndicator type={status}>{statusText}</InternalStatusIndicator>}\n __onOpen={onClick}\n >\n {button}\n </InternalPopover>\n );\n\n return (\n <span {...baseProps} ref={__internalRootRef} className={clsx(baseProps.className, styles.root, testStyles.root)}>\n {isInline ? (\n <span className={styles['inline-container']}>\n <span className={styles['inline-container-trigger']}>{trigger}</span>\n <span className={clsx(testStyles['text-to-display'], testStyles['text-to-copy'])}>\n {textToDisplay !== undefined ? textToDisplay : textToCopy}\n </span>\n </span>\n ) : (\n trigger\n )}\n </span>\n );\n}\n"]}
|
package/internal/environment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (7029006d)";
|
|
3
|
+
export var GIT_SHA = "7029006d";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "core";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
package/internal/manifest.json
CHANGED
package/item-card/styles.css.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"header-inner": "awsui_header-
|
|
6
|
-
"header": "
|
|
7
|
-
"body": "
|
|
8
|
-
"footer": "
|
|
9
|
-
"refresh": "
|
|
10
|
-
"highlighted": "
|
|
11
|
-
"variant-embedded": "awsui_variant-
|
|
12
|
-
"inner-card": "awsui_inner-
|
|
13
|
-
"variant-default": "awsui_variant-
|
|
14
|
-
"no-padding": "awsui_no-
|
|
15
|
-
"with-actions": "awsui_with-
|
|
16
|
-
"full-height": "awsui_full-
|
|
17
|
-
"description": "
|
|
4
|
+
"root": "awsui_root_n1fwt_ii0lr_153",
|
|
5
|
+
"header-inner": "awsui_header-inner_n1fwt_ii0lr_185",
|
|
6
|
+
"header": "awsui_header_n1fwt_ii0lr_185",
|
|
7
|
+
"body": "awsui_body_n1fwt_ii0lr_194",
|
|
8
|
+
"footer": "awsui_footer_n1fwt_ii0lr_202",
|
|
9
|
+
"refresh": "awsui_refresh_n1fwt_ii0lr_268",
|
|
10
|
+
"highlighted": "awsui_highlighted_n1fwt_ii0lr_271",
|
|
11
|
+
"variant-embedded": "awsui_variant-embedded_n1fwt_ii0lr_278",
|
|
12
|
+
"inner-card": "awsui_inner-card_n1fwt_ii0lr_278",
|
|
13
|
+
"variant-default": "awsui_variant-default_n1fwt_ii0lr_278",
|
|
14
|
+
"no-padding": "awsui_no-padding_n1fwt_ii0lr_284",
|
|
15
|
+
"with-actions": "awsui_with-actions_n1fwt_ii0lr_309",
|
|
16
|
+
"full-height": "awsui_full-height_n1fwt_ii0lr_355",
|
|
17
|
+
"description": "awsui_description_n1fwt_ii0lr_359"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -150,39 +150,39 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.
|
|
153
|
+
.awsui_root_n1fwt_ii0lr_153:not(#\9) {
|
|
154
154
|
transition-property: background-color;
|
|
155
155
|
transition-duration: var(--motion-duration-transition-show-paced-t8d1os, 180ms);
|
|
156
156
|
transition-timing-function: var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
|
|
157
157
|
}
|
|
158
158
|
@media (prefers-reduced-motion: reduce) {
|
|
159
|
-
.
|
|
159
|
+
.awsui_root_n1fwt_ii0lr_153:not(#\9) {
|
|
160
160
|
animation: none;
|
|
161
161
|
transition: none;
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
|
-
.awsui-motion-disabled .
|
|
164
|
+
.awsui-motion-disabled .awsui_root_n1fwt_ii0lr_153:not(#\9), .awsui-mode-entering .awsui_root_n1fwt_ii0lr_153:not(#\9) {
|
|
165
165
|
animation: none;
|
|
166
166
|
transition: none;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
.
|
|
169
|
+
.awsui_root_n1fwt_ii0lr_153:not(#\9)::before {
|
|
170
170
|
transition-property: border-top-color, border-right-color, border-bottom-color, border-left-color;
|
|
171
171
|
transition-duration: var(--motion-duration-transition-show-paced-t8d1os, 180ms);
|
|
172
172
|
transition-timing-function: var(--motion-easing-transition-show-paced-x2k7uh, ease-out);
|
|
173
173
|
}
|
|
174
174
|
@media (prefers-reduced-motion: reduce) {
|
|
175
|
-
.
|
|
175
|
+
.awsui_root_n1fwt_ii0lr_153:not(#\9)::before {
|
|
176
176
|
animation: none;
|
|
177
177
|
transition: none;
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
|
-
.awsui-motion-disabled .
|
|
180
|
+
.awsui-motion-disabled .awsui_root_n1fwt_ii0lr_153:not(#\9)::before, .awsui-mode-entering .awsui_root_n1fwt_ii0lr_153:not(#\9)::before {
|
|
181
181
|
animation: none;
|
|
182
182
|
transition: none;
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
-
.awsui_header-
|
|
185
|
+
.awsui_header-inner_n1fwt_ii0lr_185:not(#\9) {
|
|
186
186
|
font-family: var(--font-family-heading-ugphat, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
187
187
|
font-size: var(--font-size-heading-s-zp08en, 16px);
|
|
188
188
|
line-height: var(--line-height-heading-s-hmi4vc, 20px);
|
|
@@ -191,19 +191,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
191
191
|
-webkit-font-smoothing: var(--font-smoothing-webkit-oemolo, antialiased);
|
|
192
192
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-hbm0aq, grayscale);
|
|
193
193
|
}
|
|
194
|
-
.
|
|
194
|
+
.awsui_header_n1fwt_ii0lr_185:not(#\9):not(:has(+ .awsui_body_n1fwt_ii0lr_194)) {
|
|
195
195
|
flex: 1;
|
|
196
196
|
}
|
|
197
197
|
|
|
198
|
-
.
|
|
198
|
+
.awsui_body_n1fwt_ii0lr_194:not(#\9) {
|
|
199
199
|
flex: 1;
|
|
200
200
|
}
|
|
201
201
|
|
|
202
|
-
.
|
|
202
|
+
.awsui_footer_n1fwt_ii0lr_202:not(#\9):first-child {
|
|
203
203
|
margin-block-start: auto;
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
-
.
|
|
206
|
+
.awsui_root_n1fwt_ii0lr_153:not(#\9) {
|
|
207
207
|
border-collapse: separate;
|
|
208
208
|
border-spacing: 0;
|
|
209
209
|
box-sizing: border-box;
|
|
@@ -235,11 +235,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
235
235
|
-moz-osx-font-smoothing: auto;
|
|
236
236
|
box-sizing: border-box;
|
|
237
237
|
position: relative;
|
|
238
|
-
background
|
|
238
|
+
background: var(--awsui-style-item-card-background-default-6b9ypa, var(--color-background-item-card-ww2wfv, #ffffff));
|
|
239
239
|
min-inline-size: 0;
|
|
240
240
|
box-shadow: var(--awsui-style-item-card-box-shadow-default-6b9ypa, var(--shadow-item-card-282f8w, none));
|
|
241
241
|
}
|
|
242
|
-
.
|
|
242
|
+
.awsui_root_n1fwt_ii0lr_153:not(#\9):before {
|
|
243
243
|
content: "";
|
|
244
244
|
position: absolute;
|
|
245
245
|
inset-inline-start: 0px;
|
|
@@ -254,7 +254,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
254
254
|
border-block: solid var(--awsui-style-item-card-border-width-default-6b9ypa, var(--border-width-item-card-3wmyp3, 1px)) var(--awsui-style-item-card-border-color-default-6b9ypa, var(--color-border-item-card-fia23i, #c6c6cd));
|
|
255
255
|
border-inline: solid var(--awsui-style-item-card-border-width-default-6b9ypa, var(--border-width-item-card-3wmyp3, 1px)) var(--awsui-style-item-card-border-color-default-6b9ypa, var(--color-border-item-card-fia23i, #c6c6cd));
|
|
256
256
|
}
|
|
257
|
-
.
|
|
257
|
+
.awsui_root_n1fwt_ii0lr_153:not(#\9)::after {
|
|
258
258
|
content: "";
|
|
259
259
|
position: absolute;
|
|
260
260
|
inset-inline-start: 0px;
|
|
@@ -265,95 +265,95 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
265
265
|
background: transparent;
|
|
266
266
|
box-sizing: border-box;
|
|
267
267
|
}
|
|
268
|
-
.
|
|
268
|
+
.awsui_root_n1fwt_ii0lr_153:not(#\9):not(.awsui_refresh_n1fwt_ii0lr_268)::before {
|
|
269
269
|
border-block-start: solid var(--awsui-style-item-card-border-width-default-6b9ypa, var(--border-container-top-width-n1eke6, 0px)) var(--awsui-style-item-card-border-color-default-6b9ypa, var(--color-border-container-top-k3vmoz, transparent));
|
|
270
270
|
}
|
|
271
|
-
.
|
|
272
|
-
background
|
|
271
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_highlighted_n1fwt_ii0lr_271:not(#\9) {
|
|
272
|
+
background: var(--color-background-item-selected-9gppru, #f0fbff);
|
|
273
273
|
}
|
|
274
|
-
.
|
|
274
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_highlighted_n1fwt_ii0lr_271:not(#\9):before {
|
|
275
275
|
border-block: solid var(--border-width-item-card-highlighted-jay4ll, 2px) var(--color-border-item-card-highlighted-5l7rko, #006ce0);
|
|
276
276
|
border-inline: solid var(--border-width-item-card-highlighted-jay4ll, 2px) var(--color-border-item-card-highlighted-5l7rko, #006ce0);
|
|
277
277
|
}
|
|
278
|
-
.
|
|
278
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278:not(#\9), .awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278:not(#\9) {
|
|
279
279
|
display: flex;
|
|
280
280
|
flex-direction: column;
|
|
281
281
|
block-size: 100%;
|
|
282
282
|
inline-size: 100%;
|
|
283
283
|
}
|
|
284
|
-
.
|
|
285
|
-
.
|
|
286
|
-
.
|
|
287
|
-
.
|
|
288
|
-
.
|
|
289
|
-
.
|
|
284
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185 + .awsui_body_n1fwt_ii0lr_194:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284),
|
|
285
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185 + .awsui_footer_n1fwt_ii0lr_202:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284),
|
|
286
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_body_n1fwt_ii0lr_194 + .awsui_footer_n1fwt_ii0lr_202:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284),
|
|
287
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185 + .awsui_body_n1fwt_ii0lr_194:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284),
|
|
288
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185 + .awsui_footer_n1fwt_ii0lr_202:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284),
|
|
289
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_body_n1fwt_ii0lr_194 + .awsui_footer_n1fwt_ii0lr_202:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284) {
|
|
290
290
|
padding-block-start: var(--space-xxs-hwfkai, 4px);
|
|
291
291
|
}
|
|
292
|
-
.
|
|
292
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284):has(+ .awsui_body_n1fwt_ii0lr_194, + .awsui_footer_n1fwt_ii0lr_202), .awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_body_n1fwt_ii0lr_194:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284):has(+ .awsui_body_n1fwt_ii0lr_194, + .awsui_footer_n1fwt_ii0lr_202), .awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284):has(+ .awsui_body_n1fwt_ii0lr_194, + .awsui_footer_n1fwt_ii0lr_202), .awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_body_n1fwt_ii0lr_194:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284):has(+ .awsui_body_n1fwt_ii0lr_194, + .awsui_footer_n1fwt_ii0lr_202) {
|
|
293
293
|
padding-block-end: var(--space-xxs-hwfkai, 4px);
|
|
294
294
|
}
|
|
295
|
-
.
|
|
295
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278:not(#\9), .awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278:not(#\9):before, .awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278:not(#\9)::after, .awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278:not(#\9) {
|
|
296
296
|
border-start-start-radius: var(--awsui-style-item-card-border-radius-6b9ypa, var(--border-radius-item-card-embedded-l0g6e3, 8px));
|
|
297
297
|
border-start-end-radius: var(--awsui-style-item-card-border-radius-6b9ypa, var(--border-radius-item-card-embedded-l0g6e3, 8px));
|
|
298
298
|
border-end-start-radius: var(--awsui-style-item-card-border-radius-6b9ypa, var(--border-radius-item-card-embedded-l0g6e3, 8px));
|
|
299
299
|
border-end-end-radius: var(--awsui-style-item-card-border-radius-6b9ypa, var(--border-radius-item-card-embedded-l0g6e3, 8px));
|
|
300
300
|
}
|
|
301
|
-
.
|
|
302
|
-
.
|
|
303
|
-
.
|
|
301
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284),
|
|
302
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_body_n1fwt_ii0lr_194:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284),
|
|
303
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_footer_n1fwt_ii0lr_202:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284) {
|
|
304
304
|
padding-block: var(--space-item-card-vertical-embedded-zuozef, 10px);
|
|
305
305
|
padding-inline-start: var(--space-item-card-horizontal-embedded-e0vef5, 12px);
|
|
306
306
|
}
|
|
307
|
-
.
|
|
308
|
-
.
|
|
309
|
-
.
|
|
307
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284):not(.awsui_with-actions_n1fwt_ii0lr_309),
|
|
308
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_body_n1fwt_ii0lr_194:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284):not(.awsui_with-actions_n1fwt_ii0lr_309),
|
|
309
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_footer_n1fwt_ii0lr_202:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284):not(.awsui_with-actions_n1fwt_ii0lr_309) {
|
|
310
310
|
padding-inline-end: var(--space-item-card-horizontal-embedded-e0vef5, 12px);
|
|
311
311
|
}
|
|
312
|
-
.
|
|
313
|
-
.
|
|
314
|
-
.
|
|
312
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284).awsui_with-actions_n1fwt_ii0lr_309,
|
|
313
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_body_n1fwt_ii0lr_194:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284).awsui_with-actions_n1fwt_ii0lr_309,
|
|
314
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_footer_n1fwt_ii0lr_202:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284).awsui_with-actions_n1fwt_ii0lr_309 {
|
|
315
315
|
padding-inline-end: calc(var(--space-item-card-horizontal-embedded-e0vef5, 12px) - var(--space-xxs-hwfkai, 4px));
|
|
316
316
|
}
|
|
317
|
-
.
|
|
317
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284).awsui_with-actions_n1fwt_ii0lr_309 {
|
|
318
318
|
padding-block: calc(var(--space-item-card-vertical-embedded-zuozef, 10px) - var(--space-scaled-xxs-pfm1nx, 4px));
|
|
319
319
|
}
|
|
320
|
-
.
|
|
320
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-embedded_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284).awsui_with-actions_n1fwt_ii0lr_309:has(+ .awsui_body_n1fwt_ii0lr_194, + .awsui_footer_n1fwt_ii0lr_202) {
|
|
321
321
|
padding-block-end: var(--space-xxs-hwfkai, 4px);
|
|
322
322
|
}
|
|
323
|
-
.
|
|
323
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278:not(#\9), .awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278:not(#\9):before, .awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278:not(#\9)::after, .awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278:not(#\9) {
|
|
324
324
|
border-start-start-radius: var(--awsui-style-item-card-border-radius-6b9ypa, var(--border-radius-item-card-default-pi9u8q, 16px));
|
|
325
325
|
border-start-end-radius: var(--awsui-style-item-card-border-radius-6b9ypa, var(--border-radius-item-card-default-pi9u8q, 16px));
|
|
326
326
|
border-end-start-radius: var(--awsui-style-item-card-border-radius-6b9ypa, var(--border-radius-item-card-default-pi9u8q, 16px));
|
|
327
327
|
border-end-end-radius: var(--awsui-style-item-card-border-radius-6b9ypa, var(--border-radius-item-card-default-pi9u8q, 16px));
|
|
328
328
|
}
|
|
329
|
-
.
|
|
330
|
-
.
|
|
331
|
-
.
|
|
329
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284),
|
|
330
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_body_n1fwt_ii0lr_194:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284),
|
|
331
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_footer_n1fwt_ii0lr_202:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284) {
|
|
332
332
|
padding-block: var(--space-item-card-vertical-default-ppqfu4, 16px);
|
|
333
333
|
padding-inline-start: var(--space-item-card-horizontal-default-obq2ks, 20px);
|
|
334
334
|
}
|
|
335
|
-
.
|
|
336
|
-
.
|
|
337
|
-
.
|
|
335
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284):not(.awsui_with-actions_n1fwt_ii0lr_309),
|
|
336
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_body_n1fwt_ii0lr_194:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284):not(.awsui_with-actions_n1fwt_ii0lr_309),
|
|
337
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_footer_n1fwt_ii0lr_202:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284):not(.awsui_with-actions_n1fwt_ii0lr_309) {
|
|
338
338
|
padding-inline-end: var(--space-item-card-horizontal-default-obq2ks, 20px);
|
|
339
339
|
}
|
|
340
|
-
.
|
|
341
|
-
.
|
|
342
|
-
.
|
|
340
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284).awsui_with-actions_n1fwt_ii0lr_309,
|
|
341
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_body_n1fwt_ii0lr_194:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284).awsui_with-actions_n1fwt_ii0lr_309,
|
|
342
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_footer_n1fwt_ii0lr_202:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284).awsui_with-actions_n1fwt_ii0lr_309 {
|
|
343
343
|
padding-inline-end: calc(var(--space-item-card-horizontal-default-obq2ks, 20px) - var(--space-xxs-hwfkai, 4px));
|
|
344
344
|
}
|
|
345
|
-
.
|
|
345
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284).awsui_with-actions_n1fwt_ii0lr_309 {
|
|
346
346
|
padding-block: calc(var(--space-item-card-vertical-default-ppqfu4, 16px) - var(--space-scaled-xxs-pfm1nx, 4px));
|
|
347
347
|
}
|
|
348
|
-
.
|
|
348
|
+
.awsui_root_n1fwt_ii0lr_153.awsui_variant-default_n1fwt_ii0lr_278 > .awsui_inner-card_n1fwt_ii0lr_278 > .awsui_header_n1fwt_ii0lr_185:not(#\9):not(.awsui_no-padding_n1fwt_ii0lr_284).awsui_with-actions_n1fwt_ii0lr_309:has(+ .awsui_body_n1fwt_ii0lr_194, + .awsui_footer_n1fwt_ii0lr_202) {
|
|
349
349
|
padding-block-end: var(--space-xxs-hwfkai, 4px);
|
|
350
350
|
}
|
|
351
351
|
|
|
352
|
-
.awsui_full-
|
|
352
|
+
.awsui_full-height_n1fwt_ii0lr_355:not(#\9) {
|
|
353
353
|
block-size: 100%;
|
|
354
354
|
}
|
|
355
355
|
|
|
356
|
-
.
|
|
356
|
+
.awsui_description_n1fwt_ii0lr_359:not(#\9) {
|
|
357
357
|
color: var(--color-text-heading-secondary-iwtvf6, #424650);
|
|
358
358
|
font-size: var(--font-size-body-s-smc8cv, 12px);
|
|
359
359
|
line-height: var(--line-height-body-s-nu5hx1, 16px);
|
|
@@ -2,19 +2,19 @@
|
|
|
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
|
-
"header-inner": "awsui_header-
|
|
7
|
-
"header": "
|
|
8
|
-
"body": "
|
|
9
|
-
"footer": "
|
|
10
|
-
"refresh": "
|
|
11
|
-
"highlighted": "
|
|
12
|
-
"variant-embedded": "awsui_variant-
|
|
13
|
-
"inner-card": "awsui_inner-
|
|
14
|
-
"variant-default": "awsui_variant-
|
|
15
|
-
"no-padding": "awsui_no-
|
|
16
|
-
"with-actions": "awsui_with-
|
|
17
|
-
"full-height": "awsui_full-
|
|
18
|
-
"description": "
|
|
5
|
+
"root": "awsui_root_n1fwt_ii0lr_153",
|
|
6
|
+
"header-inner": "awsui_header-inner_n1fwt_ii0lr_185",
|
|
7
|
+
"header": "awsui_header_n1fwt_ii0lr_185",
|
|
8
|
+
"body": "awsui_body_n1fwt_ii0lr_194",
|
|
9
|
+
"footer": "awsui_footer_n1fwt_ii0lr_202",
|
|
10
|
+
"refresh": "awsui_refresh_n1fwt_ii0lr_268",
|
|
11
|
+
"highlighted": "awsui_highlighted_n1fwt_ii0lr_271",
|
|
12
|
+
"variant-embedded": "awsui_variant-embedded_n1fwt_ii0lr_278",
|
|
13
|
+
"inner-card": "awsui_inner-card_n1fwt_ii0lr_278",
|
|
14
|
+
"variant-default": "awsui_variant-default_n1fwt_ii0lr_278",
|
|
15
|
+
"no-padding": "awsui_no-padding_n1fwt_ii0lr_284",
|
|
16
|
+
"with-actions": "awsui_with-actions_n1fwt_ii0lr_309",
|
|
17
|
+
"full-height": "awsui_full-height_n1fwt_ii0lr_355",
|
|
18
|
+
"description": "awsui_description_n1fwt_ii0lr_359"
|
|
19
19
|
};
|
|
20
20
|
|
package/package.json
CHANGED
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
"./internal/base-component/index.js",
|
|
164
164
|
"./internal/base-component/styles.css.js"
|
|
165
165
|
],
|
|
166
|
-
"version": "3.0.
|
|
166
|
+
"version": "3.0.1273",
|
|
167
167
|
"repository": {
|
|
168
168
|
"type": "git",
|
|
169
169
|
"url": "https://github.com/cloudscape-design/components.git"
|