@cloudscape-design/components-themeable 3.0.1373 → 3.0.1374
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/checkbox/styles.scss +34 -9
- package/lib/internal/scss/dialog/styles.scss +101 -0
- package/lib/internal/scss/dialog/test-classes/styles.scss +13 -0
- package/lib/internal/scss/expandable-section/styles.scss +8 -3
- package/lib/internal/scss/icon/mixins.scss +18 -0
- package/lib/internal/scss/icon/styles.scss +9 -0
- package/lib/internal/scss/internal/components/checkbox-icon/styles.scss +12 -9
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/internal/styles/links.scss +15 -10
- package/lib/internal/scss/internal/styles/style-api.scss +3 -2
- package/lib/internal/template/button-dropdown/interfaces.d.ts +5 -0
- package/lib/internal/template/button-dropdown/interfaces.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/interfaces.js.map +1 -1
- package/lib/internal/template/button-dropdown/internal-interfaces.d.ts +1 -1
- package/lib/internal/template/button-dropdown/internal-interfaces.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/internal-interfaces.js.map +1 -1
- package/lib/internal/template/button-dropdown/internal.js +2 -2
- package/lib/internal/template/button-dropdown/internal.js.map +1 -1
- package/lib/internal/template/button-dropdown/items-list.d.ts +1 -1
- package/lib/internal/template/button-dropdown/items-list.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/items-list.js +2 -2
- package/lib/internal/template/button-dropdown/items-list.js.map +1 -1
- package/lib/internal/template/button-dropdown/utils/move-highlight.d.ts +3 -2
- package/lib/internal/template/button-dropdown/utils/move-highlight.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/utils/move-highlight.js +13 -21
- package/lib/internal/template/button-dropdown/utils/move-highlight.js.map +1 -1
- package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts +1 -1
- package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js +8 -6
- package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js.map +1 -1
- package/lib/internal/template/button-dropdown/utils/use-highlighted-menu.d.ts +2 -2
- package/lib/internal/template/button-dropdown/utils/use-highlighted-menu.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/utils/use-highlighted-menu.js +14 -4
- package/lib/internal/template/button-dropdown/utils/use-highlighted-menu.js.map +1 -1
- package/lib/internal/template/button-dropdown/utils/utils.d.ts +1 -0
- package/lib/internal/template/button-dropdown/utils/utils.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/utils/utils.js +1 -0
- package/lib/internal/template/button-dropdown/utils/utils.js.map +1 -1
- package/lib/internal/template/calendar/interfaces.d.ts +2 -1
- package/lib/internal/template/calendar/interfaces.d.ts.map +1 -1
- package/lib/internal/template/calendar/interfaces.js.map +1 -1
- package/lib/internal/template/calendar/internal.d.ts.map +1 -1
- package/lib/internal/template/calendar/internal.js +3 -1
- package/lib/internal/template/calendar/internal.js.map +1 -1
- package/lib/internal/template/checkbox/internal.d.ts +6 -0
- package/lib/internal/template/checkbox/internal.d.ts.map +1 -1
- package/lib/internal/template/checkbox/internal.js +2 -2
- package/lib/internal/template/checkbox/internal.js.map +1 -1
- package/lib/internal/template/checkbox/styles.css.js +7 -3
- package/lib/internal/template/checkbox/styles.scoped.css +72 -16
- package/lib/internal/template/checkbox/styles.selectors.js +7 -3
- package/lib/internal/template/date-range-picker/index.d.ts.map +1 -1
- package/lib/internal/template/date-range-picker/index.js +3 -2
- package/lib/internal/template/date-range-picker/index.js.map +1 -1
- package/lib/internal/template/date-range-picker/interfaces.d.ts +2 -1
- package/lib/internal/template/date-range-picker/interfaces.d.ts.map +1 -1
- package/lib/internal/template/date-range-picker/interfaces.js.map +1 -1
- package/lib/internal/template/dialog/index.d.ts +4 -0
- package/lib/internal/template/dialog/index.d.ts.map +1 -0
- package/lib/internal/template/dialog/index.js +21 -0
- package/lib/internal/template/dialog/index.js.map +1 -0
- package/lib/internal/template/dialog/interfaces.d.ts +41 -0
- package/lib/internal/template/dialog/interfaces.d.ts.map +1 -0
- package/lib/internal/template/dialog/interfaces.js +2 -0
- package/lib/internal/template/dialog/interfaces.js.map +1 -0
- package/lib/internal/template/dialog/internal.d.ts +6 -0
- package/lib/internal/template/dialog/internal.d.ts.map +1 -0
- package/lib/internal/template/dialog/internal.js +39 -0
- package/lib/internal/template/dialog/internal.js.map +1 -0
- package/lib/internal/template/dialog/styles.css.js +13 -0
- package/lib/internal/template/dialog/styles.scoped.css +126 -0
- package/lib/internal/template/dialog/styles.selectors.js +14 -0
- package/lib/internal/template/dialog/test-classes/styles.css.js +11 -0
- package/lib/internal/template/dialog/test-classes/styles.scoped.css +12 -0
- package/lib/internal/template/dialog/test-classes/styles.selectors.js +12 -0
- package/lib/internal/template/dialog/use-focus-restore.d.ts +6 -0
- package/lib/internal/template/dialog/use-focus-restore.d.ts.map +1 -0
- package/lib/internal/template/dialog/use-focus-restore.js +34 -0
- package/lib/internal/template/dialog/use-focus-restore.js.map +1 -0
- package/lib/internal/template/expandable-section/expandable-section-header.d.ts.map +1 -1
- package/lib/internal/template/expandable-section/expandable-section-header.js +9 -2
- package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
- package/lib/internal/template/expandable-section/styles.css.js +44 -43
- package/lib/internal/template/expandable-section/styles.scoped.css +92 -88
- package/lib/internal/template/expandable-section/styles.selectors.js +44 -43
- package/lib/internal/template/i18n/messages/all.all.js +1 -1
- package/lib/internal/template/i18n/messages/all.all.json +1 -1
- package/lib/internal/template/i18n/messages/all.de.js +1 -1
- package/lib/internal/template/i18n/messages/all.de.json +1 -1
- package/lib/internal/template/i18n/messages/all.en-GB.js +1 -1
- package/lib/internal/template/i18n/messages/all.en-GB.json +1 -1
- package/lib/internal/template/i18n/messages/all.en.js +1 -1
- package/lib/internal/template/i18n/messages/all.en.json +1 -1
- package/lib/internal/template/i18n/messages/all.es.js +1 -1
- package/lib/internal/template/i18n/messages/all.es.json +1 -1
- package/lib/internal/template/i18n/messages/all.fr.js +1 -1
- package/lib/internal/template/i18n/messages/all.fr.json +1 -1
- package/lib/internal/template/i18n/messages/all.id.js +1 -1
- package/lib/internal/template/i18n/messages/all.id.json +1 -1
- package/lib/internal/template/i18n/messages/all.it.js +1 -1
- package/lib/internal/template/i18n/messages/all.it.json +1 -1
- package/lib/internal/template/i18n/messages/all.ja.js +1 -1
- package/lib/internal/template/i18n/messages/all.ja.json +1 -1
- package/lib/internal/template/i18n/messages/all.ko.js +1 -1
- package/lib/internal/template/i18n/messages/all.ko.json +1 -1
- package/lib/internal/template/i18n/messages/all.pt-BR.js +1 -1
- package/lib/internal/template/i18n/messages/all.pt-BR.json +1 -1
- package/lib/internal/template/i18n/messages/all.tr.js +1 -1
- package/lib/internal/template/i18n/messages/all.tr.json +1 -1
- package/lib/internal/template/i18n/messages/all.zh-CN.js +1 -1
- package/lib/internal/template/i18n/messages/all.zh-CN.json +1 -1
- package/lib/internal/template/i18n/messages/all.zh-TW.js +1 -1
- package/lib/internal/template/i18n/messages/all.zh-TW.json +1 -1
- package/lib/internal/template/i18n/messages-types.d.ts +3 -0
- package/lib/internal/template/i18n/messages-types.d.ts.map +1 -1
- package/lib/internal/template/i18n/messages-types.js.map +1 -1
- package/lib/internal/template/icon/internal.d.ts +3 -1
- package/lib/internal/template/icon/internal.d.ts.map +1 -1
- package/lib/internal/template/icon/internal.js +10 -2
- package/lib/internal/template/icon/internal.js.map +1 -1
- package/lib/internal/template/icon/styles.css.js +43 -42
- package/lib/internal/template/icon/styles.scoped.css +126 -98
- package/lib/internal/template/icon/styles.selectors.js +43 -42
- package/lib/internal/template/icon-provider/context.d.ts +2 -0
- package/lib/internal/template/icon-provider/context.d.ts.map +1 -1
- package/lib/internal/template/icon-provider/context.js +2 -0
- package/lib/internal/template/icon-provider/context.js.map +1 -1
- package/lib/internal/template/icon-provider/interfaces.d.ts +39 -1
- package/lib/internal/template/icon-provider/interfaces.d.ts.map +1 -1
- package/lib/internal/template/icon-provider/interfaces.js.map +1 -1
- package/lib/internal/template/icon-provider/internal.d.ts +1 -1
- package/lib/internal/template/icon-provider/internal.d.ts.map +1 -1
- package/lib/internal/template/icon-provider/internal.js +17 -3
- package/lib/internal/template/icon-provider/internal.js.map +1 -1
- package/lib/internal/template/icon-provider/use-component-icons.d.ts +4 -0
- package/lib/internal/template/icon-provider/use-component-icons.d.ts.map +1 -0
- package/lib/internal/template/icon-provider/use-component-icons.js +9 -0
- package/lib/internal/template/icon-provider/use-component-icons.js.map +1 -0
- package/lib/internal/template/index.d.ts +1 -0
- package/lib/internal/template/index.d.ts.map +1 -1
- package/lib/internal/template/index.js +1 -0
- package/lib/internal/template/index.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/base-theme/styles.scoped.css +36 -0
- package/lib/internal/template/internal/components/abstract-switch/index.d.ts +3 -1
- package/lib/internal/template/internal/components/abstract-switch/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/abstract-switch/index.js +5 -3
- package/lib/internal/template/internal/components/abstract-switch/index.js.map +1 -1
- package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +9 -9
- package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +18 -18
- package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +9 -9
- package/lib/internal/template/internal/components/customizable-icon/index.d.ts +19 -0
- package/lib/internal/template/internal/components/customizable-icon/index.d.ts.map +1 -0
- package/lib/internal/template/internal/components/customizable-icon/index.js +12 -0
- package/lib/internal/template/internal/components/customizable-icon/index.js.map +1 -0
- package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts +4 -1
- package/lib/internal/template/internal/components/expand-toggle-button/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/expand-toggle-button/index.js +6 -3
- package/lib/internal/template/internal/components/expand-toggle-button/index.js.map +1 -1
- 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 +11 -0
- package/lib/internal/template/internal/generated/styles/tokens.js +11 -0
- package/lib/internal/template/internal/generated/theming/index.cjs +157 -1
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +582 -5
- package/lib/internal/template/internal/generated/theming/index.d.cts +4308 -0
- package/lib/internal/template/internal/generated/theming/index.d.ts +99 -0
- package/lib/internal/template/internal/generated/theming/index.js +157 -1
- package/lib/internal/template/internal/utils/locale/normalize-locale.js +8 -5
- package/lib/internal/template/internal/utils/locale/normalize-locale.js.map +1 -1
- package/lib/internal/template/package.json +3 -0
- package/lib/internal/template/split-panel/bottom.d.ts +2 -1
- package/lib/internal/template/split-panel/bottom.d.ts.map +1 -1
- package/lib/internal/template/split-panel/bottom.js.map +1 -1
- package/lib/internal/template/split-panel/content-props.d.ts +17 -0
- package/lib/internal/template/split-panel/content-props.d.ts.map +1 -0
- package/lib/internal/template/split-panel/content-props.js +2 -0
- package/lib/internal/template/split-panel/content-props.js.map +1 -0
- package/lib/internal/template/split-panel/interfaces.d.ts +0 -13
- package/lib/internal/template/split-panel/interfaces.d.ts.map +1 -1
- package/lib/internal/template/split-panel/interfaces.js.map +1 -1
- package/lib/internal/template/split-panel/side.d.ts +2 -1
- package/lib/internal/template/split-panel/side.d.ts.map +1 -1
- package/lib/internal/template/split-panel/side.js.map +1 -1
- package/lib/internal/template/table/body-cell/td-element.d.ts.map +1 -1
- package/lib/internal/template/table/body-cell/td-element.js +3 -1
- package/lib/internal/template/table/body-cell/td-element.js.map +1 -1
- package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
- package/lib/internal/template/table/header-cell/index.js +8 -2
- package/lib/internal/template/table/header-cell/index.js.map +1 -1
- package/lib/internal/template/table/internal.js +1 -1
- package/lib/internal/template/table/internal.js.map +1 -1
- package/lib/internal/template/test-utils/dom/dialog/index.d.ts +25 -0
- package/lib/internal/template/test-utils/dom/dialog/index.js +43 -0
- package/lib/internal/template/test-utils/dom/dialog/index.js.map +1 -0
- package/lib/internal/template/test-utils/dom/index.d.ts +28 -0
- package/lib/internal/template/test-utils/dom/index.js +21 -2
- package/lib/internal/template/test-utils/dom/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/dialog/index.d.ts +25 -0
- package/lib/internal/template/test-utils/selectors/dialog/index.js +43 -0
- package/lib/internal/template/test-utils/selectors/dialog/index.js.map +1 -0
- package/lib/internal/template/test-utils/selectors/index.d.ts +18 -0
- package/lib/internal/template/test-utils/selectors/index.js +16 -2
- package/lib/internal/template/test-utils/selectors/index.js.map +1 -1
- package/lib/internal/template/tree-view/interfaces.d.ts +3 -0
- package/lib/internal/template/tree-view/interfaces.d.ts.map +1 -1
- package/lib/internal/template/tree-view/interfaces.js.map +1 -1
- package/lib/internal/template/tree-view/tree-item/index.d.ts.map +1 -1
- package/lib/internal/template/tree-view/tree-item/index.js +3 -1
- package/lib/internal/template/tree-view/tree-item/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
10
10
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
11
11
|
SPDX-License-Identifier: Apache-2.0
|
|
12
12
|
*/
|
|
13
|
-
.
|
|
13
|
+
.awsui_icon_h11ix_1k8yc_13:not(#\9) {
|
|
14
14
|
position: relative;
|
|
15
15
|
display: inline-block;
|
|
16
16
|
vertical-align: top;
|
|
@@ -18,235 +18,235 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
18
18
|
/* stylelint-disable selector-max-type, selector-max-universal */
|
|
19
19
|
/* stylelint-enable selector-max-type, selector-max-universal */
|
|
20
20
|
}
|
|
21
|
-
.awsui_icon-flex-
|
|
21
|
+
.awsui_icon-flex-height_h11ix_1k8yc_21:not(#\9) {
|
|
22
22
|
display: inline-flex;
|
|
23
23
|
align-items: center;
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
.awsui_icon_h11ix_1k8yc_13 > svg:not(#\9) {
|
|
26
26
|
pointer-events: none;
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
.awsui_icon_h11ix_1k8yc_13 > svg:not(#\9) {
|
|
29
29
|
fill: none;
|
|
30
30
|
}
|
|
31
|
-
.
|
|
31
|
+
.awsui_icon_h11ix_1k8yc_13 > svg *:not(#\9) {
|
|
32
32
|
stroke: currentColor;
|
|
33
33
|
}
|
|
34
|
-
.
|
|
34
|
+
.awsui_icon_h11ix_1k8yc_13 > svg .stroke-linejoin-round:not(#\9) {
|
|
35
35
|
stroke-linejoin: round;
|
|
36
36
|
}
|
|
37
|
-
.
|
|
37
|
+
.awsui_icon_h11ix_1k8yc_13 > svg .stroke-linecap-square:not(#\9) {
|
|
38
38
|
stroke-linecap: square;
|
|
39
39
|
}
|
|
40
|
-
.
|
|
40
|
+
.awsui_icon_h11ix_1k8yc_13 > svg .stroke-linecap-round:not(#\9) {
|
|
41
41
|
stroke-linecap: round;
|
|
42
42
|
}
|
|
43
|
-
.
|
|
43
|
+
.awsui_icon_h11ix_1k8yc_13 > svg .filled:not(#\9) {
|
|
44
44
|
fill: currentColor;
|
|
45
45
|
}
|
|
46
|
-
.
|
|
46
|
+
.awsui_icon_h11ix_1k8yc_13 > svg .no-stroke:not(#\9) {
|
|
47
47
|
stroke: none;
|
|
48
48
|
}
|
|
49
|
-
.
|
|
49
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49:not(#\9) {
|
|
50
50
|
inline-size: 12px;
|
|
51
51
|
box-sizing: border-box;
|
|
52
52
|
}
|
|
53
|
-
.
|
|
53
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-x-small-mapped-height_h11ix_1k8yc_53:not(#\9) {
|
|
54
54
|
block-size: var(--line-height-body-s-gako33, 16px);
|
|
55
55
|
padding-block: calc((var(--line-height-body-s-gako33, 16px) - 12px) / 2);
|
|
56
56
|
padding-inline: 0;
|
|
57
57
|
}
|
|
58
|
-
.
|
|
59
|
-
.
|
|
58
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49 > svg:not(#\9),
|
|
59
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49 > img:not(#\9) {
|
|
60
60
|
inline-size: 12px;
|
|
61
61
|
block-size: 12px;
|
|
62
62
|
vertical-align: top;
|
|
63
63
|
}
|
|
64
|
-
.
|
|
64
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49 > svg:not(#\9) {
|
|
65
65
|
--awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-x-small-3m5wt5, 1.5px) / 0.75);
|
|
66
66
|
}
|
|
67
|
-
.
|
|
68
|
-
.
|
|
67
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49 > svg:not(#\9),
|
|
68
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-x-small_h11ix_1k8yc_49 > svg *:not(#\9) {
|
|
69
69
|
stroke-width: calc(var(--border-width-icon-x-small-3m5wt5, 1.5px) / 0.75);
|
|
70
70
|
}
|
|
71
|
-
.
|
|
71
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71:not(#\9) {
|
|
72
72
|
inline-size: var(--size-icon-normal-311gry, 16px);
|
|
73
73
|
box-sizing: border-box;
|
|
74
74
|
}
|
|
75
|
-
.
|
|
75
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-small-mapped-height_h11ix_1k8yc_75:not(#\9) {
|
|
76
76
|
block-size: var(--line-height-body-s-gako33, 16px);
|
|
77
77
|
padding-block: calc((var(--line-height-body-s-gako33, 16px) - var(--size-icon-normal-311gry, 16px)) / 2);
|
|
78
78
|
padding-inline: 0;
|
|
79
79
|
}
|
|
80
|
-
.
|
|
81
|
-
.
|
|
80
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71 > svg:not(#\9),
|
|
81
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71 > img:not(#\9) {
|
|
82
82
|
inline-size: var(--size-icon-normal-311gry, 16px);
|
|
83
83
|
block-size: var(--size-icon-normal-311gry, 16px);
|
|
84
84
|
vertical-align: top;
|
|
85
85
|
}
|
|
86
|
-
.
|
|
86
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71 > svg:not(#\9) {
|
|
87
87
|
--awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-small-m3z2f5, 2px) / 1);
|
|
88
88
|
}
|
|
89
|
-
.
|
|
90
|
-
.
|
|
89
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71 > svg:not(#\9),
|
|
90
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-small_h11ix_1k8yc_71 > svg *:not(#\9) {
|
|
91
91
|
stroke-width: calc(var(--border-width-icon-small-m3z2f5, 2px) / 1);
|
|
92
92
|
}
|
|
93
|
-
.
|
|
93
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93:not(#\9) {
|
|
94
94
|
inline-size: var(--size-icon-normal-311gry, 16px);
|
|
95
95
|
box-sizing: border-box;
|
|
96
96
|
}
|
|
97
|
-
.
|
|
97
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-normal-mapped-height_h11ix_1k8yc_97:not(#\9) {
|
|
98
98
|
block-size: var(--line-height-body-m-5xw6xo, 22px);
|
|
99
99
|
padding-block: calc((var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / 2);
|
|
100
100
|
padding-inline: 0;
|
|
101
101
|
}
|
|
102
|
-
.
|
|
103
|
-
.
|
|
102
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93 > svg:not(#\9),
|
|
103
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93 > img:not(#\9) {
|
|
104
104
|
inline-size: var(--size-icon-normal-311gry, 16px);
|
|
105
105
|
block-size: var(--size-icon-normal-311gry, 16px);
|
|
106
106
|
vertical-align: top;
|
|
107
107
|
}
|
|
108
|
-
.
|
|
108
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93 > svg:not(#\9) {
|
|
109
109
|
--awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-normal-swx9va, 2px) / 1);
|
|
110
110
|
}
|
|
111
|
-
.
|
|
112
|
-
.
|
|
111
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93 > svg:not(#\9),
|
|
112
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-normal_h11ix_1k8yc_93 > svg *:not(#\9) {
|
|
113
113
|
stroke-width: calc(var(--border-width-icon-normal-swx9va, 2px) / 1);
|
|
114
114
|
}
|
|
115
|
-
.
|
|
115
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115:not(#\9) {
|
|
116
116
|
inline-size: var(--size-icon-medium-0cbske, 16px);
|
|
117
117
|
box-sizing: border-box;
|
|
118
118
|
}
|
|
119
|
-
.
|
|
119
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-medium-mapped-height_h11ix_1k8yc_119:not(#\9) {
|
|
120
120
|
block-size: var(--line-height-heading-l-zmt48b, 22px);
|
|
121
121
|
padding-block: calc((var(--line-height-heading-l-zmt48b, 22px) - var(--size-icon-medium-0cbske, 16px)) / 2);
|
|
122
122
|
padding-inline: 0;
|
|
123
123
|
}
|
|
124
|
-
.
|
|
125
|
-
.
|
|
124
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115 > svg:not(#\9),
|
|
125
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115 > img:not(#\9) {
|
|
126
126
|
inline-size: var(--size-icon-medium-0cbske, 16px);
|
|
127
127
|
block-size: var(--size-icon-medium-0cbske, 16px);
|
|
128
128
|
vertical-align: top;
|
|
129
129
|
}
|
|
130
|
-
.
|
|
130
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115 > svg:not(#\9) {
|
|
131
131
|
--awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-medium-4yajvt, 2px) / 1.25);
|
|
132
132
|
}
|
|
133
|
-
.
|
|
134
|
-
.
|
|
133
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115 > svg:not(#\9),
|
|
134
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-medium_h11ix_1k8yc_115 > svg *:not(#\9) {
|
|
135
135
|
stroke-width: calc(var(--border-width-icon-medium-4yajvt, 2px) / 1.25);
|
|
136
136
|
}
|
|
137
|
-
.
|
|
137
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137:not(#\9) {
|
|
138
138
|
inline-size: var(--size-icon-big-z6z1yl, 32px);
|
|
139
139
|
box-sizing: border-box;
|
|
140
140
|
}
|
|
141
|
-
.
|
|
141
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-big-mapped-height_h11ix_1k8yc_141:not(#\9) {
|
|
142
142
|
block-size: var(--line-height-heading-xl-pi61pg, 36px);
|
|
143
143
|
padding-block: calc((var(--line-height-heading-xl-pi61pg, 36px) - var(--size-icon-big-z6z1yl, 32px)) / 2);
|
|
144
144
|
padding-inline: 0;
|
|
145
145
|
}
|
|
146
|
-
.
|
|
147
|
-
.
|
|
146
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137 > svg:not(#\9),
|
|
147
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137 > img:not(#\9) {
|
|
148
148
|
inline-size: var(--size-icon-big-z6z1yl, 32px);
|
|
149
149
|
block-size: var(--size-icon-big-z6z1yl, 32px);
|
|
150
150
|
vertical-align: top;
|
|
151
151
|
}
|
|
152
|
-
.
|
|
152
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137 > svg:not(#\9) {
|
|
153
153
|
--awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-big-telu48, 3px) / 2);
|
|
154
154
|
}
|
|
155
|
-
.
|
|
156
|
-
.
|
|
155
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137 > svg:not(#\9),
|
|
156
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-big_h11ix_1k8yc_137 > svg *:not(#\9) {
|
|
157
157
|
stroke-width: calc(var(--border-width-icon-big-telu48, 3px) / 2);
|
|
158
158
|
}
|
|
159
|
-
.
|
|
159
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159:not(#\9) {
|
|
160
160
|
inline-size: var(--size-icon-large-uba15s, 48px);
|
|
161
161
|
box-sizing: border-box;
|
|
162
162
|
}
|
|
163
|
-
.
|
|
163
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-large-mapped-height_h11ix_1k8yc_163:not(#\9) {
|
|
164
164
|
block-size: var(--line-height-display-l-tjudur, 56px);
|
|
165
165
|
padding-block: calc((var(--line-height-display-l-tjudur, 56px) - var(--size-icon-large-uba15s, 48px)) / 2);
|
|
166
166
|
padding-inline: 0;
|
|
167
167
|
}
|
|
168
|
-
.
|
|
169
|
-
.
|
|
168
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159 > svg:not(#\9),
|
|
169
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159 > img:not(#\9) {
|
|
170
170
|
inline-size: var(--size-icon-large-uba15s, 48px);
|
|
171
171
|
block-size: var(--size-icon-large-uba15s, 48px);
|
|
172
172
|
vertical-align: top;
|
|
173
173
|
}
|
|
174
|
-
.
|
|
174
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159 > svg:not(#\9) {
|
|
175
175
|
--awsui-internal-style-icon-stroke-width: calc(var(--border-width-icon-large-cvs2dx, 4px) / 3);
|
|
176
176
|
}
|
|
177
|
-
.
|
|
178
|
-
.
|
|
177
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159 > svg:not(#\9),
|
|
178
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_size-large_h11ix_1k8yc_159 > svg *:not(#\9) {
|
|
179
179
|
stroke-width: calc(var(--border-width-icon-large-cvs2dx, 4px) / 3);
|
|
180
180
|
}
|
|
181
|
-
.
|
|
181
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_variant-normal_h11ix_1k8yc_181:not(#\9) {
|
|
182
182
|
color: currentColor;
|
|
183
183
|
}
|
|
184
|
-
.
|
|
184
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_variant-disabled_h11ix_1k8yc_184:not(#\9) {
|
|
185
185
|
color: var(--color-text-interactive-disabled-tuxgxq, #aab7b8);
|
|
186
186
|
}
|
|
187
|
-
.
|
|
187
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_variant-inverted_h11ix_1k8yc_187:not(#\9) {
|
|
188
188
|
color: var(--color-text-inverted-fflnsl, #ffffff);
|
|
189
189
|
}
|
|
190
|
-
.
|
|
190
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_variant-subtle_h11ix_1k8yc_190:not(#\9) {
|
|
191
191
|
color: var(--color-text-icon-subtle-83jiby, #687078);
|
|
192
192
|
}
|
|
193
|
-
.
|
|
193
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_variant-warning_h11ix_1k8yc_193:not(#\9) {
|
|
194
194
|
color: var(--color-text-status-warning-fabq6h, #906806);
|
|
195
195
|
}
|
|
196
|
-
.
|
|
196
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_variant-error_h11ix_1k8yc_196:not(#\9) {
|
|
197
197
|
color: var(--color-text-status-error-ri38gt, #d13212);
|
|
198
198
|
}
|
|
199
|
-
.
|
|
199
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_variant-success_h11ix_1k8yc_199:not(#\9) {
|
|
200
200
|
color: var(--color-text-status-success-1i2jf8, #1d8102);
|
|
201
201
|
}
|
|
202
|
-
.
|
|
202
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_variant-link_h11ix_1k8yc_202:not(#\9) {
|
|
203
203
|
color: var(--color-text-link-default-qabnuk, #0073bb);
|
|
204
204
|
}
|
|
205
|
-
.
|
|
205
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_variant-info_h11ix_1k8yc_205:not(#\9) {
|
|
206
206
|
color: var(--color-text-status-info-su6k9n, #0073bb);
|
|
207
207
|
}
|
|
208
|
-
.
|
|
209
|
-
.awsui_name-angle-
|
|
210
|
-
.awsui_name-angle-right-
|
|
211
|
-
.awsui_name-angle-
|
|
212
|
-
.awsui_name-arrow-
|
|
213
|
-
.awsui_name-arrow-
|
|
214
|
-
.awsui_name-caret-left-
|
|
215
|
-
.awsui_name-caret-right-
|
|
216
|
-
.awsui_name-audio-
|
|
217
|
-
.awsui_name-audio-
|
|
218
|
-
.awsui_name-audio-
|
|
219
|
-
.awsui_name-
|
|
220
|
-
.awsui_name-
|
|
221
|
-
.awsui_name-resize-
|
|
222
|
-
.awsui_name-
|
|
223
|
-
.awsui_name-
|
|
224
|
-
.awsui_name-
|
|
225
|
-
.awsui_name-view-
|
|
208
|
+
.awsui_icon_h11ix_1k8yc_13:not(#\9):is(.awsui_name-angle-left-double_h11ix_1k8yc_208,
|
|
209
|
+
.awsui_name-angle-left_h11ix_1k8yc_208,
|
|
210
|
+
.awsui_name-angle-right-double_h11ix_1k8yc_210,
|
|
211
|
+
.awsui_name-angle-right_h11ix_1k8yc_210,
|
|
212
|
+
.awsui_name-arrow-left_h11ix_1k8yc_212,
|
|
213
|
+
.awsui_name-arrow-right_h11ix_1k8yc_213,
|
|
214
|
+
.awsui_name-caret-left-filled_h11ix_1k8yc_214,
|
|
215
|
+
.awsui_name-caret-right-filled_h11ix_1k8yc_215,
|
|
216
|
+
.awsui_name-audio-full_h11ix_1k8yc_216,
|
|
217
|
+
.awsui_name-audio-half_h11ix_1k8yc_217,
|
|
218
|
+
.awsui_name-audio-off_h11ix_1k8yc_218,
|
|
219
|
+
.awsui_name-external_h11ix_1k8yc_219,
|
|
220
|
+
.awsui_name-redo_h11ix_1k8yc_220,
|
|
221
|
+
.awsui_name-resize-area_h11ix_1k8yc_221,
|
|
222
|
+
.awsui_name-send_h11ix_1k8yc_222,
|
|
223
|
+
.awsui_name-shrink_h11ix_1k8yc_223,
|
|
224
|
+
.awsui_name-undo_h11ix_1k8yc_224,
|
|
225
|
+
.awsui_name-view-vertical_h11ix_1k8yc_225) {
|
|
226
226
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
227
227
|
}
|
|
228
|
-
.
|
|
229
|
-
.awsui_name-angle-
|
|
230
|
-
.awsui_name-angle-right-
|
|
231
|
-
.awsui_name-angle-
|
|
232
|
-
.awsui_name-arrow-
|
|
233
|
-
.awsui_name-arrow-
|
|
234
|
-
.awsui_name-caret-left-
|
|
235
|
-
.awsui_name-caret-right-
|
|
236
|
-
.awsui_name-audio-
|
|
237
|
-
.awsui_name-audio-
|
|
238
|
-
.awsui_name-audio-
|
|
239
|
-
.awsui_name-
|
|
240
|
-
.awsui_name-
|
|
241
|
-
.awsui_name-resize-
|
|
242
|
-
.awsui_name-
|
|
243
|
-
.awsui_name-
|
|
244
|
-
.awsui_name-
|
|
245
|
-
.awsui_name-view-
|
|
228
|
+
.awsui_icon_h11ix_1k8yc_13:not(#\9):is(.awsui_name-angle-left-double_h11ix_1k8yc_208,
|
|
229
|
+
.awsui_name-angle-left_h11ix_1k8yc_208,
|
|
230
|
+
.awsui_name-angle-right-double_h11ix_1k8yc_210,
|
|
231
|
+
.awsui_name-angle-right_h11ix_1k8yc_210,
|
|
232
|
+
.awsui_name-arrow-left_h11ix_1k8yc_212,
|
|
233
|
+
.awsui_name-arrow-right_h11ix_1k8yc_213,
|
|
234
|
+
.awsui_name-caret-left-filled_h11ix_1k8yc_214,
|
|
235
|
+
.awsui_name-caret-right-filled_h11ix_1k8yc_215,
|
|
236
|
+
.awsui_name-audio-full_h11ix_1k8yc_216,
|
|
237
|
+
.awsui_name-audio-half_h11ix_1k8yc_217,
|
|
238
|
+
.awsui_name-audio-off_h11ix_1k8yc_218,
|
|
239
|
+
.awsui_name-external_h11ix_1k8yc_219,
|
|
240
|
+
.awsui_name-redo_h11ix_1k8yc_220,
|
|
241
|
+
.awsui_name-resize-area_h11ix_1k8yc_221,
|
|
242
|
+
.awsui_name-send_h11ix_1k8yc_222,
|
|
243
|
+
.awsui_name-shrink_h11ix_1k8yc_223,
|
|
244
|
+
.awsui_name-undo_h11ix_1k8yc_224,
|
|
245
|
+
.awsui_name-view-vertical_h11ix_1k8yc_225):dir(rtl) {
|
|
246
246
|
transform: scaleX(-1);
|
|
247
247
|
}
|
|
248
248
|
|
|
249
|
-
.
|
|
249
|
+
.awsui_badge_h11ix_1k8yc_249:not(#\9)::after {
|
|
250
250
|
content: "";
|
|
251
251
|
position: absolute;
|
|
252
252
|
inline-size: 6px;
|
|
@@ -258,4 +258,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
258
258
|
background-color: var(--color-background-badge-icon-7pcuv1, #d13212);
|
|
259
259
|
inset-block-start: 0px;
|
|
260
260
|
inset-inline-end: -3px;
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263:not(#\9) {
|
|
264
|
+
display: contents;
|
|
265
|
+
}
|
|
266
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-x-small_h11ix_1k8yc_49:not(#\9) {
|
|
267
|
+
font-size: var(--font-size-body-s-89y7qg, 12px);
|
|
268
|
+
line-height: 12px;
|
|
269
|
+
}
|
|
270
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-small_h11ix_1k8yc_71:not(#\9) {
|
|
271
|
+
font-size: var(--font-size-body-m-tq5a14, 14px);
|
|
272
|
+
line-height: var(--size-icon-normal-311gry, 16px);
|
|
273
|
+
}
|
|
274
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-normal_h11ix_1k8yc_93:not(#\9) {
|
|
275
|
+
font-size: var(--font-size-body-m-tq5a14, 14px);
|
|
276
|
+
line-height: var(--size-icon-normal-311gry, 16px);
|
|
277
|
+
}
|
|
278
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-medium_h11ix_1k8yc_115:not(#\9) {
|
|
279
|
+
font-size: var(--font-size-heading-l-cax9xk, 18px);
|
|
280
|
+
line-height: var(--size-icon-medium-0cbske, 16px);
|
|
281
|
+
}
|
|
282
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-big_h11ix_1k8yc_137:not(#\9) {
|
|
283
|
+
font-size: var(--font-size-heading-xl-0tgqx0, 28px);
|
|
284
|
+
line-height: var(--size-icon-big-z6z1yl, 32px);
|
|
285
|
+
}
|
|
286
|
+
.awsui_icon_h11ix_1k8yc_13.awsui_custom-icon_h11ix_1k8yc_263.awsui_size-large_h11ix_1k8yc_159:not(#\9) {
|
|
287
|
+
font-size: var(--font-size-display-l-pdduqq, 44px);
|
|
288
|
+
line-height: var(--size-icon-large-uba15s, 48px);
|
|
261
289
|
}
|
|
@@ -2,47 +2,48 @@
|
|
|
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-x-small": "awsui_size-x-
|
|
8
|
-
"size-x-small-mapped-height": "awsui_size-x-small-mapped-
|
|
9
|
-
"size-small": "awsui_size-
|
|
10
|
-
"size-small-mapped-height": "awsui_size-small-mapped-
|
|
11
|
-
"size-normal": "awsui_size-
|
|
12
|
-
"size-normal-mapped-height": "awsui_size-normal-mapped-
|
|
13
|
-
"size-medium": "awsui_size-
|
|
14
|
-
"size-medium-mapped-height": "awsui_size-medium-mapped-
|
|
15
|
-
"size-big": "awsui_size-
|
|
16
|
-
"size-big-mapped-height": "awsui_size-big-mapped-
|
|
17
|
-
"size-large": "awsui_size-
|
|
18
|
-
"size-large-mapped-height": "awsui_size-large-mapped-
|
|
19
|
-
"variant-normal": "awsui_variant-
|
|
20
|
-
"variant-disabled": "awsui_variant-
|
|
21
|
-
"variant-inverted": "awsui_variant-
|
|
22
|
-
"variant-subtle": "awsui_variant-
|
|
23
|
-
"variant-warning": "awsui_variant-
|
|
24
|
-
"variant-error": "awsui_variant-
|
|
25
|
-
"variant-success": "awsui_variant-
|
|
26
|
-
"variant-link": "awsui_variant-
|
|
27
|
-
"variant-info": "awsui_variant-
|
|
28
|
-
"name-angle-left-double": "awsui_name-angle-left-
|
|
29
|
-
"name-angle-left": "awsui_name-angle-
|
|
30
|
-
"name-angle-right-double": "awsui_name-angle-right-
|
|
31
|
-
"name-angle-right": "awsui_name-angle-
|
|
32
|
-
"name-arrow-left": "awsui_name-arrow-
|
|
33
|
-
"name-arrow-right": "awsui_name-arrow-
|
|
34
|
-
"name-caret-left-filled": "awsui_name-caret-left-
|
|
35
|
-
"name-caret-right-filled": "awsui_name-caret-right-
|
|
36
|
-
"name-audio-full": "awsui_name-audio-
|
|
37
|
-
"name-audio-half": "awsui_name-audio-
|
|
38
|
-
"name-audio-off": "awsui_name-audio-
|
|
39
|
-
"name-external": "awsui_name-
|
|
40
|
-
"name-redo": "awsui_name-
|
|
41
|
-
"name-resize-area": "awsui_name-resize-
|
|
42
|
-
"name-send": "awsui_name-
|
|
43
|
-
"name-shrink": "awsui_name-
|
|
44
|
-
"name-undo": "awsui_name-
|
|
45
|
-
"name-view-vertical": "awsui_name-view-
|
|
46
|
-
"badge": "
|
|
5
|
+
"icon": "awsui_icon_h11ix_1k8yc_13",
|
|
6
|
+
"icon-flex-height": "awsui_icon-flex-height_h11ix_1k8yc_21",
|
|
7
|
+
"size-x-small": "awsui_size-x-small_h11ix_1k8yc_49",
|
|
8
|
+
"size-x-small-mapped-height": "awsui_size-x-small-mapped-height_h11ix_1k8yc_53",
|
|
9
|
+
"size-small": "awsui_size-small_h11ix_1k8yc_71",
|
|
10
|
+
"size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_1k8yc_75",
|
|
11
|
+
"size-normal": "awsui_size-normal_h11ix_1k8yc_93",
|
|
12
|
+
"size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_1k8yc_97",
|
|
13
|
+
"size-medium": "awsui_size-medium_h11ix_1k8yc_115",
|
|
14
|
+
"size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_1k8yc_119",
|
|
15
|
+
"size-big": "awsui_size-big_h11ix_1k8yc_137",
|
|
16
|
+
"size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_1k8yc_141",
|
|
17
|
+
"size-large": "awsui_size-large_h11ix_1k8yc_159",
|
|
18
|
+
"size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_1k8yc_163",
|
|
19
|
+
"variant-normal": "awsui_variant-normal_h11ix_1k8yc_181",
|
|
20
|
+
"variant-disabled": "awsui_variant-disabled_h11ix_1k8yc_184",
|
|
21
|
+
"variant-inverted": "awsui_variant-inverted_h11ix_1k8yc_187",
|
|
22
|
+
"variant-subtle": "awsui_variant-subtle_h11ix_1k8yc_190",
|
|
23
|
+
"variant-warning": "awsui_variant-warning_h11ix_1k8yc_193",
|
|
24
|
+
"variant-error": "awsui_variant-error_h11ix_1k8yc_196",
|
|
25
|
+
"variant-success": "awsui_variant-success_h11ix_1k8yc_199",
|
|
26
|
+
"variant-link": "awsui_variant-link_h11ix_1k8yc_202",
|
|
27
|
+
"variant-info": "awsui_variant-info_h11ix_1k8yc_205",
|
|
28
|
+
"name-angle-left-double": "awsui_name-angle-left-double_h11ix_1k8yc_208",
|
|
29
|
+
"name-angle-left": "awsui_name-angle-left_h11ix_1k8yc_208",
|
|
30
|
+
"name-angle-right-double": "awsui_name-angle-right-double_h11ix_1k8yc_210",
|
|
31
|
+
"name-angle-right": "awsui_name-angle-right_h11ix_1k8yc_210",
|
|
32
|
+
"name-arrow-left": "awsui_name-arrow-left_h11ix_1k8yc_212",
|
|
33
|
+
"name-arrow-right": "awsui_name-arrow-right_h11ix_1k8yc_213",
|
|
34
|
+
"name-caret-left-filled": "awsui_name-caret-left-filled_h11ix_1k8yc_214",
|
|
35
|
+
"name-caret-right-filled": "awsui_name-caret-right-filled_h11ix_1k8yc_215",
|
|
36
|
+
"name-audio-full": "awsui_name-audio-full_h11ix_1k8yc_216",
|
|
37
|
+
"name-audio-half": "awsui_name-audio-half_h11ix_1k8yc_217",
|
|
38
|
+
"name-audio-off": "awsui_name-audio-off_h11ix_1k8yc_218",
|
|
39
|
+
"name-external": "awsui_name-external_h11ix_1k8yc_219",
|
|
40
|
+
"name-redo": "awsui_name-redo_h11ix_1k8yc_220",
|
|
41
|
+
"name-resize-area": "awsui_name-resize-area_h11ix_1k8yc_221",
|
|
42
|
+
"name-send": "awsui_name-send_h11ix_1k8yc_222",
|
|
43
|
+
"name-shrink": "awsui_name-shrink_h11ix_1k8yc_223",
|
|
44
|
+
"name-undo": "awsui_name-undo_h11ix_1k8yc_224",
|
|
45
|
+
"name-view-vertical": "awsui_name-view-vertical_h11ix_1k8yc_225",
|
|
46
|
+
"badge": "awsui_badge_h11ix_1k8yc_249",
|
|
47
|
+
"custom-icon": "awsui_custom-icon_h11ix_1k8yc_263"
|
|
47
48
|
};
|
|
48
49
|
|
|
@@ -4,4 +4,6 @@ import { IconProviderProps } from './interfaces';
|
|
|
4
4
|
* This allows the Icon component to have these icons available in the context even when no IconProvider is used.
|
|
5
5
|
*/
|
|
6
6
|
export declare const InternalIconContext: import("react").Context<IconProviderProps.Icons>;
|
|
7
|
+
/** Holds per-component custom icons. Empty by default: components render their built-in icons. */
|
|
8
|
+
export declare const InternalComponentIconsContext: import("react").Context<IconProviderProps.ComponentIcons>;
|
|
7
9
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/context.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,kDAAyD,CAAC"}
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/context.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,kDAAyD,CAAC;AAE1F,kGAAkG;AAClG,eAAO,MAAM,6BAA6B,2DAAsD,CAAC"}
|
|
@@ -7,4 +7,6 @@ import generatedIcons from '../icon/generated/icons';
|
|
|
7
7
|
* This allows the Icon component to have these icons available in the context even when no IconProvider is used.
|
|
8
8
|
*/
|
|
9
9
|
export const InternalIconContext = createContext(generatedIcons);
|
|
10
|
+
/** Holds per-component custom icons. Empty by default: components render their built-in icons. */
|
|
11
|
+
export const InternalComponentIconsContext = createContext({});
|
|
10
12
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/icon-provider/context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAGrD;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAA0B,cAAc,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport generatedIcons from '../icon/generated/icons';\nimport { IconProviderProps } from './interfaces';\n\n/**\n * Preload the context with the existing icon set.\n * This allows the Icon component to have these icons available in the context even when no IconProvider is used.\n */\nexport const InternalIconContext = createContext<IconProviderProps.Icons>(generatedIcons);\n"]}
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/icon-provider/context.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,cAAc,MAAM,yBAAyB,CAAC;AAGrD;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAA0B,cAAc,CAAC,CAAC;AAE1F,kGAAkG;AAClG,MAAM,CAAC,MAAM,6BAA6B,GAAG,aAAa,CAAmC,EAAE,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext } from 'react';\n\nimport generatedIcons from '../icon/generated/icons';\nimport { IconProviderProps } from './interfaces';\n\n/**\n * Preload the context with the existing icon set.\n * This allows the Icon component to have these icons available in the context even when no IconProvider is used.\n */\nexport const InternalIconContext = createContext<IconProviderProps.Icons>(generatedIcons);\n\n/** Holds per-component custom icons. Empty by default: components render their built-in icons. */\nexport const InternalComponentIconsContext = createContext<IconProviderProps.ComponentIcons>({});\n"]}
|
|
@@ -35,11 +35,49 @@ export interface IconProviderProps extends BaseComponentProps {
|
|
|
35
35
|
* However, if the icon name is the same as the key, for example, `{'close': <Icon name='close' />}` an infinite loop will be created.
|
|
36
36
|
* The same applies to switching icons in the same configuration (for example, `{'close': <Icon name='arrow-left' />, 'arrow-left': <Icon name='close' />}`).
|
|
37
37
|
*/
|
|
38
|
-
icons
|
|
38
|
+
icons?: IconProviderProps.Icons | null;
|
|
39
|
+
/**
|
|
40
|
+
* Custom icons for specific components, replacing built-in stateful icons such as expand toggles
|
|
41
|
+
* and sorting indicators. Unlike `icons`, these target a specific component and receive the icon's
|
|
42
|
+
* current state.
|
|
43
|
+
*
|
|
44
|
+
* Each entry is a render function: it receives the state and returns the icon to display. The
|
|
45
|
+
* custom icon replaces the default rendering entirely (including built-in animations), so it must
|
|
46
|
+
* represent every state. Return `null` to fall back to the default icon. Use `size="inherit"` on
|
|
47
|
+
* a custom `<Icon>` (or provide a plain SVG) so it matches the default icon size.
|
|
48
|
+
*
|
|
49
|
+
* Component icons apply to nested usage as well, for example, expandable sections rendered inside
|
|
50
|
+
* side navigation or wizard. They are inherited by nested providers (closest provider wins).
|
|
51
|
+
* Set to `null` to reset all component icons, or set a specific component to `null` to reset its icons.
|
|
52
|
+
*/
|
|
53
|
+
componentIcons?: IconProviderProps.ComponentIcons | null;
|
|
39
54
|
}
|
|
40
55
|
export declare namespace IconProviderProps {
|
|
41
56
|
type Icons = {
|
|
42
57
|
[name in IconProps.Name]?: ReactNode | null;
|
|
43
58
|
};
|
|
59
|
+
interface ComponentIcons {
|
|
60
|
+
table?: TableIcons | null;
|
|
61
|
+
'tree-view'?: TreeViewIcons | null;
|
|
62
|
+
'expandable-section'?: ExpandableSectionIcons | null;
|
|
63
|
+
}
|
|
64
|
+
interface TableIcons {
|
|
65
|
+
expandToggle?: (state: {
|
|
66
|
+
expanded: boolean;
|
|
67
|
+
}) => ReactNode;
|
|
68
|
+
sortingIndicator?: (state: {
|
|
69
|
+
sortingState: 'sortable' | 'ascending' | 'descending';
|
|
70
|
+
}) => ReactNode;
|
|
71
|
+
}
|
|
72
|
+
interface TreeViewIcons {
|
|
73
|
+
expandToggle?: (state: {
|
|
74
|
+
expanded: boolean;
|
|
75
|
+
}) => ReactNode;
|
|
76
|
+
}
|
|
77
|
+
interface ExpandableSectionIcons {
|
|
78
|
+
expandToggle?: (state: {
|
|
79
|
+
expanded: boolean;
|
|
80
|
+
}) => ReactNode;
|
|
81
|
+
}
|
|
44
82
|
}
|
|
45
83
|
//# sourceMappingURL=interfaces.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/interfaces.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon-provider/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 { ReactNode } from 'react';\n\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\n// Why not enums? Explained there\n// https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\nexport type BuiltInIconName =\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 | 'announcement'\n | 'arrow-left'\n | 'arrow-right'\n | 'arrow-up'\n | 'arrow-down'\n | 'at-symbol'\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 | 'convert-code'\n | 'delete-marker'\n | 'dot'\n | 'download'\n | 'drag-indicator'\n | 'edit'\n | 'edit-gen-ai'\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 | 'history'\n | 'insert-row'\n | 'internal-link'\n | 'key'\n | 'keyboard'\n | 'light-dark'\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 | 'search-gen-ai'\n | 'security'\n | 'settings'\n | 'send'\n | 'share'\n | 'shrink'\n | 'sign-out'\n | 'side-bar'\n | 'slash'\n | 'slash-divider'\n | 'star-filled'\n | 'star-half'\n | 'star'\n | 'status-in-progress'\n | 'status-info'\n | 'status-negative'\n | 'status-not-started'\n | 'status-pending'\n | 'status-positive'\n | 'status-stopped'\n | 'status-warning'\n | 'stop-circle'\n | 'subtract-minus'\n | 'suggestions'\n | 'suggestions-gen-ai'\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/**\n * Augment this interface using `declare module` to register custom icon names.\n * Registered names become valid across all icon-accepting components.\n *\n * @example\n * declare module \"@cloudscape-design/components/icon-provider\" {\n * interface IconRegistry extends IconMap<typeof myIcons> {}\n * }\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface IconRegistry {}\n\n/** Union of all icon names in the {@link IconRegistry}. */\nexport type IconRegistryIconName = keyof IconRegistry & string;\n\nexport type DefineIconsInput = Partial<Record<BuiltInIconName | (string & {}), ReactNode>>;\n\n/** Extracts the keys of a `defineIcons` result into the shape that {@link IconRegistry} expects. */\nexport type IconMap<T> = { [K in keyof T & string]: T[K] };\n\nexport interface IconProviderProps extends BaseComponentProps {\n children: ReactNode;\n\n /**\n * Specifies icon overrides using existing icon names, for example, `{'add-plus': <svg>...</svg>}`.\n *\n * These icon overrides will automatically be applied to any component that is a descendant of this provider, including nested providers.\n *\n * Set to `null` to reset the icons to the default set or set specific icon names to `null` to change them back to the default set.\n *\n * For example, override `AppLayout` icons but not icons in the content slot by wrapping content with an `IconProvider` with this property set to `null`.\n *\n * `<Icon ... />` component can be used as an override (for example, `{'close': <Icon name='arrow-left' />}`).\n * However, if the icon name is the same as the key, for example, `{'close': <Icon name='close' />}` an infinite loop will be created.\n * The same applies to switching icons in the same configuration (for example, `{'close': <Icon name='arrow-left' />, 'arrow-left': <Icon name='close' />}`).\n */\n icons
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon-provider/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 { ReactNode } from 'react';\n\nimport { IconProps } from '../icon/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\n// Why not enums? Explained there\n// https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\nexport type BuiltInIconName =\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 | 'announcement'\n | 'arrow-left'\n | 'arrow-right'\n | 'arrow-up'\n | 'arrow-down'\n | 'at-symbol'\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 | 'convert-code'\n | 'delete-marker'\n | 'dot'\n | 'download'\n | 'drag-indicator'\n | 'edit'\n | 'edit-gen-ai'\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 | 'history'\n | 'insert-row'\n | 'internal-link'\n | 'key'\n | 'keyboard'\n | 'light-dark'\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 | 'search-gen-ai'\n | 'security'\n | 'settings'\n | 'send'\n | 'share'\n | 'shrink'\n | 'sign-out'\n | 'side-bar'\n | 'slash'\n | 'slash-divider'\n | 'star-filled'\n | 'star-half'\n | 'star'\n | 'status-in-progress'\n | 'status-info'\n | 'status-negative'\n | 'status-not-started'\n | 'status-pending'\n | 'status-positive'\n | 'status-stopped'\n | 'status-warning'\n | 'stop-circle'\n | 'subtract-minus'\n | 'suggestions'\n | 'suggestions-gen-ai'\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/**\n * Augment this interface using `declare module` to register custom icon names.\n * Registered names become valid across all icon-accepting components.\n *\n * @example\n * declare module \"@cloudscape-design/components/icon-provider\" {\n * interface IconRegistry extends IconMap<typeof myIcons> {}\n * }\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface IconRegistry {}\n\n/** Union of all icon names in the {@link IconRegistry}. */\nexport type IconRegistryIconName = keyof IconRegistry & string;\n\nexport type DefineIconsInput = Partial<Record<BuiltInIconName | (string & {}), ReactNode>>;\n\n/** Extracts the keys of a `defineIcons` result into the shape that {@link IconRegistry} expects. */\nexport type IconMap<T> = { [K in keyof T & string]: T[K] };\n\nexport interface IconProviderProps extends BaseComponentProps {\n children: ReactNode;\n\n /**\n * Specifies icon overrides using existing icon names, for example, `{'add-plus': <svg>...</svg>}`.\n *\n * These icon overrides will automatically be applied to any component that is a descendant of this provider, including nested providers.\n *\n * Set to `null` to reset the icons to the default set or set specific icon names to `null` to change them back to the default set.\n *\n * For example, override `AppLayout` icons but not icons in the content slot by wrapping content with an `IconProvider` with this property set to `null`.\n *\n * `<Icon ... />` component can be used as an override (for example, `{'close': <Icon name='arrow-left' />}`).\n * However, if the icon name is the same as the key, for example, `{'close': <Icon name='close' />}` an infinite loop will be created.\n * The same applies to switching icons in the same configuration (for example, `{'close': <Icon name='arrow-left' />, 'arrow-left': <Icon name='close' />}`).\n */\n icons?: IconProviderProps.Icons | null;\n\n /**\n * Custom icons for specific components, replacing built-in stateful icons such as expand toggles\n * and sorting indicators. Unlike `icons`, these target a specific component and receive the icon's\n * current state.\n *\n * Each entry is a render function: it receives the state and returns the icon to display. The\n * custom icon replaces the default rendering entirely (including built-in animations), so it must\n * represent every state. Return `null` to fall back to the default icon. Use `size=\"inherit\"` on\n * a custom `<Icon>` (or provide a plain SVG) so it matches the default icon size.\n *\n * Component icons apply to nested usage as well, for example, expandable sections rendered inside\n * side navigation or wizard. They are inherited by nested providers (closest provider wins).\n * Set to `null` to reset all component icons, or set a specific component to `null` to reset its icons.\n */\n componentIcons?: IconProviderProps.ComponentIcons | null;\n}\n\nexport namespace IconProviderProps {\n export type Icons = {\n [name in IconProps.Name]?: ReactNode | null;\n };\n\n export interface ComponentIcons {\n table?: TableIcons | null;\n 'tree-view'?: TreeViewIcons | null;\n 'expandable-section'?: ExpandableSectionIcons | null;\n }\n\n export interface TableIcons {\n expandToggle?: (state: { expanded: boolean }) => ReactNode;\n sortingIndicator?: (state: { sortingState: 'sortable' | 'ascending' | 'descending' }) => ReactNode;\n }\n\n export interface TreeViewIcons {\n expandToggle?: (state: { expanded: boolean }) => ReactNode;\n }\n\n export interface ExpandableSectionIcons {\n expandToggle?: (state: { expanded: boolean }) => ReactNode;\n }\n}\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IconProviderProps } from './interfaces';
|
|
2
|
-
declare function InternalIconProvider({ children, icons }: IconProviderProps): JSX.Element;
|
|
2
|
+
declare function InternalIconProvider({ children, icons, componentIcons }: IconProviderProps): JSX.Element;
|
|
3
3
|
export default InternalIconProvider;
|
|
4
4
|
//# sourceMappingURL=internal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/icon-provider/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,iBAAiB,eAwCnF;AAED,eAAe,oBAAoB,CAAC"}
|