@cloudscape-design/components-themeable 3.0.1340 → 3.0.1341
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/input/styles.scss +231 -37
- package/lib/internal/scss/internal/components/chart-legend/styles.scss +1 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/template/button-dropdown/filter.d.ts +1 -1
- package/lib/internal/template/button-dropdown/filter.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/internal.d.ts.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/utils/use-button-dropdown.d.ts +1 -0
- 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 +9 -0
- package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js.map +1 -1
- package/lib/internal/template/i18n/context.d.ts +16 -4
- package/lib/internal/template/i18n/context.d.ts.map +1 -1
- package/lib/internal/template/i18n/context.js +10 -4
- package/lib/internal/template/i18n/context.js.map +1 -1
- package/lib/internal/template/i18n/index.d.ts +2 -0
- package/lib/internal/template/i18n/index.d.ts.map +1 -1
- package/lib/internal/template/i18n/index.js +1 -0
- package/lib/internal/template/i18n/index.js.map +1 -1
- package/lib/internal/template/input/index.d.ts.map +1 -1
- package/lib/internal/template/input/index.js +4 -2
- package/lib/internal/template/input/index.js.map +1 -1
- package/lib/internal/template/input/interfaces.d.ts +9 -0
- package/lib/internal/template/input/interfaces.d.ts.map +1 -1
- package/lib/internal/template/input/interfaces.js.map +1 -1
- package/lib/internal/template/input/internal.d.ts +5 -5
- package/lib/internal/template/input/internal.d.ts.map +1 -1
- package/lib/internal/template/input/internal.js +60 -24
- package/lib/internal/template/input/internal.js.map +1 -1
- package/lib/internal/template/input/styles.css.js +28 -18
- package/lib/internal/template/input/styles.scoped.css +213 -52
- package/lib/internal/template/input/styles.selectors.js +28 -18
- package/lib/internal/template/input/utils.js +3 -3
- package/lib/internal/template/input/utils.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
- package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +16 -14
- package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/multiselect/embedded.d.ts +1 -1
- package/lib/internal/template/select/parts/filter.d.ts +1 -1
- package/lib/internal/template/select/parts/filter.d.ts.map +1 -1
- package/lib/internal/template/status-indicator/interfaces.d.ts +1 -1
- package/lib/internal/template/status-indicator/interfaces.d.ts.map +1 -1
- package/lib/internal/template/status-indicator/interfaces.js.map +1 -1
- package/lib/internal/template/status-indicator/internal.d.ts +2 -6
- package/lib/internal/template/status-indicator/internal.d.ts.map +1 -1
- package/lib/internal/template/status-indicator/internal.js.map +1 -1
- package/lib/internal/template/steps/interfaces.d.ts +2 -2
- package/lib/internal/template/steps/interfaces.d.ts.map +1 -1
- package/lib/internal/template/steps/interfaces.js.map +1 -1
- package/lib/internal/template/test-utils/dom/input/index.d.ts +2 -0
- package/lib/internal/template/test-utils/dom/input/index.js +6 -0
- package/lib/internal/template/test-utils/dom/input/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/input/index.d.ts +2 -0
- package/lib/internal/template/test-utils/selectors/input/index.js +6 -0
- package/lib/internal/template/test-utils/selectors/input/index.js.map +1 -1
- package/package.json +1 -1
- package/lib/internal/template/status-indicator/internal-interfaces.d.ts +0 -3
- package/lib/internal/template/status-indicator/internal-interfaces.d.ts.map +0 -1
- package/lib/internal/template/status-indicator/internal-interfaces.js +0 -2
- package/lib/internal/template/status-indicator/internal-interfaces.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/input/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAa,WAAW,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAY,EACZ,QAA6B,EAC7B,QAA6B,EAC7B,KAAa,EACb,QAAqC,EACrC,QAAiC,EACjC,EAAE;IACF,MAAM,WAAW,GAAgC,EAAE,CAAC;IACpD,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;;QACvC,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IACzB,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,cAAc,EAAE,CAAC;QACjD,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/input/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAa,WAAW,EAAE,MAAM,OAAO,CAAC;AAI/C,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,IAAY,EACZ,QAA6B,EAC7B,QAA6B,EAC7B,KAAa,EACb,QAAqC,EACrC,QAAiC,EACjC,EAAE;IACF,MAAM,WAAW,GAAgC,EAAE,CAAC;IACpD,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;;QACvC,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;QAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IACzB,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,cAAc,EAAE,CAAC;QACjD,WAAW,CAAC,WAAW,GAAG,QAAQ,CAAC;QAEnC,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,KAAK,EAAE,CAAC;YACpC,WAAW,CAAC,SAAS,GAAG,OAAO,CAAC;YAChC,WAAW,CAAC,gBAAgB,GAAG,eAAe,CAAC;QACjD,CAAC;IACH,CAAC;IACD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,gBAAkC,KAAK,EAAU,EAAE;IACrF,IAAI,aAAa,KAAK,IAAI,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,aAAa,IAAI,KAAK,CAAC;AAChC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { RefObject, useCallback } from 'react';\n\nimport { InternalInputProps } from './internal';\n\nexport const useSearchProps = (\n type: string,\n disabled: boolean | undefined,\n readOnly: boolean | undefined,\n value: string,\n inputRef: RefObject<HTMLInputElement>,\n onChange: (value: string) => void\n) => {\n const searchProps: Partial<InternalInputProps> = {};\n const handleIconClick = useCallback(() => {\n inputRef.current?.focus();\n onChange('');\n }, [inputRef, onChange]);\n if (type === 'search' || type === 'visualSearch') {\n searchProps.__startIcon = 'search';\n\n if (!disabled && !readOnly && value) {\n searchProps.__endIcon = 'close';\n searchProps.__onEndIconClick = handleIconClick;\n }\n }\n return searchProps;\n};\n\n/**\n * Converts the boolean or string value of the `autoComplete` property to the correct `autocomplete` attribute value.\n */\nexport const convertAutoComplete = (propertyValue: boolean | string = false): string => {\n if (propertyValue === true) {\n return 'on';\n }\n return propertyValue || 'off';\n};\n"]}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"marker": "
|
|
5
|
-
"root": "
|
|
6
|
-
"title": "
|
|
7
|
-
"list": "
|
|
8
|
-
"marker--dimmed": "awsui_marker--
|
|
9
|
-
"marker--highlighted": "awsui_marker--
|
|
4
|
+
"marker": "awsui_marker_1kjc7_1mwuf_153",
|
|
5
|
+
"root": "awsui_root_1kjc7_1mwuf_167",
|
|
6
|
+
"title": "awsui_title_1kjc7_1mwuf_202",
|
|
7
|
+
"list": "awsui_list_1kjc7_1mwuf_206",
|
|
8
|
+
"marker--dimmed": "awsui_marker--dimmed_1kjc7_1mwuf_254",
|
|
9
|
+
"marker--highlighted": "awsui_marker--highlighted_1kjc7_1mwuf_257"
|
|
10
10
|
};
|
|
11
11
|
|
|
@@ -150,21 +150,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
150
150
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
151
151
|
SPDX-License-Identifier: Apache-2.0
|
|
152
152
|
*/
|
|
153
|
-
.
|
|
153
|
+
.awsui_marker_1kjc7_1mwuf_153:not(#\9) {
|
|
154
154
|
transition: opacity var(--motion-duration-transition-quick-ucajl5, 90ms) var(--motion-easing-transition-quick-034duw, linear);
|
|
155
155
|
}
|
|
156
156
|
@media (prefers-reduced-motion: reduce) {
|
|
157
|
-
.
|
|
157
|
+
.awsui_marker_1kjc7_1mwuf_153:not(#\9) {
|
|
158
158
|
animation: none;
|
|
159
159
|
transition: none;
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
|
-
.awsui-motion-disabled .
|
|
162
|
+
.awsui-motion-disabled .awsui_marker_1kjc7_1mwuf_153:not(#\9), .awsui-mode-entering .awsui_marker_1kjc7_1mwuf_153:not(#\9) {
|
|
163
163
|
animation: none;
|
|
164
164
|
transition: none;
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
-
.
|
|
167
|
+
.awsui_root_1kjc7_1mwuf_167:not(#\9) {
|
|
168
168
|
border-collapse: separate;
|
|
169
169
|
border-spacing: 0;
|
|
170
170
|
box-sizing: border-box;
|
|
@@ -195,15 +195,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
195
195
|
-webkit-font-smoothing: auto;
|
|
196
196
|
-moz-osx-font-smoothing: auto;
|
|
197
197
|
}
|
|
198
|
-
.
|
|
198
|
+
.awsui_root_1kjc7_1mwuf_167:not(#\9):focus {
|
|
199
199
|
outline: none;
|
|
200
200
|
}
|
|
201
201
|
|
|
202
|
-
.
|
|
202
|
+
.awsui_title_1kjc7_1mwuf_202:not(#\9) {
|
|
203
203
|
/* used in test utils */
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
-
.
|
|
206
|
+
.awsui_list_1kjc7_1mwuf_206:not(#\9) {
|
|
207
207
|
display: flex;
|
|
208
208
|
flex-wrap: wrap;
|
|
209
209
|
list-style: none;
|
|
@@ -214,7 +214,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
214
214
|
gap: var(--space-scaled-xxs-jatbiv, 4px) var(--space-m-n2lypl, 16px);
|
|
215
215
|
}
|
|
216
216
|
|
|
217
|
-
.
|
|
217
|
+
.awsui_marker_1kjc7_1mwuf_153:not(#\9) {
|
|
218
|
+
min-inline-size: 0;
|
|
219
|
+
word-break: break-word;
|
|
218
220
|
display: inline-flex;
|
|
219
221
|
align-items: flex-start;
|
|
220
222
|
padding-block: 0;
|
|
@@ -225,17 +227,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
225
227
|
cursor: pointer;
|
|
226
228
|
opacity: 1;
|
|
227
229
|
}
|
|
228
|
-
.
|
|
230
|
+
.awsui_marker_1kjc7_1mwuf_153:not(#\9):focus {
|
|
229
231
|
outline: none;
|
|
230
232
|
}
|
|
231
|
-
body[data-awsui-focus-visible=true] .
|
|
233
|
+
body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_1mwuf_153:not(#\9):focus {
|
|
232
234
|
position: relative;
|
|
233
235
|
}
|
|
234
|
-
body[data-awsui-focus-visible=true] .
|
|
236
|
+
body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_1mwuf_153:not(#\9):focus {
|
|
235
237
|
outline: 2px dotted transparent;
|
|
236
238
|
outline-offset: calc(2px - 1px);
|
|
237
239
|
}
|
|
238
|
-
body[data-awsui-focus-visible=true] .
|
|
240
|
+
body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_1mwuf_153:not(#\9):focus::before {
|
|
239
241
|
content: " ";
|
|
240
242
|
display: block;
|
|
241
243
|
position: absolute;
|
|
@@ -249,9 +251,9 @@ body[data-awsui-focus-visible=true] .awsui_marker_1kjc7_9egv0_153:not(#\9):focus
|
|
|
249
251
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
250
252
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
251
253
|
}
|
|
252
|
-
.
|
|
254
|
+
.awsui_marker_1kjc7_1mwuf_153.awsui_marker--dimmed_1kjc7_1mwuf_254:not(#\9) {
|
|
253
255
|
opacity: 0.35;
|
|
254
256
|
}
|
|
255
|
-
.
|
|
257
|
+
.awsui_marker_1kjc7_1mwuf_153.awsui_marker--highlighted_1kjc7_1mwuf_257:not(#\9) {
|
|
256
258
|
/* used in test utils */
|
|
257
259
|
}
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"marker": "
|
|
6
|
-
"root": "
|
|
7
|
-
"title": "
|
|
8
|
-
"list": "
|
|
9
|
-
"marker--dimmed": "awsui_marker--
|
|
10
|
-
"marker--highlighted": "awsui_marker--
|
|
5
|
+
"marker": "awsui_marker_1kjc7_1mwuf_153",
|
|
6
|
+
"root": "awsui_root_1kjc7_1mwuf_167",
|
|
7
|
+
"title": "awsui_title_1kjc7_1mwuf_202",
|
|
8
|
+
"list": "awsui_list_1kjc7_1mwuf_206",
|
|
9
|
+
"marker--dimmed": "awsui_marker--dimmed_1kjc7_1mwuf_254",
|
|
10
|
+
"marker--highlighted": "awsui_marker--highlighted_1kjc7_1mwuf_257"
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (6db99848)";
|
|
3
|
+
export var GIT_SHA = "6db99848";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "core";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
|
@@ -4,7 +4,7 @@ import { MultiselectProps } from './interfaces';
|
|
|
4
4
|
export type EmbeddedMultiselectProps = SomeRequired<Pick<MultiselectProps, 'options' | 'selectedOptions' | 'ariaLabel' | 'filteringType' | 'deselectAriaLabel' | 'virtualScroll' | 'statusType' | 'controlId' | 'onChange' | 'onLoadItems' | 'loadingText' | 'finishedText' | 'errorText' | 'recoveryText' | 'empty' | 'noMatch'>, 'options' | 'selectedOptions' | 'filteringType' | 'statusType'> & {
|
|
5
5
|
filteringText?: string;
|
|
6
6
|
};
|
|
7
|
-
declare const EmbeddedMultiselect: React.ForwardRefExoticComponent<Pick<MultiselectProps, "onChange" | "ariaLabel" | "virtualScroll" | "onLoadItems" | "loadingText" | "filteringType" | "noMatch" | "
|
|
7
|
+
declare const EmbeddedMultiselect: React.ForwardRefExoticComponent<Pick<MultiselectProps, "onChange" | "ariaLabel" | "virtualScroll" | "onLoadItems" | "loadingText" | "filteringType" | "noMatch" | "statusType" | "empty" | "finishedText" | "errorText" | "recoveryText" | "controlId" | "options" | "selectedOptions" | "deselectAriaLabel"> & {
|
|
8
8
|
filteringType: import("../dropdown/interfaces").OptionsFilteringType;
|
|
9
9
|
statusType: import("../types/dropdown-status").DropdownStatusProps.StatusType;
|
|
10
10
|
options: import("..").SelectProps.Options;
|
|
@@ -5,6 +5,6 @@ export interface FilterProps extends InternalInputProps {
|
|
|
5
5
|
ref?: React.Ref<HTMLInputElement>;
|
|
6
6
|
filteringType: SelectProps.FilteringType;
|
|
7
7
|
}
|
|
8
|
-
declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "style" | "disabled" | "className" | "id" | "name" | "type" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "placeholder" | "inputMode" | "autoFocus" | "value" | "autoComplete" | "readOnly" | "step" | "invalid" | "ariaLabel" | "ariaDescribedby" | "__internalRootRef" | "warning" | "ariaLabelledby" | "filteringType" | "
|
|
8
|
+
declare const Filter: React.ForwardRefExoticComponent<Pick<FilterProps, "style" | "disabled" | "className" | "id" | "name" | "type" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "placeholder" | "prefix" | "inputMode" | "autoFocus" | "value" | "autoComplete" | "readOnly" | "step" | "invalid" | "ariaLabel" | "ariaDescribedby" | "__internalRootRef" | "warning" | "ariaLabelledby" | "filteringType" | "__injectAnalyticsComponentMetadata" | "__skipNativeAttributesWarnings" | "ariaRequired" | "controlId" | "suffix" | "nativeInputAttributes" | "disableBrowserAutocorrect" | "spellcheck" | "clearAriaLabel" | "__startIcon" | "__startIconVariant" | "__onStartIconClick" | "__endIcon" | "__onEndIconClick" | "__noBorderRadius" | "__onDelayedInput" | "__onBlurWithDetail" | "__inheritFormFieldProps" | "__inlineLabelText" | "__fullWidth"> & React.RefAttributes<HTMLInputElement>>;
|
|
9
9
|
export default Filter;
|
|
10
10
|
//# sourceMappingURL=filter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAsB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"filter.d.ts","sourceRoot":"","sources":["../../../../src/select/parts/filter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAsB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC,aAAa,EAAE,WAAW,CAAC,aAAa,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,s2BA0BV,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
|
@@ -39,7 +39,7 @@ export interface StatusIndicatorProps extends BaseComponentProps {
|
|
|
39
39
|
nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;
|
|
40
40
|
}
|
|
41
41
|
export declare namespace StatusIndicatorProps {
|
|
42
|
-
type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading' | 'not-started';
|
|
42
|
+
type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading' | 'not-started' | 'log';
|
|
43
43
|
type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';
|
|
44
44
|
}
|
|
45
45
|
//# sourceMappingURL=interfaces.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GACZ,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,GACb,SAAS,GACT,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,IAAI,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,CAAC;CACxE;AAED,yBAAiB,oBAAoB,CAAC;IAGpC,KAAY,IAAI,GACZ,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,aAAa,GACb,SAAS,GACT,aAAa,GACb,KAAK,CAAC;IACV,KAAY,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;CAClE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/status-indicator/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 '../types/base-component';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n /**\n * Specifies the status type.\n */\n type?: StatusIndicatorProps.Type;\n /**\n * A text fragment that communicates the status.\n */\n children?: React.ReactNode;\n /**\n * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n * use this to communicate additional context.\n */\n iconAriaLabel?: string;\n /**\n * Specifies an override for the status indicator color.\n */\n colorOverride?: StatusIndicatorProps.Color;\n /**\n * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n * and truncates it with an ellipsis.\n */\n wrapText?: boolean;\n /**\n * Attributes to add to the native element.\n * Some attributes will be automatically combined with internal attribute values:\n * - `className` will be appended.\n * - Event handlers will be chained, unless the default is prevented.\n *\n * We do not support using this attribute to apply custom styling.\n *\n * @awsuiSystem core\n */\n nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;\n}\n\nexport namespace StatusIndicatorProps {\n // Why not enums? Explained there\n // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n export type Type =\n | 'error'\n | 'warning'\n | 'success'\n | 'info'\n | 'stopped'\n | 'pending'\n | 'in-progress'\n | 'loading'\n | 'not-started';\n export type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/status-indicator/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 '../types/base-component';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../types/native-attributes';\n\nexport interface StatusIndicatorProps extends BaseComponentProps {\n /**\n * Specifies the status type.\n */\n type?: StatusIndicatorProps.Type;\n /**\n * A text fragment that communicates the status.\n */\n children?: React.ReactNode;\n /**\n * Specifies an `aria-label` for the icon. If the status text alone does not fully describe the status,\n * use this to communicate additional context.\n */\n iconAriaLabel?: string;\n /**\n * Specifies an override for the status indicator color.\n */\n colorOverride?: StatusIndicatorProps.Color;\n /**\n * Specifies if the text content should wrap. If you set it to false, it prevents the text from wrapping\n * and truncates it with an ellipsis.\n */\n wrapText?: boolean;\n /**\n * Attributes to add to the native element.\n * Some attributes will be automatically combined with internal attribute values:\n * - `className` will be appended.\n * - Event handlers will be chained, unless the default is prevented.\n *\n * We do not support using this attribute to apply custom styling.\n *\n * @awsuiSystem core\n */\n nativeAttributes?: NativeAttributes<React.HTMLAttributes<HTMLElement>>;\n}\n\nexport namespace StatusIndicatorProps {\n // Why not enums? Explained there\n // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n export type Type =\n | 'error'\n | 'warning'\n | 'success'\n | 'info'\n | 'stopped'\n | 'pending'\n | 'in-progress'\n | 'loading'\n | 'not-started'\n | 'log';\n export type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';\n}\n"]}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { IconProps } from '../icon/interfaces';
|
|
2
2
|
import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
|
|
3
|
+
import { SomeRequired } from '../internal/types';
|
|
3
4
|
import { StatusIndicatorProps } from './interfaces';
|
|
4
|
-
|
|
5
|
-
export interface InternalStatusIndicatorProps extends Omit<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
|
|
6
|
-
/**
|
|
7
|
-
* Status type. The internal `log` value renders a plain dot for Steps.
|
|
8
|
-
*/
|
|
9
|
-
type: InternalStatusIndicatorType;
|
|
5
|
+
export interface InternalStatusIndicatorProps extends SomeRequired<StatusIndicatorProps, 'type'>, InternalBaseComponentProps {
|
|
10
6
|
/**
|
|
11
7
|
* Play an animation on the error icon when first rendered
|
|
12
8
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAIpD,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,EAChD,0BAA0B;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,cAAc,CAAC;CACvC;AAeD,UAAU,uBAAwB,SAAQ,IAAI,CAAC,4BAA4B,EAAE,MAAM,GAAG,eAAe,CAAC;IACpG,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,4BAA4B,CAAC,QAAQ,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,4BAA4B,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAe,GAChB,EAAE,uBAAuB,eAWzB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,aAAa,EACb,QAAe,EACf,gBAAgB,EAChB,SAAiB,EACjB,iBAAiB,EACjB,MAA6D,EAC7D,SAA0B,EAC1B,GAAG,IAAI,EACR,EAAE,4BAA4B,eAqC9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,YAAY,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/status-indicator/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\n\nimport { IconProps } from '../icon/interfaces';\nimport InternalIcon from '../icon/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { SomeRequired } from '../internal/types';\n/**\n * @awsuiSystem core\n */\nimport WithNativeAttributes from '../internal/utils/with-native-attributes';\nimport InternalSpinner from '../spinner/internal';\nimport { StatusIndicatorProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface InternalStatusIndicatorProps\n extends SomeRequired<StatusIndicatorProps, 'type'>,\n InternalBaseComponentProps {\n /**\n * Play an animation on the error icon when first rendered\n */\n __animate?: boolean;\n\n /**\n * Size of icon.\n */\n __size?: IconProps.Size;\n\n /**\n * The CSS behavior of the status indicator container element.\n */\n __display?: 'inline' | 'inline-block';\n}\n\nconst typeToIcon: (size: IconProps.Size) => Record<StatusIndicatorProps.Type, JSX.Element> = size => ({\n error: <InternalIcon name=\"status-negative\" size={size} />,\n warning: <InternalIcon name=\"status-warning\" size={size} />,\n success: <InternalIcon name=\"status-positive\" size={size} />,\n info: <InternalIcon name=\"status-info\" size={size} />,\n stopped: <InternalIcon name=\"status-stopped\" size={size} />,\n pending: <InternalIcon name=\"status-pending\" size={size} />,\n 'in-progress': <InternalIcon name=\"status-in-progress\" size={size} />,\n loading: <InternalSpinner />,\n 'not-started': <InternalIcon name=\"status-not-started\" size={size} />,\n log: <InternalIcon name=\"dot\" size={size} />,\n});\n\ninterface InternalStatusIconProps extends Pick<InternalStatusIndicatorProps, 'type' | 'iconAriaLabel'> {\n animate?: InternalStatusIndicatorProps['__animate'];\n size?: InternalStatusIndicatorProps['__size'];\n display?: InternalStatusIndicatorProps['__display'];\n}\n\nexport function InternalStatusIcon({\n type,\n iconAriaLabel,\n animate,\n display,\n size = 'normal',\n}: InternalStatusIconProps) {\n return (\n <span\n className={clsx(styles.icon, animate && styles['icon-shake'])}\n aria-label={iconAriaLabel}\n role={iconAriaLabel ? 'img' : undefined}\n >\n {typeToIcon(size)[type]}\n {display === 'inline' && <> </>}\n </span>\n );\n}\n\nexport default function StatusIndicator({\n type,\n children,\n iconAriaLabel,\n colorOverride,\n wrapText = true,\n nativeAttributes,\n __animate = false,\n __internalRootRef,\n __size = isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal',\n __display = 'inline-block',\n ...rest\n}: InternalStatusIndicatorProps) {\n const baseProps = getBaseProps(rest);\n return (\n <WithNativeAttributes\n {...baseProps}\n tag=\"span\"\n componentName=\"StatusIndicator\"\n nativeAttributes={nativeAttributes}\n className={clsx(\n styles.root,\n styles[`status-${type}`],\n {\n [styles[`color-override-${colorOverride}`]]: colorOverride,\n },\n baseProps.className\n )}\n ref={__internalRootRef}\n >\n <span\n className={clsx(\n styles.container,\n styles[`display-${__display}`],\n wrapText === false && styles['overflow-ellipsis'],\n __animate && styles['container-fade-in']\n )}\n >\n <InternalStatusIcon\n type={type}\n iconAriaLabel={iconAriaLabel}\n animate={__animate}\n display={__display}\n size={__size}\n />\n <span>{children}</span>\n </span>\n </WithNativeAttributes>\n );\n}\n"]}
|
|
@@ -5,7 +5,7 @@ export interface StepsProps extends BaseComponentProps {
|
|
|
5
5
|
* An array of individual steps
|
|
6
6
|
*
|
|
7
7
|
* Each step definition has the following properties:
|
|
8
|
-
* * `status` (string) - Status of the step corresponding to a status indicator.
|
|
8
|
+
* * `status` (string) - Status of the step corresponding to a status indicator.
|
|
9
9
|
* * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.
|
|
10
10
|
* * `header` (ReactNode) - Summary corresponding to the step.
|
|
11
11
|
* * `details` (ReactNode) - (Optional) Additional information corresponding to the step.
|
|
@@ -52,7 +52,7 @@ export interface StepsProps extends BaseComponentProps {
|
|
|
52
52
|
ariaDescribedby?: string;
|
|
53
53
|
}
|
|
54
54
|
export declare namespace StepsProps {
|
|
55
|
-
type Status = StatusIndicatorProps.Type
|
|
55
|
+
type Status = StatusIndicatorProps.Type;
|
|
56
56
|
interface Step {
|
|
57
57
|
status: Status;
|
|
58
58
|
statusIconAriaLabel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;;OASG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;OAIG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;IAClD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;;;;;;;;OASG;IACH,KAAK,EAAE,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IACtC;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;OAIG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC,qBAAqB,CAAC;IAClD;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,MAAM,GAAG,oBAAoB,CAAC,IAAI,CAAC;IAE/C,UAAiB,IAAI;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KAC9B;IAED,KAAY,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;IAEpD,KAAY,qBAAqB,GAAG,SAAS,GAAG,MAAM,CAAC;CACxD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface StepsProps extends BaseComponentProps {\n /**\n * An array of individual steps\n *\n * Each step definition has the following properties:\n * * `status` (string) - Status of the step corresponding to a status indicator
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/steps/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { StatusIndicatorProps } from '../status-indicator/interfaces';\nimport { BaseComponentProps } from '../types/base-component';\n\nexport interface StepsProps extends BaseComponentProps {\n /**\n * An array of individual steps\n *\n * Each step definition has the following properties:\n * * `status` (string) - Status of the step corresponding to a status indicator.\n * * `statusIconAriaLabel` - (string) - (Optional) Alternative text for the status icon.\n * * `header` (ReactNode) - Summary corresponding to the step.\n * * `details` (ReactNode) - (Optional) Additional information corresponding to the step.\n * * `annotation` (ReactNode) - (Optional) Content rendered at the start of the step, before the icon. Typically a timestamp in a timeline view.\n */\n steps: ReadonlyArray<StepsProps.Step>;\n /**\n * The visual orientation of the steps (vertical or horizontal).\n * By default the orientation is vertical.\n */\n orientation?: StepsProps.Orientation;\n /**\n * Determines whether the connector lines between steps are displayed. The following variants are available:\n * * `visible` - Shows connector lines between consecutive steps.\n * * `none` - Hides the connector lines between steps.\n */\n connectorLines?: StepsProps.ConnectorLinesVariant;\n /**\n * Render a step. This overrides the default icon, header, and details provided by the component.\n * The function is called for each step and should return an object with the following keys:\n * * `header` (React.ReactNode) - Summary corresponding to the step.\n * * `details` (React.ReactNode) - (Optional) Additional information corresponding to the step.\n * * `icon` (React.ReactNode) - (Optional) Replaces the standard step icon from the status indicator.\n */\n renderStep?: (step: StepsProps.Step) => {\n header: React.ReactNode;\n details?: React.ReactNode;\n icon?: React.ReactNode;\n };\n /**\n * Provides an `aria-label` to the progress steps container.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabel?: string;\n /**\n * Sets the `aria-labelledby` property on the progress steps container.\n * If there's a visible label element that you can reference, use this instead of `ariaLabel`.\n * Don't use `ariaLabel` and `ariaLabelledby` at the same time.\n */\n ariaLabelledby?: string;\n /**\n * Sets the `aria-describedby` property on the progress steps container.\n */\n ariaDescribedby?: string;\n}\n\nexport namespace StepsProps {\n export type Status = StatusIndicatorProps.Type;\n\n export interface Step {\n status: Status;\n statusIconAriaLabel?: string;\n header: React.ReactNode;\n details?: React.ReactNode;\n annotation?: React.ReactNode;\n }\n\n export type Orientation = 'vertical' | 'horizontal';\n\n export type ConnectorLinesVariant = 'visible' | 'none';\n}\n"]}
|
|
@@ -6,6 +6,12 @@ class InputWrapper extends base_input_1.default {
|
|
|
6
6
|
findClearButton() {
|
|
7
7
|
return this.find(`.${styles_selectors_js_1.default['input-button-right']}`);
|
|
8
8
|
}
|
|
9
|
+
findPrefix() {
|
|
10
|
+
return this.find(`.${styles_selectors_js_1.default['input-prefix']}`);
|
|
11
|
+
}
|
|
12
|
+
findSuffix() {
|
|
13
|
+
return this.find(`.${styles_selectors_js_1.default['input-suffix']}`);
|
|
14
|
+
}
|
|
9
15
|
}
|
|
10
16
|
InputWrapper.rootSelector = styles_selectors_js_1.default.root;
|
|
11
17
|
exports.default = InputWrapper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/input/index.ts"],"names":[],"mappings":";;AAIA,6CAA4C;AAE5C,4EAAgE;AAEhE,MAAqB,YAAa,SAAQ,oBAAgB;IAGxD,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/input/index.ts"],"names":[],"mappings":";;AAIA,6CAA4C;AAE5C,4EAAgE;AAEhE,MAAqB,YAAa,SAAQ,oBAAgB;IAGxD,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC;;AAZM,yBAAY,GAAW,6BAAc,CAAC,IAAI,CAAC;kBAD/B,YAAY"}
|
|
@@ -6,6 +6,12 @@ class InputWrapper extends base_input_1.default {
|
|
|
6
6
|
findClearButton() {
|
|
7
7
|
return this.find(`.${styles_selectors_js_1.default['input-button-right']}`);
|
|
8
8
|
}
|
|
9
|
+
findPrefix() {
|
|
10
|
+
return this.find(`.${styles_selectors_js_1.default['input-prefix']}`);
|
|
11
|
+
}
|
|
12
|
+
findSuffix() {
|
|
13
|
+
return this.find(`.${styles_selectors_js_1.default['input-suffix']}`);
|
|
14
|
+
}
|
|
9
15
|
}
|
|
10
16
|
InputWrapper.rootSelector = styles_selectors_js_1.default.root;
|
|
11
17
|
exports.default = InputWrapper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/input/index.ts"],"names":[],"mappings":";;AAGA,6CAA4C;AAC5C,4EAAgE;AAChE,MAAqB,YAAa,SAAQ,oBAAgB;IAExD,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/input/index.ts"],"names":[],"mappings":";;AAGA,6CAA4C;AAC5C,4EAAgE;AAChE,MAAqB,YAAa,SAAQ,oBAAgB;IAExD,eAAe;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IAC/D,CAAC;IACD,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC;IACD,UAAU;QACR,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAc,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC;;AATM,yBAAY,GAAW,6BAAc,CAAC,IAAI,CAAC;kBAD/B,YAAY"}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"internal-interfaces.d.ts","sourceRoot":"","sources":["../../../src/status-indicator/internal-interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,2BAA2B,GAAG,oBAAoB,CAAC,IAAI,GAAG,KAAK,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"internal-interfaces.js","sourceRoot":"","sources":["../../../src/status-indicator/internal-interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { StatusIndicatorProps } from './interfaces';\n\nexport type InternalStatusIndicatorType = StatusIndicatorProps.Type | 'log';\n"]}
|