@cloudscape-design/components 3.0.903 → 3.0.905
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/flashbar/flash.d.ts.map +1 -1
- package/flashbar/flash.js +3 -6
- package/flashbar/flash.js.map +1 -1
- package/icon/generated/icons.d.ts +2 -0
- package/icon/generated/icons.d.ts.map +1 -1
- package/icon/generated/icons.js +4 -0
- package/icon/generated/icons.js.map +1 -1
- package/icon/interfaces.d.ts +1 -1
- package/icon/interfaces.d.ts.map +1 -1
- package/icon/interfaces.js.map +1 -1
- package/icon/styles.css.js +39 -38
- package/icon/styles.scoped.css +85 -83
- package/icon/styles.selectors.js +39 -38
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
package/icon/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface IconProps extends BaseComponentProps {\n /**\n * Specifies the icon to be displayed.\n */\n name?: IconProps.Name;\n\n /**\n * Specifies the size of the icon.\n *\n * If you set size to `inherit`, an icon size will be assigned based on the icon's inherited line height.\n * For icons used alongside text, ensure the icon is placed inside the acompanying text tag.\n * The icon will be vertically centered based on the height.\n *\n * @visualrefresh `medium` size\n */\n size?: IconProps.Size;\n\n /**\n * Specifies the color variant of the icon. The `normal` variant picks up the current color of its context.\n */\n variant?: IconProps.Variant;\n\n /**\n * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon cannot be an SVG.\n * For SVG icons, use the `svg` slot instead.\n *\n * If you set both `url` and `svg`, `svg` will take precedence.\n */\n url?: string;\n\n /**\n * Specifies alternate text for a custom icon (using the `url` attribute).\n * This property is ignored if you use a predefined icon or if you set your custom icon using the `svg` slot.\n *\n * @deprecated Use `ariaLabel` instead.\n */\n alt?: string;\n\n /**\n * Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n */\n ariaLabel?: string;\n\n /**\n * Specifies the SVG of a custom icon.\n *\n * Use this property if the icon you want isn't available, and you want your custom icon to inherit colors dictated by variant or hover states.\n * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n * - has attribute `focusable=\"false\"`.\n * - has `viewBox=\"0 0 16 16\"`.\n *\n * If you set the `svg` element as the root node of the slot, the component will automatically\n * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n * - set the stroke width based on the size of the icon.\n * - set the width and height of the SVG element based on the size of the icon.\n *\n * If you don't want these styles to be automatically set, wrap the `svg` element into a `span` and ensure icon `size` is not set to `inherit`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n *\n * If you set both `url` and `svg`, `svg` will take precedence.\n *\n * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n */\n svg?: React.ReactNode;\n}\n\nexport namespace IconProps {\n // Why not enums? Explained there\n // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n export type Name =\n | 'add-plus'\n | 'anchor-link'\n | 'angle-left-double'\n | 'angle-left'\n | 'angle-right-double'\n | 'angle-right'\n | 'angle-up'\n | 'angle-down'\n | 'arrow-left'\n | 'arrow-right'\n | 'audio-full'\n | 'audio-half'\n | 'audio-off'\n | 'backward-10-seconds'\n | 'bug'\n | 'call'\n | 'calendar'\n | 'caret-down-filled'\n | 'caret-down'\n | 'caret-left-filled'\n | 'caret-right-filled'\n | 'caret-up-filled'\n | 'caret-up'\n | 'check'\n | 'contact'\n | 'close'\n | 'closed-caption'\n | 'closed-caption-unavailable'\n | 'copy'\n | 'command-prompt'\n | 'delete-marker'\n | 'download'\n | 'drag-indicator'\n | 'edit'\n | 'ellipsis'\n | 'envelope'\n | 'exit-full-screen'\n | 'expand'\n | 'external'\n | 'face-happy'\n | 'face-happy-filled'\n | 'face-neutral'\n | 'face-neutral-filled'\n | 'face-sad'\n | 'face-sad-filled'\n | 'file-open'\n | 'file'\n | 'filter'\n | 'flag'\n | 'folder-open'\n | 'folder'\n | 'forward-10-seconds'\n | 'full-screen'\n | 'gen-ai'\n | 'globe'\n | 'grid-view'\n | 'group-active'\n | 'group'\n | 'heart'\n | 'heart-filled'\n | 'insert-row'\n | 'key'\n | 'keyboard'\n | 'list-view'\n | 'location-pin'\n | 'lock-private'\n | 'map'\n | 'menu'\n | 'microphone'\n | 'microphone-off'\n | 'mini-player'\n | 'multiscreen'\n | 'notification'\n | 'pause'\n | 'play'\n | 'redo'\n | 'refresh'\n | 'remove'\n | 'resize-area'\n | 'script'\n | 'search'\n | 'security'\n | 'settings'\n | 'send'\n | 'share'\n | 'shrink'\n | 'star-filled'\n | 'star-half'\n | 'star'\n | 'status-in-progress'\n | 'status-info'\n | 'status-negative'\n | 'status-pending'\n | 'status-positive'\n | 'status-stopped'\n | 'status-warning'\n | 'subtract-minus'\n | 'suggestions'\n | 'support'\n | 'thumbs-down-filled'\n | 'thumbs-down'\n | 'thumbs-up-filled'\n | 'thumbs-up'\n | 'ticket'\n | 'transcript'\n | 'treeview-collapse'\n | 'treeview-expand'\n | 'undo'\n | 'unlocked'\n | 'upload-download'\n | 'upload'\n | 'user-profile-active'\n | 'user-profile'\n | 'video-off'\n | 'video-on'\n | 'video-unavailable'\n | 'video-camera-off'\n | 'video-camera-on'\n | 'video-camera-unavailable'\n | 'view-full'\n | 'view-horizontal'\n | 'view-vertical'\n | 'zoom-in'\n | 'zoom-out'\n | 'zoom-to-fit';\n\n export type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';\n\n export type Size = 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface IconProps extends BaseComponentProps {\n /**\n * Specifies the icon to be displayed.\n */\n name?: IconProps.Name;\n\n /**\n * Specifies the size of the icon.\n *\n * If you set size to `inherit`, an icon size will be assigned based on the icon's inherited line height.\n * For icons used alongside text, ensure the icon is placed inside the acompanying text tag.\n * The icon will be vertically centered based on the height.\n *\n * @visualrefresh `medium` size\n */\n size?: IconProps.Size;\n\n /**\n * Specifies the color variant of the icon. The `normal` variant picks up the current color of its context.\n */\n variant?: IconProps.Variant;\n\n /**\n * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon cannot be an SVG.\n * For SVG icons, use the `svg` slot instead.\n *\n * If you set both `url` and `svg`, `svg` will take precedence.\n */\n url?: string;\n\n /**\n * Specifies alternate text for a custom icon (using the `url` attribute).\n * This property is ignored if you use a predefined icon or if you set your custom icon using the `svg` slot.\n *\n * @deprecated Use `ariaLabel` instead.\n */\n alt?: string;\n\n /**\n * Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n */\n ariaLabel?: string;\n\n /**\n * Specifies the SVG of a custom icon.\n *\n * Use this property if the icon you want isn't available, and you want your custom icon to inherit colors dictated by variant or hover states.\n * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n * - has attribute `focusable=\"false\"`.\n * - has `viewBox=\"0 0 16 16\"`.\n *\n * If you set the `svg` element as the root node of the slot, the component will automatically\n * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n * - set the stroke width based on the size of the icon.\n * - set the width and height of the SVG element based on the size of the icon.\n *\n * If you don't want these styles to be automatically set, wrap the `svg` element into a `span` and ensure icon `size` is not set to `inherit`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n *\n * If you set both `url` and `svg`, `svg` will take precedence.\n *\n * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n */\n svg?: React.ReactNode;\n}\n\nexport namespace IconProps {\n // Why not enums? Explained there\n // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n export type Name =\n | 'add-plus'\n | 'anchor-link'\n | 'angle-left-double'\n | 'angle-left'\n | 'angle-right-double'\n | 'angle-right'\n | 'angle-up'\n | 'angle-down'\n | 'arrow-left'\n | 'arrow-right'\n | 'arrow-up'\n | 'arrow-down'\n | 'audio-full'\n | 'audio-half'\n | 'audio-off'\n | 'backward-10-seconds'\n | 'bug'\n | 'call'\n | 'calendar'\n | 'caret-down-filled'\n | 'caret-down'\n | 'caret-left-filled'\n | 'caret-right-filled'\n | 'caret-up-filled'\n | 'caret-up'\n | 'check'\n | 'contact'\n | 'close'\n | 'closed-caption'\n | 'closed-caption-unavailable'\n | 'copy'\n | 'command-prompt'\n | 'delete-marker'\n | 'download'\n | 'drag-indicator'\n | 'edit'\n | 'ellipsis'\n | 'envelope'\n | 'exit-full-screen'\n | 'expand'\n | 'external'\n | 'face-happy'\n | 'face-happy-filled'\n | 'face-neutral'\n | 'face-neutral-filled'\n | 'face-sad'\n | 'face-sad-filled'\n | 'file-open'\n | 'file'\n | 'filter'\n | 'flag'\n | 'folder-open'\n | 'folder'\n | 'forward-10-seconds'\n | 'full-screen'\n | 'gen-ai'\n | 'globe'\n | 'grid-view'\n | 'group-active'\n | 'group'\n | 'heart'\n | 'heart-filled'\n | 'insert-row'\n | 'key'\n | 'keyboard'\n | 'list-view'\n | 'location-pin'\n | 'lock-private'\n | 'map'\n | 'menu'\n | 'microphone'\n | 'microphone-off'\n | 'mini-player'\n | 'multiscreen'\n | 'notification'\n | 'pause'\n | 'play'\n | 'redo'\n | 'refresh'\n | 'remove'\n | 'resize-area'\n | 'script'\n | 'search'\n | 'security'\n | 'settings'\n | 'send'\n | 'share'\n | 'shrink'\n | 'star-filled'\n | 'star-half'\n | 'star'\n | 'status-in-progress'\n | 'status-info'\n | 'status-negative'\n | 'status-pending'\n | 'status-positive'\n | 'status-stopped'\n | 'status-warning'\n | 'subtract-minus'\n | 'suggestions'\n | 'support'\n | 'thumbs-down-filled'\n | 'thumbs-down'\n | 'thumbs-up-filled'\n | 'thumbs-up'\n | 'ticket'\n | 'transcript'\n | 'treeview-collapse'\n | 'treeview-expand'\n | 'undo'\n | 'unlocked'\n | 'upload-download'\n | 'upload'\n | 'user-profile-active'\n | 'user-profile'\n | 'video-off'\n | 'video-on'\n | 'video-unavailable'\n | 'video-camera-off'\n | 'video-camera-on'\n | 'video-camera-unavailable'\n | 'view-full'\n | 'view-horizontal'\n | 'view-vertical'\n | 'zoom-in'\n | 'zoom-out'\n | 'zoom-to-fit';\n\n export type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';\n\n export type Size = 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';\n}\n"]}
|
package/icon/styles.css.js
CHANGED
|
@@ -1,43 +1,44 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"icon": "
|
|
5
|
-
"icon-flex-height": "awsui_icon-flex-
|
|
6
|
-
"size-small": "awsui_size-
|
|
7
|
-
"size-small-mapped-height": "awsui_size-small-mapped-
|
|
8
|
-
"size-normal": "awsui_size-
|
|
9
|
-
"size-normal-mapped-height": "awsui_size-normal-mapped-
|
|
10
|
-
"size-medium": "awsui_size-
|
|
11
|
-
"size-medium-mapped-height": "awsui_size-medium-mapped-
|
|
12
|
-
"size-big": "awsui_size-
|
|
13
|
-
"size-big-mapped-height": "awsui_size-big-mapped-
|
|
14
|
-
"size-large": "awsui_size-
|
|
15
|
-
"size-large-mapped-height": "awsui_size-large-mapped-
|
|
16
|
-
"variant-normal": "awsui_variant-
|
|
17
|
-
"variant-disabled": "awsui_variant-
|
|
18
|
-
"variant-inverted": "awsui_variant-
|
|
19
|
-
"variant-subtle": "awsui_variant-
|
|
20
|
-
"variant-warning": "awsui_variant-
|
|
21
|
-
"variant-error": "awsui_variant-
|
|
22
|
-
"variant-success": "awsui_variant-
|
|
23
|
-
"variant-link": "awsui_variant-
|
|
24
|
-
"name-angle-left-double": "awsui_name-angle-left-
|
|
25
|
-
"name-angle-left": "awsui_name-angle-
|
|
26
|
-
"name-angle-right-double": "awsui_name-angle-right-
|
|
27
|
-
"name-angle-right": "awsui_name-angle-
|
|
28
|
-
"name-arrow-left": "awsui_name-arrow-
|
|
29
|
-
"name-
|
|
30
|
-
"name-caret-
|
|
31
|
-
"name-
|
|
32
|
-
"name-audio-
|
|
33
|
-
"name-audio-
|
|
34
|
-
"name-
|
|
35
|
-
"name-
|
|
36
|
-
"name-
|
|
37
|
-
"name-
|
|
38
|
-
"name-
|
|
39
|
-
"name-
|
|
40
|
-
"name-
|
|
41
|
-
"
|
|
4
|
+
"icon": "awsui_icon_h11ix_t8ehv_189",
|
|
5
|
+
"icon-flex-height": "awsui_icon-flex-height_h11ix_t8ehv_197",
|
|
6
|
+
"size-small": "awsui_size-small_h11ix_t8ehv_225",
|
|
7
|
+
"size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_t8ehv_229",
|
|
8
|
+
"size-normal": "awsui_size-normal_h11ix_t8ehv_244",
|
|
9
|
+
"size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_t8ehv_248",
|
|
10
|
+
"size-medium": "awsui_size-medium_h11ix_t8ehv_263",
|
|
11
|
+
"size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_t8ehv_267",
|
|
12
|
+
"size-big": "awsui_size-big_h11ix_t8ehv_282",
|
|
13
|
+
"size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_t8ehv_286",
|
|
14
|
+
"size-large": "awsui_size-large_h11ix_t8ehv_301",
|
|
15
|
+
"size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_t8ehv_305",
|
|
16
|
+
"variant-normal": "awsui_variant-normal_h11ix_t8ehv_320",
|
|
17
|
+
"variant-disabled": "awsui_variant-disabled_h11ix_t8ehv_323",
|
|
18
|
+
"variant-inverted": "awsui_variant-inverted_h11ix_t8ehv_326",
|
|
19
|
+
"variant-subtle": "awsui_variant-subtle_h11ix_t8ehv_329",
|
|
20
|
+
"variant-warning": "awsui_variant-warning_h11ix_t8ehv_332",
|
|
21
|
+
"variant-error": "awsui_variant-error_h11ix_t8ehv_335",
|
|
22
|
+
"variant-success": "awsui_variant-success_h11ix_t8ehv_338",
|
|
23
|
+
"variant-link": "awsui_variant-link_h11ix_t8ehv_341",
|
|
24
|
+
"name-angle-left-double": "awsui_name-angle-left-double_h11ix_t8ehv_344",
|
|
25
|
+
"name-angle-left": "awsui_name-angle-left_h11ix_t8ehv_344",
|
|
26
|
+
"name-angle-right-double": "awsui_name-angle-right-double_h11ix_t8ehv_346",
|
|
27
|
+
"name-angle-right": "awsui_name-angle-right_h11ix_t8ehv_346",
|
|
28
|
+
"name-arrow-left": "awsui_name-arrow-left_h11ix_t8ehv_348",
|
|
29
|
+
"name-arrow-right": "awsui_name-arrow-right_h11ix_t8ehv_349",
|
|
30
|
+
"name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_t8ehv_350",
|
|
31
|
+
"name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_t8ehv_351",
|
|
32
|
+
"name-audio-full": "awsui_name-audio-full_h11ix_t8ehv_352",
|
|
33
|
+
"name-audio-half": "awsui_name-audio-half_h11ix_t8ehv_353",
|
|
34
|
+
"name-audio-off": "awsui_name-audio-off_h11ix_t8ehv_354",
|
|
35
|
+
"name-external": "awsui_name-external_h11ix_t8ehv_355",
|
|
36
|
+
"name-redo": "awsui_name-redo_h11ix_t8ehv_356",
|
|
37
|
+
"name-resize-area": "awsui_name-resize-area_h11ix_t8ehv_357",
|
|
38
|
+
"name-send": "awsui_name-send_h11ix_t8ehv_358",
|
|
39
|
+
"name-shrink": "awsui_name-shrink_h11ix_t8ehv_359",
|
|
40
|
+
"name-undo": "awsui_name-undo_h11ix_t8ehv_360",
|
|
41
|
+
"name-view-vertical": "awsui_name-view-vertical_h11ix_t8ehv_361",
|
|
42
|
+
"badge": "awsui_badge_h11ix_t8ehv_385"
|
|
42
43
|
};
|
|
43
44
|
|
package/icon/styles.scoped.css
CHANGED
|
@@ -186,7 +186,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
186
186
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
187
187
|
SPDX-License-Identifier: Apache-2.0
|
|
188
188
|
*/
|
|
189
|
-
.
|
|
189
|
+
.awsui_icon_h11ix_t8ehv_189:not(#\9) {
|
|
190
190
|
position: relative;
|
|
191
191
|
display: inline-block;
|
|
192
192
|
vertical-align: top;
|
|
@@ -194,193 +194,195 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
194
194
|
/* stylelint-disable selector-max-type, selector-max-universal */
|
|
195
195
|
/* stylelint-enable selector-max-type, selector-max-universal */
|
|
196
196
|
}
|
|
197
|
-
.awsui_icon-flex-
|
|
197
|
+
.awsui_icon-flex-height_h11ix_t8ehv_197:not(#\9) {
|
|
198
198
|
display: inline-flex;
|
|
199
199
|
align-items: center;
|
|
200
200
|
}
|
|
201
|
-
.
|
|
201
|
+
.awsui_icon_h11ix_t8ehv_189 > svg:not(#\9) {
|
|
202
202
|
pointer-events: none;
|
|
203
203
|
}
|
|
204
|
-
.
|
|
204
|
+
.awsui_icon_h11ix_t8ehv_189 > svg:not(#\9) {
|
|
205
205
|
fill: none;
|
|
206
206
|
}
|
|
207
|
-
.
|
|
207
|
+
.awsui_icon_h11ix_t8ehv_189 > svg *:not(#\9) {
|
|
208
208
|
stroke: currentColor;
|
|
209
209
|
}
|
|
210
|
-
.
|
|
210
|
+
.awsui_icon_h11ix_t8ehv_189 > svg .stroke-linejoin-round:not(#\9) {
|
|
211
211
|
stroke-linejoin: round;
|
|
212
212
|
}
|
|
213
|
-
.
|
|
213
|
+
.awsui_icon_h11ix_t8ehv_189 > svg .stroke-linecap-square:not(#\9) {
|
|
214
214
|
stroke-linecap: square;
|
|
215
215
|
}
|
|
216
|
-
.
|
|
216
|
+
.awsui_icon_h11ix_t8ehv_189 > svg .stroke-linecap-round:not(#\9) {
|
|
217
217
|
stroke-linecap: round;
|
|
218
218
|
}
|
|
219
|
-
.
|
|
219
|
+
.awsui_icon_h11ix_t8ehv_189 > svg .filled:not(#\9) {
|
|
220
220
|
fill: currentColor;
|
|
221
221
|
}
|
|
222
|
-
.
|
|
222
|
+
.awsui_icon_h11ix_t8ehv_189 > svg .no-stroke:not(#\9) {
|
|
223
223
|
stroke: none;
|
|
224
224
|
}
|
|
225
|
-
.
|
|
225
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-small_h11ix_t8ehv_225:not(#\9) {
|
|
226
226
|
inline-size: var(--size-icon-normal-0m1722, 16px);
|
|
227
227
|
box-sizing: border-box;
|
|
228
228
|
}
|
|
229
|
-
.
|
|
229
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-small-mapped-height_h11ix_t8ehv_229:not(#\9) {
|
|
230
230
|
block-size: var(--line-height-body-s-7zv1j5, 16px);
|
|
231
231
|
padding-block: calc((var(--line-height-body-s-7zv1j5, 16px) - var(--size-icon-normal-0m1722, 16px)) / 2);
|
|
232
232
|
padding-inline: 0;
|
|
233
233
|
}
|
|
234
|
-
.
|
|
235
|
-
.
|
|
234
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-small_h11ix_t8ehv_225 > svg:not(#\9),
|
|
235
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-small_h11ix_t8ehv_225 > img:not(#\9) {
|
|
236
236
|
inline-size: var(--size-icon-normal-0m1722, 16px);
|
|
237
237
|
block-size: var(--size-icon-normal-0m1722, 16px);
|
|
238
238
|
vertical-align: top;
|
|
239
239
|
}
|
|
240
|
-
.
|
|
241
|
-
.
|
|
240
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-small_h11ix_t8ehv_225 > svg:not(#\9),
|
|
241
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-small_h11ix_t8ehv_225 > svg *:not(#\9) {
|
|
242
242
|
stroke-width: 2px;
|
|
243
243
|
}
|
|
244
|
-
.
|
|
244
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-normal_h11ix_t8ehv_244:not(#\9) {
|
|
245
245
|
inline-size: var(--size-icon-normal-0m1722, 16px);
|
|
246
246
|
box-sizing: border-box;
|
|
247
247
|
}
|
|
248
|
-
.
|
|
248
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-normal-mapped-height_h11ix_t8ehv_248:not(#\9) {
|
|
249
249
|
block-size: var(--line-height-body-m-30ar75, 20px);
|
|
250
250
|
padding-block: calc((var(--line-height-body-m-30ar75, 20px) - var(--size-icon-normal-0m1722, 16px)) / 2);
|
|
251
251
|
padding-inline: 0;
|
|
252
252
|
}
|
|
253
|
-
.
|
|
254
|
-
.
|
|
253
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-normal_h11ix_t8ehv_244 > svg:not(#\9),
|
|
254
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-normal_h11ix_t8ehv_244 > img:not(#\9) {
|
|
255
255
|
inline-size: var(--size-icon-normal-0m1722, 16px);
|
|
256
256
|
block-size: var(--size-icon-normal-0m1722, 16px);
|
|
257
257
|
vertical-align: top;
|
|
258
258
|
}
|
|
259
|
-
.
|
|
260
|
-
.
|
|
259
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-normal_h11ix_t8ehv_244 > svg:not(#\9),
|
|
260
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-normal_h11ix_t8ehv_244 > svg *:not(#\9) {
|
|
261
261
|
stroke-width: 2px;
|
|
262
262
|
}
|
|
263
|
-
.
|
|
263
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-medium_h11ix_t8ehv_263:not(#\9) {
|
|
264
264
|
inline-size: var(--size-icon-medium-y9xuoq, 20px);
|
|
265
265
|
box-sizing: border-box;
|
|
266
266
|
}
|
|
267
|
-
.
|
|
267
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-medium-mapped-height_h11ix_t8ehv_267:not(#\9) {
|
|
268
268
|
block-size: var(--line-height-heading-l-mmm3my, 24px);
|
|
269
269
|
padding-block: calc((var(--line-height-heading-l-mmm3my, 24px) - var(--size-icon-medium-y9xuoq, 20px)) / 2);
|
|
270
270
|
padding-inline: 0;
|
|
271
271
|
}
|
|
272
|
-
.
|
|
273
|
-
.
|
|
272
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-medium_h11ix_t8ehv_263 > svg:not(#\9),
|
|
273
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-medium_h11ix_t8ehv_263 > img:not(#\9) {
|
|
274
274
|
inline-size: var(--size-icon-medium-y9xuoq, 20px);
|
|
275
275
|
block-size: var(--size-icon-medium-y9xuoq, 20px);
|
|
276
276
|
vertical-align: top;
|
|
277
277
|
}
|
|
278
|
-
.
|
|
279
|
-
.
|
|
278
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-medium_h11ix_t8ehv_263 > svg:not(#\9),
|
|
279
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-medium_h11ix_t8ehv_263 > svg *:not(#\9) {
|
|
280
280
|
stroke-width: 1.6px;
|
|
281
281
|
}
|
|
282
|
-
.
|
|
282
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-big_h11ix_t8ehv_282:not(#\9) {
|
|
283
283
|
inline-size: var(--size-icon-big-zkdryd, 32px);
|
|
284
284
|
box-sizing: border-box;
|
|
285
285
|
}
|
|
286
|
-
.
|
|
286
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-big-mapped-height_h11ix_t8ehv_286:not(#\9) {
|
|
287
287
|
block-size: var(--line-height-heading-xl-avbttk, 30px);
|
|
288
288
|
padding-block: calc((var(--line-height-heading-xl-avbttk, 30px) - var(--size-icon-big-zkdryd, 32px)) / 2);
|
|
289
289
|
padding-inline: 0;
|
|
290
290
|
}
|
|
291
|
-
.
|
|
292
|
-
.
|
|
291
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-big_h11ix_t8ehv_282 > svg:not(#\9),
|
|
292
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-big_h11ix_t8ehv_282 > img:not(#\9) {
|
|
293
293
|
inline-size: var(--size-icon-big-zkdryd, 32px);
|
|
294
294
|
block-size: var(--size-icon-big-zkdryd, 32px);
|
|
295
295
|
vertical-align: top;
|
|
296
296
|
}
|
|
297
|
-
.
|
|
298
|
-
.
|
|
297
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-big_h11ix_t8ehv_282 > svg:not(#\9),
|
|
298
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-big_h11ix_t8ehv_282 > svg *:not(#\9) {
|
|
299
299
|
stroke-width: 1.5px;
|
|
300
300
|
}
|
|
301
|
-
.
|
|
301
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-large_h11ix_t8ehv_301:not(#\9) {
|
|
302
302
|
inline-size: var(--size-icon-large-bivhmh, 48px);
|
|
303
303
|
box-sizing: border-box;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-large-mapped-height_h11ix_t8ehv_305:not(#\9) {
|
|
306
306
|
block-size: var(--line-height-display-l-8nioft, 48px);
|
|
307
307
|
padding-block: calc((var(--line-height-display-l-8nioft, 48px) - var(--size-icon-large-bivhmh, 48px)) / 2);
|
|
308
308
|
padding-inline: 0;
|
|
309
309
|
}
|
|
310
|
-
.
|
|
311
|
-
.
|
|
310
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-large_h11ix_t8ehv_301 > svg:not(#\9),
|
|
311
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-large_h11ix_t8ehv_301 > img:not(#\9) {
|
|
312
312
|
inline-size: var(--size-icon-large-bivhmh, 48px);
|
|
313
313
|
block-size: var(--size-icon-large-bivhmh, 48px);
|
|
314
314
|
vertical-align: top;
|
|
315
315
|
}
|
|
316
|
-
.
|
|
317
|
-
.
|
|
316
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-large_h11ix_t8ehv_301 > svg:not(#\9),
|
|
317
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_size-large_h11ix_t8ehv_301 > svg *:not(#\9) {
|
|
318
318
|
stroke-width: 1.333px;
|
|
319
319
|
}
|
|
320
|
-
.
|
|
320
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_variant-normal_h11ix_t8ehv_320:not(#\9) {
|
|
321
321
|
color: currentColor;
|
|
322
322
|
}
|
|
323
|
-
.
|
|
323
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_variant-disabled_h11ix_t8ehv_323:not(#\9) {
|
|
324
324
|
color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
|
|
325
325
|
}
|
|
326
|
-
.
|
|
326
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_variant-inverted_h11ix_t8ehv_326:not(#\9) {
|
|
327
327
|
color: var(--color-text-inverted-pvc88w, #ffffff);
|
|
328
328
|
}
|
|
329
|
-
.
|
|
329
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_variant-subtle_h11ix_t8ehv_329:not(#\9) {
|
|
330
330
|
color: var(--color-text-icon-subtle-pt80lq, #656871);
|
|
331
331
|
}
|
|
332
|
-
.
|
|
332
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_variant-warning_h11ix_t8ehv_332:not(#\9) {
|
|
333
333
|
color: var(--color-text-status-warning-csaw41, #855900);
|
|
334
334
|
}
|
|
335
|
-
.
|
|
335
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_variant-error_h11ix_t8ehv_335:not(#\9) {
|
|
336
336
|
color: var(--color-text-status-error-5676bj, #db0000);
|
|
337
337
|
}
|
|
338
|
-
.
|
|
338
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_variant-success_h11ix_t8ehv_338:not(#\9) {
|
|
339
339
|
color: var(--color-text-status-success-gqp5xk, #00802f);
|
|
340
340
|
}
|
|
341
|
-
.
|
|
341
|
+
.awsui_icon_h11ix_t8ehv_189.awsui_variant-link_h11ix_t8ehv_341:not(#\9) {
|
|
342
342
|
color: var(--color-text-link-default-enwvrt, #006ce0);
|
|
343
343
|
}
|
|
344
|
-
.
|
|
345
|
-
.awsui_name-angle-
|
|
346
|
-
.awsui_name-angle-right-
|
|
347
|
-
.awsui_name-angle-
|
|
348
|
-
.awsui_name-arrow-
|
|
349
|
-
.awsui_name-
|
|
350
|
-
.awsui_name-caret-
|
|
351
|
-
.awsui_name-
|
|
352
|
-
.awsui_name-audio-
|
|
353
|
-
.awsui_name-audio-
|
|
354
|
-
.awsui_name-
|
|
355
|
-
.awsui_name-
|
|
356
|
-
.awsui_name-
|
|
357
|
-
.awsui_name-
|
|
358
|
-
.awsui_name-
|
|
359
|
-
.awsui_name-
|
|
360
|
-
.awsui_name-
|
|
344
|
+
.awsui_icon_h11ix_t8ehv_189:not(#\9):is(.awsui_name-angle-left-double_h11ix_t8ehv_344,
|
|
345
|
+
.awsui_name-angle-left_h11ix_t8ehv_344,
|
|
346
|
+
.awsui_name-angle-right-double_h11ix_t8ehv_346,
|
|
347
|
+
.awsui_name-angle-right_h11ix_t8ehv_346,
|
|
348
|
+
.awsui_name-arrow-left_h11ix_t8ehv_348,
|
|
349
|
+
.awsui_name-arrow-right_h11ix_t8ehv_349,
|
|
350
|
+
.awsui_name-caret-left-filled_h11ix_t8ehv_350,
|
|
351
|
+
.awsui_name-caret-right-filled_h11ix_t8ehv_351,
|
|
352
|
+
.awsui_name-audio-full_h11ix_t8ehv_352,
|
|
353
|
+
.awsui_name-audio-half_h11ix_t8ehv_353,
|
|
354
|
+
.awsui_name-audio-off_h11ix_t8ehv_354,
|
|
355
|
+
.awsui_name-external_h11ix_t8ehv_355,
|
|
356
|
+
.awsui_name-redo_h11ix_t8ehv_356,
|
|
357
|
+
.awsui_name-resize-area_h11ix_t8ehv_357,
|
|
358
|
+
.awsui_name-send_h11ix_t8ehv_358,
|
|
359
|
+
.awsui_name-shrink_h11ix_t8ehv_359,
|
|
360
|
+
.awsui_name-undo_h11ix_t8ehv_360,
|
|
361
|
+
.awsui_name-view-vertical_h11ix_t8ehv_361) {
|
|
361
362
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
362
363
|
}
|
|
363
|
-
.
|
|
364
|
-
.awsui_name-angle-
|
|
365
|
-
.awsui_name-angle-right-
|
|
366
|
-
.awsui_name-angle-
|
|
367
|
-
.awsui_name-arrow-
|
|
368
|
-
.awsui_name-
|
|
369
|
-
.awsui_name-caret-
|
|
370
|
-
.awsui_name-
|
|
371
|
-
.awsui_name-audio-
|
|
372
|
-
.awsui_name-audio-
|
|
373
|
-
.awsui_name-
|
|
374
|
-
.awsui_name-
|
|
375
|
-
.awsui_name-
|
|
376
|
-
.awsui_name-
|
|
377
|
-
.awsui_name-
|
|
378
|
-
.awsui_name-
|
|
379
|
-
.awsui_name-
|
|
364
|
+
.awsui_icon_h11ix_t8ehv_189:not(#\9):is(.awsui_name-angle-left-double_h11ix_t8ehv_344,
|
|
365
|
+
.awsui_name-angle-left_h11ix_t8ehv_344,
|
|
366
|
+
.awsui_name-angle-right-double_h11ix_t8ehv_346,
|
|
367
|
+
.awsui_name-angle-right_h11ix_t8ehv_346,
|
|
368
|
+
.awsui_name-arrow-left_h11ix_t8ehv_348,
|
|
369
|
+
.awsui_name-arrow-right_h11ix_t8ehv_349,
|
|
370
|
+
.awsui_name-caret-left-filled_h11ix_t8ehv_350,
|
|
371
|
+
.awsui_name-caret-right-filled_h11ix_t8ehv_351,
|
|
372
|
+
.awsui_name-audio-full_h11ix_t8ehv_352,
|
|
373
|
+
.awsui_name-audio-half_h11ix_t8ehv_353,
|
|
374
|
+
.awsui_name-audio-off_h11ix_t8ehv_354,
|
|
375
|
+
.awsui_name-external_h11ix_t8ehv_355,
|
|
376
|
+
.awsui_name-redo_h11ix_t8ehv_356,
|
|
377
|
+
.awsui_name-resize-area_h11ix_t8ehv_357,
|
|
378
|
+
.awsui_name-send_h11ix_t8ehv_358,
|
|
379
|
+
.awsui_name-shrink_h11ix_t8ehv_359,
|
|
380
|
+
.awsui_name-undo_h11ix_t8ehv_360,
|
|
381
|
+
.awsui_name-view-vertical_h11ix_t8ehv_361):dir(rtl) {
|
|
380
382
|
transform: scaleX(-1);
|
|
381
383
|
}
|
|
382
384
|
|
|
383
|
-
.
|
|
385
|
+
.awsui_badge_h11ix_t8ehv_385:not(#\9)::after {
|
|
384
386
|
content: "";
|
|
385
387
|
position: absolute;
|
|
386
388
|
inline-size: 6px;
|
package/icon/styles.selectors.js
CHANGED
|
@@ -2,43 +2,44 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"icon": "
|
|
6
|
-
"icon-flex-height": "awsui_icon-flex-
|
|
7
|
-
"size-small": "awsui_size-
|
|
8
|
-
"size-small-mapped-height": "awsui_size-small-mapped-
|
|
9
|
-
"size-normal": "awsui_size-
|
|
10
|
-
"size-normal-mapped-height": "awsui_size-normal-mapped-
|
|
11
|
-
"size-medium": "awsui_size-
|
|
12
|
-
"size-medium-mapped-height": "awsui_size-medium-mapped-
|
|
13
|
-
"size-big": "awsui_size-
|
|
14
|
-
"size-big-mapped-height": "awsui_size-big-mapped-
|
|
15
|
-
"size-large": "awsui_size-
|
|
16
|
-
"size-large-mapped-height": "awsui_size-large-mapped-
|
|
17
|
-
"variant-normal": "awsui_variant-
|
|
18
|
-
"variant-disabled": "awsui_variant-
|
|
19
|
-
"variant-inverted": "awsui_variant-
|
|
20
|
-
"variant-subtle": "awsui_variant-
|
|
21
|
-
"variant-warning": "awsui_variant-
|
|
22
|
-
"variant-error": "awsui_variant-
|
|
23
|
-
"variant-success": "awsui_variant-
|
|
24
|
-
"variant-link": "awsui_variant-
|
|
25
|
-
"name-angle-left-double": "awsui_name-angle-left-
|
|
26
|
-
"name-angle-left": "awsui_name-angle-
|
|
27
|
-
"name-angle-right-double": "awsui_name-angle-right-
|
|
28
|
-
"name-angle-right": "awsui_name-angle-
|
|
29
|
-
"name-arrow-left": "awsui_name-arrow-
|
|
30
|
-
"name-
|
|
31
|
-
"name-caret-
|
|
32
|
-
"name-
|
|
33
|
-
"name-audio-
|
|
34
|
-
"name-audio-
|
|
35
|
-
"name-
|
|
36
|
-
"name-
|
|
37
|
-
"name-
|
|
38
|
-
"name-
|
|
39
|
-
"name-
|
|
40
|
-
"name-
|
|
41
|
-
"name-
|
|
42
|
-
"
|
|
5
|
+
"icon": "awsui_icon_h11ix_t8ehv_189",
|
|
6
|
+
"icon-flex-height": "awsui_icon-flex-height_h11ix_t8ehv_197",
|
|
7
|
+
"size-small": "awsui_size-small_h11ix_t8ehv_225",
|
|
8
|
+
"size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_t8ehv_229",
|
|
9
|
+
"size-normal": "awsui_size-normal_h11ix_t8ehv_244",
|
|
10
|
+
"size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_t8ehv_248",
|
|
11
|
+
"size-medium": "awsui_size-medium_h11ix_t8ehv_263",
|
|
12
|
+
"size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_t8ehv_267",
|
|
13
|
+
"size-big": "awsui_size-big_h11ix_t8ehv_282",
|
|
14
|
+
"size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_t8ehv_286",
|
|
15
|
+
"size-large": "awsui_size-large_h11ix_t8ehv_301",
|
|
16
|
+
"size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_t8ehv_305",
|
|
17
|
+
"variant-normal": "awsui_variant-normal_h11ix_t8ehv_320",
|
|
18
|
+
"variant-disabled": "awsui_variant-disabled_h11ix_t8ehv_323",
|
|
19
|
+
"variant-inverted": "awsui_variant-inverted_h11ix_t8ehv_326",
|
|
20
|
+
"variant-subtle": "awsui_variant-subtle_h11ix_t8ehv_329",
|
|
21
|
+
"variant-warning": "awsui_variant-warning_h11ix_t8ehv_332",
|
|
22
|
+
"variant-error": "awsui_variant-error_h11ix_t8ehv_335",
|
|
23
|
+
"variant-success": "awsui_variant-success_h11ix_t8ehv_338",
|
|
24
|
+
"variant-link": "awsui_variant-link_h11ix_t8ehv_341",
|
|
25
|
+
"name-angle-left-double": "awsui_name-angle-left-double_h11ix_t8ehv_344",
|
|
26
|
+
"name-angle-left": "awsui_name-angle-left_h11ix_t8ehv_344",
|
|
27
|
+
"name-angle-right-double": "awsui_name-angle-right-double_h11ix_t8ehv_346",
|
|
28
|
+
"name-angle-right": "awsui_name-angle-right_h11ix_t8ehv_346",
|
|
29
|
+
"name-arrow-left": "awsui_name-arrow-left_h11ix_t8ehv_348",
|
|
30
|
+
"name-arrow-right": "awsui_name-arrow-right_h11ix_t8ehv_349",
|
|
31
|
+
"name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_t8ehv_350",
|
|
32
|
+
"name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_t8ehv_351",
|
|
33
|
+
"name-audio-full": "awsui_name-audio-full_h11ix_t8ehv_352",
|
|
34
|
+
"name-audio-half": "awsui_name-audio-half_h11ix_t8ehv_353",
|
|
35
|
+
"name-audio-off": "awsui_name-audio-off_h11ix_t8ehv_354",
|
|
36
|
+
"name-external": "awsui_name-external_h11ix_t8ehv_355",
|
|
37
|
+
"name-redo": "awsui_name-redo_h11ix_t8ehv_356",
|
|
38
|
+
"name-resize-area": "awsui_name-resize-area_h11ix_t8ehv_357",
|
|
39
|
+
"name-send": "awsui_name-send_h11ix_t8ehv_358",
|
|
40
|
+
"name-shrink": "awsui_name-shrink_h11ix_t8ehv_359",
|
|
41
|
+
"name-undo": "awsui_name-undo_h11ix_t8ehv_360",
|
|
42
|
+
"name-view-vertical": "awsui_name-view-vertical_h11ix_t8ehv_361",
|
|
43
|
+
"badge": "awsui_badge_h11ix_t8ehv_385"
|
|
43
44
|
};
|
|
44
45
|
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
package/package.json
CHANGED