@cloudscape-design/components 3.0.176 → 3.0.178
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/alert/styles.css.js +19 -19
- package/alert/styles.scoped.css +35 -31
- package/alert/styles.selectors.js +19 -19
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -29
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/area-chart/styles.css.js +13 -13
- package/area-chart/styles.scoped.css +18 -16
- package/area-chart/styles.selectors.js +13 -13
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +26 -24
- package/attribute-editor/styles.selectors.js +14 -14
- package/autosuggest/internal.d.ts.map +1 -1
- package/autosuggest/internal.js +2 -2
- package/autosuggest/internal.js.map +1 -1
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +7 -5
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +236 -234
- package/box/styles.selectors.js +189 -189
- package/breadcrumb-group/styles.css.js +6 -6
- package/breadcrumb-group/styles.scoped.css +15 -11
- package/breadcrumb-group/styles.selectors.js +6 -6
- package/button/styles.css.js +18 -18
- package/button/styles.scoped.css +138 -136
- package/button/styles.selectors.js +18 -18
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -5
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +40 -38
- package/calendar/styles.selectors.js +18 -18
- package/cards/styles.css.js +37 -37
- package/cards/styles.scoped.css +48 -44
- package/cards/styles.selectors.js +37 -37
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -5
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +111 -109
- package/code-editor/styles.selectors.js +32 -32
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +45 -43
- package/column-layout/styles.selectors.js +13 -13
- package/container/index.d.ts.map +1 -1
- package/container/index.js +1 -1
- package/container/index.js.map +1 -1
- package/container/styles.css.js +17 -17
- package/container/styles.scoped.css +29 -27
- package/container/styles.selectors.js +17 -17
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +11 -9
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +47 -45
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +21 -21
- package/expandable-section/styles.scoped.css +44 -42
- package/expandable-section/styles.selectors.js +21 -21
- package/flashbar/styles.css.js +33 -33
- package/flashbar/styles.scoped.css +117 -115
- package/flashbar/styles.selectors.js +33 -33
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +10 -8
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +31 -29
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +56 -54
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +44 -44
- package/header/styles.scoped.css +49 -47
- package/header/styles.selectors.js +44 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +60 -58
- package/help-panel/styles.selectors.js +4 -4
- package/icon/icons.js +1 -1
- package/input/index.d.ts.map +1 -1
- package/input/index.js +2 -2
- package/input/index.js.map +1 -1
- package/input/interfaces.d.ts +4 -0
- package/input/interfaces.d.ts.map +1 -1
- package/input/interfaces.js.map +1 -1
- package/input/internal.d.ts +0 -1
- package/input/internal.d.ts.map +1 -1
- package/input/internal.js +16 -14
- package/input/internal.js.map +1 -1
- package/input/styles.css.js +12 -13
- package/input/styles.scoped.css +35 -41
- package/input/styles.selectors.js +12 -13
- package/internal/components/autosuggest-input/index.d.ts +1 -0
- package/internal/components/autosuggest-input/index.d.ts.map +1 -1
- package/internal/components/autosuggest-input/index.js +2 -2
- package/internal/components/autosuggest-input/index.js.map +1 -1
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +25 -23
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +5 -3
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +17 -15
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +5 -3
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +5 -5
- package/internal/components/chart-series-details/styles.scoped.css +12 -8
- package/internal/components/chart-series-details/styles.selectors.js +5 -5
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +9 -7
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +37 -35
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +5 -3
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +4 -2
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/focus-lock/index.d.ts +2 -1
- package/internal/components/focus-lock/index.d.ts.map +1 -1
- package/internal/components/focus-lock/index.js +28 -5
- package/internal/components/focus-lock/index.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +15 -13
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +15 -15
- package/internal/components/option/styles.scoped.css +27 -25
- package/internal/components/option/styles.selectors.js +15 -15
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +4 -2
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +29 -27
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/tab-trap/index.d.ts +7 -4
- package/internal/components/tab-trap/index.d.ts.map +1 -1
- package/internal/components/tab-trap/index.js +5 -3
- package/internal/components/tab-trap/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/hooks/use-merge-refs/index.d.ts +1 -1
- package/internal/hooks/use-merge-refs/index.d.ts.map +1 -1
- package/internal/hooks/use-merge-refs/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +75 -71
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/styles.css.js +19 -19
- package/mixed-line-bar-chart/styles.scoped.css +28 -26
- package/mixed-line-bar-chart/styles.selectors.js +19 -19
- package/modal/internal.d.ts.map +1 -1
- package/modal/internal.js +2 -9
- package/modal/internal.js.map +1 -1
- package/modal/styles.css.js +22 -22
- package/modal/styles.scoped.css +42 -38
- package/modal/styles.selectors.js +22 -22
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +2 -2
- package/multiselect/internal.js.map +1 -1
- package/multiselect/styles.css.js +1 -1
- package/multiselect/styles.scoped.css +3 -1
- package/multiselect/styles.selectors.js +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +25 -23
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +45 -43
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +69 -63
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +34 -32
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/interfaces.d.ts +1 -0
- package/property-filter/interfaces.d.ts.map +1 -1
- package/property-filter/interfaces.js.map +1 -1
- package/property-filter/styles.css.js +33 -33
- package/property-filter/styles.scoped.css +37 -35
- package/property-filter/styles.selectors.js +33 -33
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +1 -1
- package/property-filter/token-editor.js.map +1 -1
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -15
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/interfaces.d.ts +1 -0
- package/s3-resource-selector/interfaces.d.ts.map +1 -1
- package/s3-resource-selector/interfaces.js.map +1 -1
- package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
- package/s3-resource-selector/s3-in-context/index.js +1 -1
- package/s3-resource-selector/s3-in-context/index.js.map +1 -1
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -33
- package/segmented-control/styles.selectors.js +14 -14
- package/select/interfaces.d.ts +4 -0
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/select/internal.d.ts.map +1 -1
- package/select/internal.js +2 -2
- package/select/internal.js.map +1 -1
- package/select/parts/filter.d.ts +1 -1
- package/select/parts/filter.d.ts.map +1 -1
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +3 -1
- package/select/styles.selectors.js +1 -1
- package/side-navigation/internal.js +1 -1
- package/side-navigation/internal.js.map +1 -1
- package/side-navigation/styles.css.js +22 -22
- package/side-navigation/styles.scoped.css +37 -32
- package/side-navigation/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +59 -59
- package/split-panel/styles.scoped.css +83 -81
- package/split-panel/styles.selectors.js +59 -59
- package/status-indicator/styles.css.js +20 -20
- package/status-indicator/styles.scoped.css +28 -26
- package/status-indicator/styles.selectors.js +20 -20
- package/table/styles.css.js +33 -33
- package/table/styles.scoped.css +41 -39
- package/table/styles.selectors.js +33 -33
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +40 -38
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/index.d.ts.map +1 -1
- package/tag-editor/index.js +2 -2
- package/tag-editor/index.js.map +1 -1
- package/tag-editor/interfaces.d.ts +1 -0
- package/tag-editor/interfaces.d.ts.map +1 -1
- package/tag-editor/interfaces.js.map +1 -1
- package/tag-editor/internal.d.ts +1 -0
- package/tag-editor/internal.d.ts.map +1 -1
- package/tag-editor/internal.js +2 -2
- package/tag-editor/internal.js.map +1 -1
- package/test-utils/dom/input/index.js +1 -1
- package/test-utils/dom/input/index.js.map +1 -1
- package/test-utils/selectors/input/index.js +1 -1
- package/test-utils/selectors/input/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +62 -60
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/interfaces.d.ts +4 -0
- package/text-filter/interfaces.d.ts.map +1 -1
- package/text-filter/interfaces.js.map +1 -1
- package/text-filter/internal.d.ts.map +1 -1
- package/text-filter/internal.js +2 -2
- package/text-filter/internal.js.map +1 -1
- package/text-filter/styles.css.js +4 -4
- package/text-filter/styles.scoped.css +6 -4
- package/text-filter/styles.selectors.js +4 -4
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +14 -12
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +72 -68
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -13
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +26 -22
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +44 -42
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +72 -66
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -21
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +33 -27
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +3 -1
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +32 -32
- package/wizard/styles.scoped.css +62 -60
- package/wizard/styles.selectors.js +32 -32
|
@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
93
|
/* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
|
|
94
|
-
.awsui_text-
|
|
94
|
+
.awsui_text-content_6absk_18ir1_94:not(#\9) {
|
|
95
95
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
96
96
|
border-collapse: separate;
|
|
97
97
|
border-spacing: 0;
|
|
@@ -126,29 +126,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
126
126
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
127
127
|
font-weight: 400;
|
|
128
128
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
129
|
+
-webkit-font-smoothing: auto;
|
|
130
|
+
-moz-osx-font-smoothing: auto;
|
|
129
131
|
/* stylelint-disable no-descending-specificity */
|
|
130
132
|
/* stylelint-enable no-descending-specificity */
|
|
131
133
|
}
|
|
132
|
-
.awsui_text-
|
|
133
|
-
.awsui_text-
|
|
134
|
-
.awsui_text-
|
|
135
|
-
.awsui_text-
|
|
136
|
-
.awsui_text-
|
|
137
|
-
.awsui_text-
|
|
134
|
+
.awsui_text-content_6absk_18ir1_94 h1:not(#\9),
|
|
135
|
+
.awsui_text-content_6absk_18ir1_94 h2:not(#\9),
|
|
136
|
+
.awsui_text-content_6absk_18ir1_94 h3:not(#\9),
|
|
137
|
+
.awsui_text-content_6absk_18ir1_94 h4:not(#\9),
|
|
138
|
+
.awsui_text-content_6absk_18ir1_94 h5:not(#\9),
|
|
139
|
+
.awsui_text-content_6absk_18ir1_94 p:not(#\9) {
|
|
138
140
|
font-family: inherit;
|
|
139
141
|
font-weight: normal;
|
|
140
142
|
text-decoration: none;
|
|
141
143
|
margin: 0;
|
|
142
144
|
padding: var(--space-xxs-ynfts5, 4px) 0;
|
|
143
145
|
}
|
|
144
|
-
.awsui_text-
|
|
145
|
-
.awsui_text-
|
|
146
|
-
.awsui_text-
|
|
147
|
-
.awsui_text-
|
|
148
|
-
.awsui_text-
|
|
146
|
+
.awsui_text-content_6absk_18ir1_94 h1:not(#\9),
|
|
147
|
+
.awsui_text-content_6absk_18ir1_94 h2:not(#\9),
|
|
148
|
+
.awsui_text-content_6absk_18ir1_94 h3:not(#\9),
|
|
149
|
+
.awsui_text-content_6absk_18ir1_94 h4:not(#\9),
|
|
150
|
+
.awsui_text-content_6absk_18ir1_94 h5:not(#\9) {
|
|
149
151
|
color: var(--color-text-heading-default-jopz0f, #000716);
|
|
150
152
|
}
|
|
151
|
-
.awsui_text-
|
|
153
|
+
.awsui_text-content_6absk_18ir1_94 h1:not(#\9) {
|
|
152
154
|
font-size: var(--font-heading-xl-size-d0vjbk, 32px);
|
|
153
155
|
line-height: var(--font-heading-xl-line-height-doxfdj, 40px);
|
|
154
156
|
letter-spacing: var(--font-heading-xl-letter-spacing-9tcsmy, -0.02em);
|
|
@@ -156,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
156
158
|
-webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
|
|
157
159
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
|
|
158
160
|
}
|
|
159
|
-
.awsui_text-
|
|
161
|
+
.awsui_text-content_6absk_18ir1_94 h2:not(#\9) {
|
|
160
162
|
font-size: var(--font-heading-l-size-otmxys, 24px);
|
|
161
163
|
line-height: var(--font-heading-l-line-height-gev4n1, 30px);
|
|
162
164
|
letter-spacing: var(--font-heading-l-letter-spacing-f6wvtk, -0.015em);
|
|
@@ -164,7 +166,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
164
166
|
-webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
|
|
165
167
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
|
|
166
168
|
}
|
|
167
|
-
.awsui_text-
|
|
169
|
+
.awsui_text-content_6absk_18ir1_94 h3:not(#\9) {
|
|
168
170
|
font-size: var(--font-heading-m-size-6e3jmg, 20px);
|
|
169
171
|
line-height: var(--font-heading-m-line-height-u3t54f, 24px);
|
|
170
172
|
letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
|
|
@@ -172,7 +174,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
172
174
|
-webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
|
|
173
175
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
|
|
174
176
|
}
|
|
175
|
-
.awsui_text-
|
|
177
|
+
.awsui_text-content_6absk_18ir1_94 h4:not(#\9) {
|
|
176
178
|
font-size: var(--font-heading-s-size-9clg8y, 16px);
|
|
177
179
|
line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
|
|
178
180
|
letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
|
|
@@ -180,30 +182,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
180
182
|
-webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
|
|
181
183
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
|
|
182
184
|
}
|
|
183
|
-
.awsui_text-
|
|
185
|
+
.awsui_text-content_6absk_18ir1_94 h5:not(#\9) {
|
|
184
186
|
font-size: var(--font-heading-xs-size-fryxro, 14px);
|
|
185
187
|
line-height: var(--font-heading-xs-line-height-5x131j, 18px);
|
|
186
188
|
font-weight: var(--font-heading-xs-weight-wwznty, 800);
|
|
187
189
|
-webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
|
|
188
190
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
|
|
189
191
|
}
|
|
190
|
-
.awsui_text-
|
|
191
|
-
.awsui_text-
|
|
192
|
+
.awsui_text-content_6absk_18ir1_94 b:not(#\9),
|
|
193
|
+
.awsui_text-content_6absk_18ir1_94 strong:not(#\9) {
|
|
192
194
|
font-weight: 700;
|
|
193
195
|
}
|
|
194
|
-
.awsui_text-
|
|
196
|
+
.awsui_text-content_6absk_18ir1_94 p:not(#\9) {
|
|
195
197
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
196
198
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
197
199
|
color: inherit;
|
|
198
200
|
}
|
|
199
|
-
.awsui_text-
|
|
201
|
+
.awsui_text-content_6absk_18ir1_94 small:not(#\9) {
|
|
200
202
|
display: inline-block;
|
|
201
203
|
font-size: var(--font-body-s-size-ukw2p9, 12px);
|
|
202
204
|
line-height: var(--font-body-s-line-height-kdsbrl, 16px);
|
|
203
205
|
letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
|
|
204
206
|
color: var(--color-text-small-le1y42, #5f6b7a);
|
|
205
207
|
}
|
|
206
|
-
.awsui_text-
|
|
208
|
+
.awsui_text-content_6absk_18ir1_94 small a:not(#\9) {
|
|
207
209
|
font-size: inherit;
|
|
208
210
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
209
211
|
font-weight: var(--font-link-primary-weight-91pybi, "inherit");
|
|
@@ -218,42 +220,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
218
220
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
219
221
|
}
|
|
220
222
|
@media (prefers-reduced-motion: reduce) {
|
|
221
|
-
.awsui_text-
|
|
223
|
+
.awsui_text-content_6absk_18ir1_94 small a:not(#\9) {
|
|
222
224
|
animation: none;
|
|
223
225
|
transition: none;
|
|
224
226
|
}
|
|
225
227
|
}
|
|
226
|
-
.awsui-motion-disabled .awsui_text-
|
|
228
|
+
.awsui-motion-disabled .awsui_text-content_6absk_18ir1_94 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_18ir1_94 small a:not(#\9) {
|
|
227
229
|
animation: none;
|
|
228
230
|
transition: none;
|
|
229
231
|
}
|
|
230
|
-
.awsui_text-
|
|
232
|
+
.awsui_text-content_6absk_18ir1_94 small a:not(#\9):hover {
|
|
231
233
|
cursor: pointer;
|
|
232
234
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
233
235
|
}
|
|
234
|
-
.awsui_text-
|
|
236
|
+
.awsui_text-content_6absk_18ir1_94 small a:not(#\9):focus {
|
|
235
237
|
outline: none;
|
|
236
238
|
}
|
|
237
|
-
.awsui_text-
|
|
239
|
+
.awsui_text-content_6absk_18ir1_94 small a:not(#\9):active {
|
|
238
240
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
239
241
|
}
|
|
240
|
-
.awsui_text-
|
|
242
|
+
.awsui_text-content_6absk_18ir1_94 small a:not(#\9):active, .awsui_text-content_6absk_18ir1_94 small a:not(#\9):focus, .awsui_text-content_6absk_18ir1_94 small a:not(#\9):hover {
|
|
241
243
|
text-decoration: underline;
|
|
242
244
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
243
245
|
text-decoration-color: currentColor;
|
|
244
246
|
}
|
|
245
|
-
.awsui_text-
|
|
246
|
-
.awsui_text-
|
|
247
|
-
.awsui_text-
|
|
247
|
+
.awsui_text-content_6absk_18ir1_94 code:not(#\9),
|
|
248
|
+
.awsui_text-content_6absk_18ir1_94 pre:not(#\9),
|
|
249
|
+
.awsui_text-content_6absk_18ir1_94 samp:not(#\9) {
|
|
248
250
|
font-family: var(--font-family-monospace-iz223z, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
|
|
249
251
|
background: transparent;
|
|
250
252
|
}
|
|
251
|
-
.awsui_text-
|
|
253
|
+
.awsui_text-content_6absk_18ir1_94 code:not(#\9) {
|
|
252
254
|
font-size: var(--font-body-s-size-ukw2p9, 12px);
|
|
253
255
|
line-height: var(--font-body-s-line-height-kdsbrl, 16px);
|
|
254
256
|
letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
|
|
255
257
|
}
|
|
256
|
-
.awsui_text-
|
|
258
|
+
.awsui_text-content_6absk_18ir1_94 a:not(#\9) {
|
|
257
259
|
color: var(--color-text-link-default-5f186r, #0972d3);
|
|
258
260
|
font-weight: inherit;
|
|
259
261
|
letter-spacing: normal;
|
|
@@ -266,31 +268,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
266
268
|
transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
|
|
267
269
|
}
|
|
268
270
|
@media (prefers-reduced-motion: reduce) {
|
|
269
|
-
.awsui_text-
|
|
271
|
+
.awsui_text-content_6absk_18ir1_94 a:not(#\9) {
|
|
270
272
|
animation: none;
|
|
271
273
|
transition: none;
|
|
272
274
|
}
|
|
273
275
|
}
|
|
274
|
-
.awsui-motion-disabled .awsui_text-
|
|
276
|
+
.awsui-motion-disabled .awsui_text-content_6absk_18ir1_94 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_18ir1_94 a:not(#\9) {
|
|
275
277
|
animation: none;
|
|
276
278
|
transition: none;
|
|
277
279
|
}
|
|
278
|
-
.awsui_text-
|
|
280
|
+
.awsui_text-content_6absk_18ir1_94 a:not(#\9):hover {
|
|
279
281
|
cursor: pointer;
|
|
280
282
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
281
283
|
}
|
|
282
|
-
.awsui_text-
|
|
284
|
+
.awsui_text-content_6absk_18ir1_94 a:not(#\9):focus {
|
|
283
285
|
outline: none;
|
|
284
286
|
}
|
|
285
|
-
.awsui_text-
|
|
287
|
+
.awsui_text-content_6absk_18ir1_94 a:not(#\9):active {
|
|
286
288
|
color: var(--color-text-link-hover-kololx, #033160);
|
|
287
289
|
}
|
|
288
|
-
.awsui_text-
|
|
290
|
+
.awsui_text-content_6absk_18ir1_94 a:not(#\9):active, .awsui_text-content_6absk_18ir1_94 a:not(#\9):focus, .awsui_text-content_6absk_18ir1_94 a:not(#\9):hover {
|
|
289
291
|
text-decoration: underline;
|
|
290
292
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
291
293
|
text-decoration-color: currentColor;
|
|
292
294
|
}
|
|
293
|
-
.awsui_text-
|
|
295
|
+
.awsui_text-content_6absk_18ir1_94 a:not(#\9):focus {
|
|
294
296
|
outline: thin dotted;
|
|
295
297
|
outline: var(--border-link-focus-ring-outline-k2wccv, 0);
|
|
296
298
|
outline-offset: 2px;
|
|
@@ -298,31 +300,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
298
300
|
border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
|
|
299
301
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
300
302
|
}
|
|
301
|
-
.awsui_text-
|
|
302
|
-
.awsui_text-
|
|
303
|
+
.awsui_text-content_6absk_18ir1_94 ul:not(#\9),
|
|
304
|
+
.awsui_text-content_6absk_18ir1_94 ol:not(#\9) {
|
|
303
305
|
padding-left: var(--space-l-4vl6xu, 20px);
|
|
304
306
|
margin: var(--space-xxs-ynfts5, 4px) 0;
|
|
305
307
|
list-style-position: outside;
|
|
306
308
|
}
|
|
307
|
-
.awsui_text-
|
|
308
|
-
.awsui_text-
|
|
309
|
-
.awsui_text-
|
|
310
|
-
.awsui_text-
|
|
311
|
-
.awsui_text-
|
|
312
|
-
.awsui_text-
|
|
313
|
-
.awsui_text-
|
|
314
|
-
.awsui_text-
|
|
315
|
-
.awsui_text-
|
|
316
|
-
.awsui_text-
|
|
317
|
-
.awsui_text-
|
|
318
|
-
.awsui_text-
|
|
319
|
-
.awsui_text-
|
|
320
|
-
.awsui_text-
|
|
309
|
+
.awsui_text-content_6absk_18ir1_94 ul + ul:not(#\9),
|
|
310
|
+
.awsui_text-content_6absk_18ir1_94 ul + ol:not(#\9),
|
|
311
|
+
.awsui_text-content_6absk_18ir1_94 ul > li + ul:not(#\9),
|
|
312
|
+
.awsui_text-content_6absk_18ir1_94 ul > li + li:not(#\9),
|
|
313
|
+
.awsui_text-content_6absk_18ir1_94 ul > li + ol:not(#\9),
|
|
314
|
+
.awsui_text-content_6absk_18ir1_94 ul > li > ul:not(#\9),
|
|
315
|
+
.awsui_text-content_6absk_18ir1_94 ul > li > ol:not(#\9),
|
|
316
|
+
.awsui_text-content_6absk_18ir1_94 ol + ul:not(#\9),
|
|
317
|
+
.awsui_text-content_6absk_18ir1_94 ol + ol:not(#\9),
|
|
318
|
+
.awsui_text-content_6absk_18ir1_94 ol > li + ul:not(#\9),
|
|
319
|
+
.awsui_text-content_6absk_18ir1_94 ol > li + li:not(#\9),
|
|
320
|
+
.awsui_text-content_6absk_18ir1_94 ol > li + ol:not(#\9),
|
|
321
|
+
.awsui_text-content_6absk_18ir1_94 ol > li > ul:not(#\9),
|
|
322
|
+
.awsui_text-content_6absk_18ir1_94 ol > li > ol:not(#\9) {
|
|
321
323
|
padding-top: var(--space-xxs-ynfts5, 4px);
|
|
322
324
|
}
|
|
323
|
-
.awsui_text-
|
|
324
|
-
.awsui_text-
|
|
325
|
-
.awsui_text-
|
|
326
|
-
.awsui_text-
|
|
325
|
+
.awsui_text-content_6absk_18ir1_94 ul > li > ul:not(#\9),
|
|
326
|
+
.awsui_text-content_6absk_18ir1_94 ul > li > ol:not(#\9),
|
|
327
|
+
.awsui_text-content_6absk_18ir1_94 ol > li > ul:not(#\9),
|
|
328
|
+
.awsui_text-content_6absk_18ir1_94 ol > li > ol:not(#\9) {
|
|
327
329
|
margin: 0;
|
|
328
330
|
}
|
|
@@ -9,6 +9,10 @@ export interface TextFilterProps extends BaseComponentProps {
|
|
|
9
9
|
* Placeholder for the filtering input.
|
|
10
10
|
*/
|
|
11
11
|
filteringPlaceholder?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Label for the filtering input clear button.
|
|
14
|
+
*/
|
|
15
|
+
filteringClearAriaLabel?: string;
|
|
12
16
|
/**
|
|
13
17
|
* Accepts a human-readable, localized string that indicates the number of results. For example, "1 match" or "165 matches."
|
|
14
18
|
* If the total number of results is unknown, also include an indication that there may be more results than
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;OAGG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;CAC3E;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,YAAY;QAC3B,aAAa,EAAE,MAAM,CAAC;KACvB;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;OAGG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;CAC3E;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,YAAY;QAC3B,aAAa,EAAE,MAAM,CAAC;KACvB;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TextFilterProps extends BaseComponentProps {\n /**\n * The current value of the filtering input.\n */\n filteringText: string;\n\n /**\n * Placeholder for the filtering input.\n */\n filteringPlaceholder?: string;\n\n /**\n * Accepts a human-readable, localized string that indicates the number of results. For example, \"1 match\" or \"165 matches.\"\n * If the total number of results is unknown, also include an indication that there may be more results than\n * the number listed. For example, \"25+ matches.\"\n *\n * The count text is only displayed when `filteringText` isn't empty.\n */\n countText?: string;\n\n /**\n * Specifies if the filtering input is disabled.\n * For example, you can use it if you are fetching new items upon filtering change\n * in order to prevent the user from changing the filtering text.\n */\n disabled?: boolean;\n\n /**\n * Adds an `aria-label` on the filtering input.\n */\n filteringAriaLabel?: string;\n\n /**\n * Called when a change in filtering is caused by a user interaction. The event `detail` contains the current `filteringText`.\n */\n onChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n\n /**\n * Called after the user changes the value of the filtering input field and stops typing for a certain\n * period of time. If you want a delayed handler to invoke a filtering API call, you can use this event in addition to `onChange`.\n */\n onDelayedChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n}\n\nexport namespace TextFilterProps {\n export interface ChangeDetail {\n filteringText: string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the underlying input control.\n */\n focus(): void;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TextFilterProps extends BaseComponentProps {\n /**\n * The current value of the filtering input.\n */\n filteringText: string;\n\n /**\n * Placeholder for the filtering input.\n */\n filteringPlaceholder?: string;\n\n /**\n * Label for the filtering input clear button.\n */\n filteringClearAriaLabel?: string;\n\n /**\n * Accepts a human-readable, localized string that indicates the number of results. For example, \"1 match\" or \"165 matches.\"\n * If the total number of results is unknown, also include an indication that there may be more results than\n * the number listed. For example, \"25+ matches.\"\n *\n * The count text is only displayed when `filteringText` isn't empty.\n */\n countText?: string;\n\n /**\n * Specifies if the filtering input is disabled.\n * For example, you can use it if you are fetching new items upon filtering change\n * in order to prevent the user from changing the filtering text.\n */\n disabled?: boolean;\n\n /**\n * Adds an `aria-label` on the filtering input.\n */\n filteringAriaLabel?: string;\n\n /**\n * Called when a change in filtering is caused by a user interaction. The event `detail` contains the current `filteringText`.\n */\n onChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n\n /**\n * Called after the user changes the value of the filtering input field and stops typing for a certain\n * period of time. If you want a delayed handler to invoke a filtering API call, you can use this event in addition to `onChange`.\n */\n onDelayedChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n}\n\nexport namespace TextFilterProps {\n export interface ChangeDetail {\n filteringText: string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the underlying input control.\n */\n focus(): void;\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,QAAA,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,QAAA,MAAM,kBAAkB,0HA8CvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
package/text-filter/internal.js
CHANGED
|
@@ -9,13 +9,13 @@ import useForwardFocus from '../internal/hooks/forward-focus';
|
|
|
9
9
|
import { fireNonCancelableEvent } from '../internal/events';
|
|
10
10
|
import styles from './styles.css.js';
|
|
11
11
|
var InternalTextFilter = React.forwardRef(function (_a, ref) {
|
|
12
|
-
var filteringText = _a.filteringText, filteringAriaLabel = _a.filteringAriaLabel, filteringPlaceholder = _a.filteringPlaceholder, disabled = _a.disabled, countText = _a.countText, onChange = _a.onChange, onDelayedChange = _a.onDelayedChange, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["filteringText", "filteringAriaLabel", "filteringPlaceholder", "disabled", "countText", "onChange", "onDelayedChange", "__internalRootRef"]);
|
|
12
|
+
var filteringText = _a.filteringText, filteringAriaLabel = _a.filteringAriaLabel, filteringPlaceholder = _a.filteringPlaceholder, filteringClearAriaLabel = _a.filteringClearAriaLabel, disabled = _a.disabled, countText = _a.countText, onChange = _a.onChange, onDelayedChange = _a.onDelayedChange, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["filteringText", "filteringAriaLabel", "filteringPlaceholder", "filteringClearAriaLabel", "disabled", "countText", "onChange", "onDelayedChange", "__internalRootRef"]);
|
|
13
13
|
var inputRef = useRef(null);
|
|
14
14
|
var baseProps = getBaseProps(rest);
|
|
15
15
|
useForwardFocus(ref, inputRef);
|
|
16
16
|
var showResults = filteringText && countText && !disabled;
|
|
17
17
|
return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }),
|
|
18
|
-
React.createElement(InternalInput, { ref: inputRef, className: styles.input, type: "search", ariaLabel: filteringAriaLabel, placeholder: filteringPlaceholder, value: filteringText, disabled: disabled, autoComplete: false, onChange: function (event) { return fireNonCancelableEvent(onChange, { filteringText: event.detail.value }); }, __onDelayedInput: function (event) { return fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value }); } }),
|
|
18
|
+
React.createElement(InternalInput, { ref: inputRef, className: styles.input, type: "search", ariaLabel: filteringAriaLabel, placeholder: filteringPlaceholder, value: filteringText, disabled: disabled, autoComplete: false, clearAriaLabel: filteringClearAriaLabel, onChange: function (event) { return fireNonCancelableEvent(onChange, { filteringText: event.detail.value }); }, __onDelayedInput: function (event) { return fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value }); } }),
|
|
19
19
|
React.createElement("span", { "aria-live": "polite", "aria-atomic": "true", className: clsx(styles.results, showResults && styles['results-visible']) }, showResults ? countText : '')));
|
|
20
20
|
});
|
|
21
21
|
export default InternalTextFilter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,IAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,UACE,
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,IAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,UACE,EAW0B,EAC1B,GAAmC;IAXjC,IAAA,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA,EACpB,uBAAuB,6BAAA,EACvB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACd,IAAI,cAVT,uKAWC,CADQ;IAIT,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,IAAM,WAAW,GAAG,aAAa,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC;IAE5D,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,iBAAiB;QAC3F,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kBAAkB,EAC7B,WAAW,EAAE,oBAAoB,EACjC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,cAAc,EAAE,uBAAuB,EACvC,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAvE,CAAuE,EAC1F,gBAAgB,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,eAAe,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAA9E,CAA8E,GACzG;QACF,2CACY,QAAQ,iBACN,MAAM,EAClB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAExE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CACxB,CACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport InternalInput from '../input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport styles from './styles.css.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { TextFilterProps } from './interfaces';\n\ntype InternalTextFilterProps = TextFilterProps & InternalBaseComponentProps;\n\nconst InternalTextFilter = React.forwardRef(\n (\n {\n filteringText,\n filteringAriaLabel,\n filteringPlaceholder,\n filteringClearAriaLabel,\n disabled,\n countText,\n onChange,\n onDelayedChange,\n __internalRootRef,\n ...rest\n }: InternalTextFilterProps,\n ref: React.Ref<TextFilterProps.Ref>\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const baseProps = getBaseProps(rest);\n useForwardFocus(ref, inputRef);\n const showResults = filteringText && countText && !disabled;\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <InternalInput\n ref={inputRef}\n className={styles.input}\n type=\"search\"\n ariaLabel={filteringAriaLabel}\n placeholder={filteringPlaceholder}\n value={filteringText}\n disabled={disabled}\n autoComplete={false}\n clearAriaLabel={filteringClearAriaLabel}\n onChange={event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value })}\n __onDelayedInput={event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value })}\n />\n <span\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className={clsx(styles.results, showResults && styles['results-visible'])}\n >\n {showResults ? countText : ''}\n </span>\n </div>\n );\n }\n);\n\nexport default InternalTextFilter;\n"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"input": "
|
|
6
|
-
"results": "
|
|
7
|
-
"results-visible": "awsui_results-
|
|
4
|
+
"root": "awsui_root_1sdq3_9ifhc_93",
|
|
5
|
+
"input": "awsui_input_1sdq3_9ifhc_109",
|
|
6
|
+
"results": "awsui_results_1sdq3_9ifhc_113",
|
|
7
|
+
"results-visible": "awsui_results-visible_1sdq3_9ifhc_119"
|
|
8
8
|
};
|
|
9
9
|
|
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_1sdq3_9ifhc_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -125,21 +125,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
125
125
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
126
126
|
font-weight: 400;
|
|
127
127
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
128
|
+
-webkit-font-smoothing: auto;
|
|
129
|
+
-moz-osx-font-smoothing: auto;
|
|
128
130
|
display: flex;
|
|
129
131
|
align-items: center;
|
|
130
132
|
max-width: calc(688px - 2 * var(--space-l-4vl6xu, 20px));
|
|
131
133
|
}
|
|
132
134
|
|
|
133
|
-
.
|
|
135
|
+
.awsui_input_1sdq3_9ifhc_109:not(#\9) {
|
|
134
136
|
flex: 1;
|
|
135
137
|
}
|
|
136
138
|
|
|
137
|
-
.
|
|
139
|
+
.awsui_results_1sdq3_9ifhc_113:not(#\9) {
|
|
138
140
|
color: var(--color-text-form-label-k3j0b4, #000716);
|
|
139
141
|
display: inline-block;
|
|
140
142
|
box-sizing: border-box;
|
|
141
143
|
white-space: nowrap;
|
|
142
144
|
}
|
|
143
|
-
.awsui_results-
|
|
145
|
+
.awsui_results-visible_1sdq3_9ifhc_119:not(#\9) {
|
|
144
146
|
padding-left: var(--space-s-hv8c1d, 12px);
|
|
145
147
|
}
|
|
@@ -2,9 +2,9 @@
|
|
|
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
|
-
"input": "
|
|
7
|
-
"results": "
|
|
8
|
-
"results-visible": "awsui_results-
|
|
5
|
+
"root": "awsui_root_1sdq3_9ifhc_93",
|
|
6
|
+
"input": "awsui_input_1sdq3_9ifhc_109",
|
|
7
|
+
"results": "awsui_results_1sdq3_9ifhc_113",
|
|
8
|
+
"results-visible": "awsui_results-visible_1sdq3_9ifhc_119"
|
|
9
9
|
};
|
|
10
10
|
|
package/textarea/styles.css.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"textarea": "
|
|
6
|
-
"textarea-readonly": "awsui_textarea-
|
|
7
|
-
"textarea-invalid": "awsui_textarea-
|
|
4
|
+
"root": "awsui_root_qk1j1_kji15_93",
|
|
5
|
+
"textarea": "awsui_textarea_qk1j1_kji15_97",
|
|
6
|
+
"textarea-readonly": "awsui_textarea-readonly_qk1j1_kji15_123",
|
|
7
|
+
"textarea-invalid": "awsui_textarea-invalid_qk1j1_kji15_159"
|
|
8
8
|
};
|
|
9
9
|
|
|
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_qk1j1_kji15_93:not(#\9) {
|
|
94
94
|
/* used for test-utils */
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
.
|
|
97
|
+
.awsui_textarea_qk1j1_kji15_97:not(#\9) {
|
|
98
98
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
99
99
|
border-collapse: separate;
|
|
100
100
|
border-spacing: 0;
|
|
@@ -129,6 +129,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
129
129
|
color: var(--color-text-body-default-ajf1h5, #000716);
|
|
130
130
|
font-weight: 400;
|
|
131
131
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
132
|
+
-webkit-font-smoothing: auto;
|
|
133
|
+
-moz-osx-font-smoothing: auto;
|
|
132
134
|
resize: auto; /* stylelint-disable-line plugin/no-unsupported-browser-features */
|
|
133
135
|
cursor: text;
|
|
134
136
|
white-space: pre-wrap;
|
|
@@ -144,43 +146,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
144
146
|
font-size: var(--font-body-m-size-sregvd, 14px);
|
|
145
147
|
line-height: var(--font-body-m-line-height-i7xxvv, 22px);
|
|
146
148
|
}
|
|
147
|
-
.
|
|
149
|
+
.awsui_textarea_qk1j1_kji15_97.awsui_textarea-readonly_qk1j1_kji15_123:not(#\9) {
|
|
148
150
|
background-color: var(--color-background-input-default-u57378, #ffffff);
|
|
149
151
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
|
|
150
152
|
}
|
|
151
|
-
.
|
|
153
|
+
.awsui_textarea_qk1j1_kji15_97:not(#\9)::placeholder {
|
|
152
154
|
color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
|
|
153
155
|
font-style: italic;
|
|
154
156
|
opacity: 1;
|
|
155
157
|
}
|
|
156
|
-
.
|
|
158
|
+
.awsui_textarea_qk1j1_kji15_97:not(#\9):-ms-input-placeholder {
|
|
157
159
|
color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
|
|
158
160
|
font-style: italic;
|
|
159
161
|
}
|
|
160
|
-
.
|
|
162
|
+
.awsui_textarea_qk1j1_kji15_97:not(#\9):focus {
|
|
161
163
|
outline: 2px dotted transparent;
|
|
162
164
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
163
165
|
border-radius: var(--border-radius-input-txq8zy, 8px);
|
|
164
166
|
box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
165
167
|
}
|
|
166
|
-
.
|
|
168
|
+
.awsui_textarea_qk1j1_kji15_97:not(#\9):invalid {
|
|
167
169
|
box-shadow: none;
|
|
168
170
|
}
|
|
169
|
-
.
|
|
171
|
+
.awsui_textarea_qk1j1_kji15_97:not(#\9):disabled {
|
|
170
172
|
background-color: var(--color-background-input-disabled-wu9j6u, #e9ebed);
|
|
171
173
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
|
|
172
174
|
color: var(--color-text-input-disabled-oawyzo, #9ba7b6);
|
|
173
175
|
cursor: auto;
|
|
174
176
|
cursor: default;
|
|
175
177
|
}
|
|
176
|
-
.
|
|
178
|
+
.awsui_textarea_qk1j1_kji15_97:not(#\9):disabled::placeholder {
|
|
177
179
|
color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
|
|
178
180
|
opacity: 1;
|
|
179
181
|
}
|
|
180
|
-
.
|
|
182
|
+
.awsui_textarea_qk1j1_kji15_97:not(#\9):disabled:-ms-input-placeholder {
|
|
181
183
|
color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
|
|
182
184
|
}
|
|
183
|
-
.
|
|
185
|
+
.awsui_textarea_qk1j1_kji15_97.awsui_textarea-invalid_qk1j1_kji15_159:not(#\9) {
|
|
184
186
|
color: var(--color-text-status-error-5sesl6, #d91515);
|
|
185
187
|
border-color: var(--color-text-status-error-5sesl6, #d91515);
|
|
186
188
|
padding-left: calc(
|
|
@@ -188,6 +190,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
188
190
|
);
|
|
189
191
|
border-left-width: var(--border-invalid-width-5jpdqn, 8px);
|
|
190
192
|
}
|
|
191
|
-
.
|
|
193
|
+
.awsui_textarea_qk1j1_kji15_97.awsui_textarea-invalid_qk1j1_kji15_159:not(#\9):focus {
|
|
192
194
|
box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-omt6il, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
|
|
193
195
|
}
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"textarea": "
|
|
7
|
-
"textarea-readonly": "awsui_textarea-
|
|
8
|
-
"textarea-invalid": "awsui_textarea-
|
|
5
|
+
"root": "awsui_root_qk1j1_kji15_93",
|
|
6
|
+
"textarea": "awsui_textarea_qk1j1_kji15_97",
|
|
7
|
+
"textarea-readonly": "awsui_textarea-readonly_qk1j1_kji15_123",
|
|
8
|
+
"textarea-invalid": "awsui_textarea-invalid_qk1j1_kji15_159"
|
|
9
9
|
};
|
|
10
10
|
|
package/tiles/styles.css.js
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"column-layout": "awsui_column-
|
|
5
|
-
"grid": "
|
|
6
|
-
"grid-no-gutters": "awsui_grid-no-
|
|
7
|
-
"grid-variant-text-grid": "awsui_grid-variant-text-
|
|
8
|
-
"grid-breakpoint-default": "awsui_grid-breakpoint-
|
|
9
|
-
"grid-columns-1": "awsui_grid-columns-
|
|
10
|
-
"grid-breakpoint-xxs": "awsui_grid-breakpoint-
|
|
11
|
-
"grid-breakpoint-xs": "awsui_grid-breakpoint-
|
|
12
|
-
"grid-columns-2": "awsui_grid-columns-
|
|
13
|
-
"grid-columns-3": "awsui_grid-columns-
|
|
14
|
-
"grid-columns-4": "awsui_grid-columns-
|
|
15
|
-
"grid-vertical-borders": "awsui_grid-vertical-
|
|
16
|
-
"grid-horizontal-borders": "awsui_grid-horizontal-
|
|
17
|
-
"root": "
|
|
18
|
-
"tile-container": "awsui_tile-
|
|
19
|
-
"has-metadata": "awsui_has-
|
|
20
|
-
"selected": "
|
|
21
|
-
"disabled": "
|
|
22
|
-
"columns": "
|
|
23
|
-
"column-1": "awsui_column-
|
|
24
|
-
"breakpoint-xs": "awsui_breakpoint-
|
|
25
|
-
"breakpoint-xxs": "awsui_breakpoint-
|
|
26
|
-
"column-2": "awsui_column-
|
|
27
|
-
"column-3": "awsui_column-
|
|
28
|
-
"column-4": "awsui_column-
|
|
29
|
-
"control": "
|
|
30
|
-
"no-image": "awsui_no-
|
|
31
|
-
"image": "
|
|
4
|
+
"column-layout": "awsui_column-layout_vj6p7_fk2hv_93",
|
|
5
|
+
"grid": "awsui_grid_vj6p7_fk2hv_106",
|
|
6
|
+
"grid-no-gutters": "awsui_grid-no-gutters_vj6p7_fk2hv_111",
|
|
7
|
+
"grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_fk2hv_114",
|
|
8
|
+
"grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_fk2hv_121",
|
|
9
|
+
"grid-columns-1": "awsui_grid-columns-1_vj6p7_fk2hv_124",
|
|
10
|
+
"grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_fk2hv_124",
|
|
11
|
+
"grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_fk2hv_127",
|
|
12
|
+
"grid-columns-2": "awsui_grid-columns-2_vj6p7_fk2hv_130",
|
|
13
|
+
"grid-columns-3": "awsui_grid-columns-3_vj6p7_fk2hv_136",
|
|
14
|
+
"grid-columns-4": "awsui_grid-columns-4_vj6p7_fk2hv_142",
|
|
15
|
+
"grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_fk2hv_155",
|
|
16
|
+
"grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_fk2hv_188",
|
|
17
|
+
"root": "awsui_root_vj6p7_fk2hv_242",
|
|
18
|
+
"tile-container": "awsui_tile-container_vj6p7_fk2hv_259",
|
|
19
|
+
"has-metadata": "awsui_has-metadata_vj6p7_fk2hv_269",
|
|
20
|
+
"selected": "awsui_selected_vj6p7_fk2hv_272",
|
|
21
|
+
"disabled": "awsui_disabled_vj6p7_fk2hv_276",
|
|
22
|
+
"columns": "awsui_columns_vj6p7_fk2hv_291",
|
|
23
|
+
"column-1": "awsui_column-1_vj6p7_fk2hv_296",
|
|
24
|
+
"breakpoint-xs": "awsui_breakpoint-xs_vj6p7_fk2hv_303",
|
|
25
|
+
"breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_fk2hv_308",
|
|
26
|
+
"column-2": "awsui_column-2_vj6p7_fk2hv_313",
|
|
27
|
+
"column-3": "awsui_column-3_vj6p7_fk2hv_330",
|
|
28
|
+
"column-4": "awsui_column-4_vj6p7_fk2hv_347",
|
|
29
|
+
"control": "awsui_control_vj6p7_fk2hv_365",
|
|
30
|
+
"no-image": "awsui_no-image_vj6p7_fk2hv_369",
|
|
31
|
+
"image": "awsui_image_vj6p7_fk2hv_373"
|
|
32
32
|
};
|
|
33
33
|
|