@cloudscape-design/components 3.0.1299 → 3.0.1300
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/autosuggest/interfaces.d.ts +0 -2
- package/autosuggest/interfaces.d.ts.map +1 -1
- package/autosuggest/interfaces.js.map +1 -1
- package/copy-to-clipboard/styles.css.js +5 -5
- package/copy-to-clipboard/styles.scoped.css +7 -7
- package/copy-to-clipboard/styles.selectors.js +5 -5
- package/internal/base-component/styles.scoped.css +7 -1
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +1 -0
- package/internal/generated/theming/index.cjs +32 -0
- package/internal/generated/theming/index.cjs.d.ts +9 -0
- package/internal/generated/theming/index.d.ts +9 -0
- package/internal/generated/theming/index.js +32 -0
- package/internal/manifest.json +1 -1
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +10 -9
- package/key-value-pairs/styles.selectors.js +8 -8
- package/manifest.json +5 -0
- package/multiselect/interfaces.d.ts +0 -2
- package/multiselect/interfaces.d.ts.map +1 -1
- package/multiselect/interfaces.js.map +1 -1
- package/package.json +1 -1
- package/prompt-input/interfaces.d.ts +0 -2
- package/prompt-input/interfaces.d.ts.map +1 -1
- package/prompt-input/interfaces.js.map +1 -1
- package/select/interfaces.d.ts +0 -2
- package/select/interfaces.d.ts.map +1 -1
- package/select/interfaces.js.map +1 -1
- package/wizard/interfaces.d.ts +0 -2
- package/wizard/interfaces.d.ts.map +1 -1
- package/wizard/interfaces.js.map +1 -1
|
@@ -73,8 +73,6 @@ export interface AutosuggestProps extends BaseComponentProps, BaseInputProps, In
|
|
|
73
73
|
* The component still manages focus, keyboard interactions, and selection state, but it no longer applies its default item layout or typography.
|
|
74
74
|
*
|
|
75
75
|
* When returning `null`, the default rendering will be applied for that item.
|
|
76
|
-
*
|
|
77
|
-
* @awsuiSystem core
|
|
78
76
|
*/
|
|
79
77
|
renderOption?: AutosuggestProps.ItemRenderer;
|
|
80
78
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACpH,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,gBACf,SAAQ,kBAAkB,EACxB,cAAc,EACd,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,+BAA+B,EAC/B,mBAAmB;IACrB,WAAW,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA+BI;IACJ,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC;IAEnC
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/autosuggest/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/autosuggest/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ReactNode } from 'react';\n\nimport { BaseDropdownHostProps, OptionsFilteringType, OptionsLoadItemsDetail } from '../dropdown/interfaces';\nimport { BaseInputProps, InputAutoCorrect, InputClearLabel, InputKeyEvents, InputProps } from '../input/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status';\nimport { OptionDefinition, OptionGroup } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface AutosuggestProps\n extends BaseComponentProps,\n BaseInputProps,\n InputAutoCorrect,\n BaseDropdownHostProps,\n InputKeyEvents,\n InputClearLabel,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n onLoadItems?: NonCancelableEventHandler<AutosuggestProps.LoadItemsDetail>;\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n * - `label` (string) - (Optional) Option text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * #### OptionGroup\n * - `label` (string) - Option group text displayed to the user.\n * - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: AutosuggestProps.Options;\n\n /**\n * Specifies a render function to render custom options in the dropdown menu.\n *\n * The item inside the props has a different shape depending on its type:\n *\n *\n * ### item\n *\n * - `type` ('item') - The item type.\n * - `index` (number) - The item's absolute position in the dropdown.\n * - `option` (Option) - The original option configuration.\n * - `disabled` (boolean) - Whether the item is disabled.\n * - `highlighted` (boolean) - Whether the item is currently highlighted.\n * - `selected` (boolean) - Whether the item is selected.\n * - `parent` (OptionGroupRenderItem | null) - The parent group item, if any.\n *\n * ### group\n *\n * - `type` ('group') - The item type.\n * - `index` (number) - The item's absolute position in the dropdown.\n * - `option` (OptionGroup) - The original option configuration.\n * - `disabled` (boolean) - Whether the item is disabled.\n *\n * ### entered-text\n *\n * - `type` ('entered-text') - The item type.\n * - `option` (Option) - The entered-text option configuration.\n *\n * When providing a custom `renderOption` implementation, it fully replaces the default visual rendering and content for that item.\n * The component still manages focus, keyboard interactions, and selection state, but it no longer applies its default item layout or typography.\n *\n * When returning `null`, the default rendering will be applied for that item.\n *\n * @awsuiSystem core\n */\n renderOption?: AutosuggestProps.ItemRenderer;\n\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Specifies a function that generates the custom value indicator (for example, `Use \"${value}\"`).\n * @i18n\n */\n enteredTextLabel?: AutosuggestProps.EnteredTextLabel;\n\n /**\n * Defines whether entered text option is shown as the first option in the dropdown when value is non-empty.\n */\n hideEnteredTextOption?: boolean;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n *\n * Note that the `matchesCount` includes the `enteredTextLabel` (\"Use ${value}\") item, so in most cases you\n * should subtract 1 from `matchesCount`. If using manual filtering, you should provide your own value for `totalCount`.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n\n /**\n * Specifies the text that's displayed when there aren't any suggestions to display.\n * This is displayed when `statusType` is set to `finished` or it's not set at all.\n */\n empty?: React.ReactNode;\n\n /**\n * Called whenever a user selects an option in the dropdown. Don't use this event as the only way to handle user input.\n * Instead, use `onSelect` in combination with the `onChange` handler only as an optional convenience for the user.\n */\n onSelect?: NonCancelableEventHandler<AutosuggestProps.SelectDetail>;\n\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/autosuggest/?tabId=usage#accessibility-guidelines).\n * @i18n\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedAriaLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/autosuggest/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: AutosuggestProps.ContainingOptionAndGroupString;\n\n /**\n * An object containing CSS properties to customize the autosuggest's visual appearance.\n * Refer to the [style](/components/autosuggest/?tabId=style) tab for more details.\n * @awsuiSystem core\n */\n style?: AutosuggestProps.Style;\n}\n\nexport namespace AutosuggestProps {\n export type ChangeDetail = InputProps.ChangeDetail;\n export type KeyDetail = InputProps.KeyDetail;\n export type FilteringType = OptionsFilteringType;\n export type Option = OptionDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n export type EnteredTextLabel = (value: string) => string;\n export interface OptionGroup extends Option {\n label?: string;\n options: ReadonlyArray<Option>;\n }\n /* eslint-disable-next-line @typescript-eslint/no-empty-object-type --\n * Required to create a distinct named type for the documenter.\n **/\n export interface LoadItemsDetail extends OptionsLoadItemsDetail {}\n export type StatusType = DropdownStatusProps.StatusType;\n export interface SelectDetail {\n value: string;\n selectedOption?: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface OptionRenderItem {\n type: 'item';\n index: number;\n option: Option;\n disabled: boolean;\n highlighted: boolean;\n selected: boolean;\n parent: OptionGroupRenderItem | null;\n }\n export interface OptionGroupRenderItem {\n type: 'group';\n index: number;\n option: OptionGroup;\n disabled: boolean;\n }\n export interface EnteredTextRenderItem {\n type: 'entered-text';\n option: Option;\n highlighted: boolean;\n }\n export type RenderItem = OptionRenderItem | OptionGroupRenderItem | EnteredTextRenderItem;\n export type ItemRenderer = (props: { item: RenderItem; filterText?: string }) => ReactNode | null;\n\n export interface Ref {\n /**\n * Sets input focus onto the UI control.\n */\n focus(): void;\n\n /**\n * Selects all text in the input control.\n */\n select(): void;\n }\n\n export interface Style {\n root?: {\n backgroundColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderRadius?: string;\n borderWidth?: string;\n boxShadow?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n color?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n fontSize?: string;\n fontWeight?: string;\n paddingBlock?: string;\n paddingInline?: string;\n };\n placeholder?: {\n color?: string;\n fontSize?: string;\n fontStyle?: string;\n fontWeight?: string;\n };\n }\n}\n\n// TODO: use DropdownOption type same as in select and multiselect\nexport type AutosuggestItem = (AutosuggestProps.Option | AutosuggestProps.OptionGroup) & {\n type?: 'parent' | 'child' | 'use-entered';\n option: OptionDefinition | OptionGroup;\n parent?: OptionGroup;\n};\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/autosuggest/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ReactNode } from 'react';\n\nimport { BaseDropdownHostProps, OptionsFilteringType, OptionsLoadItemsDetail } from '../dropdown/interfaces';\nimport { BaseInputProps, InputAutoCorrect, InputClearLabel, InputKeyEvents, InputProps } from '../input/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status';\nimport { OptionDefinition, OptionGroup } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface AutosuggestProps\n extends BaseComponentProps,\n BaseInputProps,\n InputAutoCorrect,\n BaseDropdownHostProps,\n InputKeyEvents,\n InputClearLabel,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n onLoadItems?: NonCancelableEventHandler<AutosuggestProps.LoadItemsDetail>;\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n * - `label` (string) - (Optional) Option text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * #### OptionGroup\n * - `label` (string) - Option group text displayed to the user.\n * - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: AutosuggestProps.Options;\n\n /**\n * Specifies a render function to render custom options in the dropdown menu.\n *\n * The item inside the props has a different shape depending on its type:\n *\n *\n * ### item\n *\n * - `type` ('item') - The item type.\n * - `index` (number) - The item's absolute position in the dropdown.\n * - `option` (Option) - The original option configuration.\n * - `disabled` (boolean) - Whether the item is disabled.\n * - `highlighted` (boolean) - Whether the item is currently highlighted.\n * - `selected` (boolean) - Whether the item is selected.\n * - `parent` (OptionGroupRenderItem | null) - The parent group item, if any.\n *\n * ### group\n *\n * - `type` ('group') - The item type.\n * - `index` (number) - The item's absolute position in the dropdown.\n * - `option` (OptionGroup) - The original option configuration.\n * - `disabled` (boolean) - Whether the item is disabled.\n *\n * ### entered-text\n *\n * - `type` ('entered-text') - The item type.\n * - `option` (Option) - The entered-text option configuration.\n *\n * When providing a custom `renderOption` implementation, it fully replaces the default visual rendering and content for that item.\n * The component still manages focus, keyboard interactions, and selection state, but it no longer applies its default item layout or typography.\n *\n * When returning `null`, the default rendering will be applied for that item.\n */\n renderOption?: AutosuggestProps.ItemRenderer;\n\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Specifies a function that generates the custom value indicator (for example, `Use \"${value}\"`).\n * @i18n\n */\n enteredTextLabel?: AutosuggestProps.EnteredTextLabel;\n\n /**\n * Defines whether entered text option is shown as the first option in the dropdown when value is non-empty.\n */\n hideEnteredTextOption?: boolean;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n *\n * Note that the `matchesCount` includes the `enteredTextLabel` (\"Use ${value}\") item, so in most cases you\n * should subtract 1 from `matchesCount`. If using manual filtering, you should provide your own value for `totalCount`.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n\n /**\n * Specifies the text that's displayed when there aren't any suggestions to display.\n * This is displayed when `statusType` is set to `finished` or it's not set at all.\n */\n empty?: React.ReactNode;\n\n /**\n * Called whenever a user selects an option in the dropdown. Don't use this event as the only way to handle user input.\n * Instead, use `onSelect` in combination with the `onChange` handler only as an optional convenience for the user.\n */\n onSelect?: NonCancelableEventHandler<AutosuggestProps.SelectDetail>;\n\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/autosuggest/?tabId=usage#accessibility-guidelines).\n * @i18n\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedAriaLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/autosuggest/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: AutosuggestProps.ContainingOptionAndGroupString;\n\n /**\n * An object containing CSS properties to customize the autosuggest's visual appearance.\n * Refer to the [style](/components/autosuggest/?tabId=style) tab for more details.\n * @awsuiSystem core\n */\n style?: AutosuggestProps.Style;\n}\n\nexport namespace AutosuggestProps {\n export type ChangeDetail = InputProps.ChangeDetail;\n export type KeyDetail = InputProps.KeyDetail;\n export type FilteringType = OptionsFilteringType;\n export type Option = OptionDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n export type EnteredTextLabel = (value: string) => string;\n export interface OptionGroup extends Option {\n label?: string;\n options: ReadonlyArray<Option>;\n }\n /* eslint-disable-next-line @typescript-eslint/no-empty-object-type --\n * Required to create a distinct named type for the documenter.\n **/\n export interface LoadItemsDetail extends OptionsLoadItemsDetail {}\n export type StatusType = DropdownStatusProps.StatusType;\n export interface SelectDetail {\n value: string;\n selectedOption?: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface OptionRenderItem {\n type: 'item';\n index: number;\n option: Option;\n disabled: boolean;\n highlighted: boolean;\n selected: boolean;\n parent: OptionGroupRenderItem | null;\n }\n export interface OptionGroupRenderItem {\n type: 'group';\n index: number;\n option: OptionGroup;\n disabled: boolean;\n }\n export interface EnteredTextRenderItem {\n type: 'entered-text';\n option: Option;\n highlighted: boolean;\n }\n export type RenderItem = OptionRenderItem | OptionGroupRenderItem | EnteredTextRenderItem;\n export type ItemRenderer = (props: { item: RenderItem; filterText?: string }) => ReactNode | null;\n\n export interface Ref {\n /**\n * Sets input focus onto the UI control.\n */\n focus(): void;\n\n /**\n * Selects all text in the input control.\n */\n select(): void;\n }\n\n export interface Style {\n root?: {\n backgroundColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderRadius?: string;\n borderWidth?: string;\n boxShadow?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n color?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n fontSize?: string;\n fontWeight?: string;\n paddingBlock?: string;\n paddingInline?: string;\n };\n placeholder?: {\n color?: string;\n fontSize?: string;\n fontStyle?: string;\n fontWeight?: string;\n };\n }\n}\n\n// TODO: use DropdownOption type same as in select and multiselect\nexport type AutosuggestItem = (AutosuggestProps.Option | AutosuggestProps.OptionGroup) & {\n type?: 'parent' | 'child' | 'use-entered';\n option: OptionDefinition | OptionGroup;\n parent?: OptionGroup;\n};\n"]}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"inline-container": "awsui_inline-
|
|
6
|
-
"inline-container-trigger": "awsui_inline-container-
|
|
7
|
-
"inline-container-no-wrap": "awsui_inline-container-no-
|
|
8
|
-
"text-to-display": "awsui_text-to-
|
|
4
|
+
"root": "awsui_root_5a145_8b4wa_9",
|
|
5
|
+
"inline-container": "awsui_inline-container_5a145_8b4wa_13",
|
|
6
|
+
"inline-container-trigger": "awsui_inline-container-trigger_5a145_8b4wa_16",
|
|
7
|
+
"inline-container-no-wrap": "awsui_inline-container-no-wrap_5a145_8b4wa_19",
|
|
8
|
+
"text-to-display": "awsui_text-to-display_5a145_8b4wa_28"
|
|
9
9
|
};
|
|
10
10
|
|
|
@@ -6,26 +6,26 @@
|
|
|
6
6
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
7
|
SPDX-License-Identifier: Apache-2.0
|
|
8
8
|
*/
|
|
9
|
-
.
|
|
9
|
+
.awsui_root_5a145_8b4wa_9:not(#\9) {
|
|
10
10
|
display: contents;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.awsui_inline-
|
|
13
|
+
.awsui_inline-container_5a145_8b4wa_13:not(#\9) {
|
|
14
14
|
word-break: break-all;
|
|
15
15
|
}
|
|
16
|
-
.awsui_inline-container-
|
|
16
|
+
.awsui_inline-container-trigger_5a145_8b4wa_16:not(#\9) {
|
|
17
17
|
margin-inline-end: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
18
18
|
}
|
|
19
|
-
.awsui_inline-container-no-
|
|
19
|
+
.awsui_inline-container-no-wrap_5a145_8b4wa_19:not(#\9) {
|
|
20
20
|
display: inline-flex;
|
|
21
|
-
align-items: start;
|
|
21
|
+
align-items: flex-start;
|
|
22
22
|
max-inline-size: 100%;
|
|
23
23
|
word-break: normal;
|
|
24
24
|
}
|
|
25
|
-
.awsui_inline-container-no-
|
|
25
|
+
.awsui_inline-container-no-wrap_5a145_8b4wa_19 > .awsui_inline-container-trigger_5a145_8b4wa_16:not(#\9) {
|
|
26
26
|
flex-shrink: 0;
|
|
27
27
|
}
|
|
28
|
-
.awsui_inline-container-no-
|
|
28
|
+
.awsui_inline-container-no-wrap_5a145_8b4wa_19 > .awsui_text-to-display_5a145_8b4wa_28:not(#\9) {
|
|
29
29
|
overflow: hidden;
|
|
30
30
|
text-overflow: ellipsis;
|
|
31
31
|
white-space: nowrap;
|
|
@@ -2,10 +2,10 @@
|
|
|
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
|
-
"inline-container": "awsui_inline-
|
|
7
|
-
"inline-container-trigger": "awsui_inline-container-
|
|
8
|
-
"inline-container-no-wrap": "awsui_inline-container-no-
|
|
9
|
-
"text-to-display": "awsui_text-to-
|
|
5
|
+
"root": "awsui_root_5a145_8b4wa_9",
|
|
6
|
+
"inline-container": "awsui_inline-container_5a145_8b4wa_13",
|
|
7
|
+
"inline-container-trigger": "awsui_inline-container-trigger_5a145_8b4wa_16",
|
|
8
|
+
"inline-container-no-wrap": "awsui_inline-container-no-wrap_5a145_8b4wa_19",
|
|
9
|
+
"text-to-display": "awsui_text-to-display_5a145_8b4wa_28"
|
|
10
10
|
};
|
|
11
11
|
|
|
@@ -487,6 +487,7 @@
|
|
|
487
487
|
--color-text-interactive-inverted-hover-65rnp7:var(--color-neutral-100-gk3lvf);
|
|
488
488
|
--color-text-inverted-4v4dmq:var(--color-white-p1zlvy);
|
|
489
489
|
--color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
|
|
490
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
490
491
|
--color-text-layout-toggle-1a15s3:var(--color-white-p1zlvy);
|
|
491
492
|
--color-text-layout-toggle-active-ifu7qp:var(--color-white-p1zlvy);
|
|
492
493
|
--color-text-layout-toggle-hover-9jwdce:var(--color-primary-600-1lcy1k);
|
|
@@ -1509,6 +1510,7 @@
|
|
|
1509
1510
|
--color-text-form-label-6sbm75:var(--color-text-form-default-47mtz6);
|
|
1510
1511
|
--color-text-input-placeholder-disabled-wg87og:var(--color-text-input-disabled-wh1f3y);
|
|
1511
1512
|
--color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
|
|
1513
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
1512
1514
|
--color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
|
|
1513
1515
|
--color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
|
|
1514
1516
|
--color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
|
|
@@ -1779,6 +1781,7 @@
|
|
|
1779
1781
|
--color-text-form-label-6sbm75:var(--color-text-form-default-47mtz6);
|
|
1780
1782
|
--color-text-input-placeholder-disabled-wg87og:var(--color-text-input-disabled-wh1f3y);
|
|
1781
1783
|
--color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
|
|
1784
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
1782
1785
|
--color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
|
|
1783
1786
|
--color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
|
|
1784
1787
|
--color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
|
|
@@ -1839,6 +1842,7 @@
|
|
|
1839
1842
|
--color-text-button-link-active-dqdjg3:var(--color-text-button-normal-active-vihsxh);
|
|
1840
1843
|
--color-text-button-link-default-vvunrs:var(--color-text-button-normal-default-nzalii);
|
|
1841
1844
|
--color-text-button-link-hover-kvrc36:var(--color-text-button-normal-hover-gusgyv);
|
|
1845
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
1842
1846
|
--color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
|
|
1843
1847
|
--color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
|
|
1844
1848
|
--color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
|
|
@@ -1896,6 +1900,7 @@
|
|
|
1896
1900
|
--color-text-button-link-active-dqdjg3:var(--color-text-button-normal-active-vihsxh);
|
|
1897
1901
|
--color-text-button-link-default-vvunrs:var(--color-text-button-normal-default-nzalii);
|
|
1898
1902
|
--color-text-button-link-hover-kvrc36:var(--color-text-button-normal-hover-gusgyv);
|
|
1903
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
1899
1904
|
--color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
|
|
1900
1905
|
--color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
|
|
1901
1906
|
--color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
|
|
@@ -2189,6 +2194,7 @@
|
|
|
2189
2194
|
--color-text-form-label-6sbm75:var(--color-text-form-default-47mtz6);
|
|
2190
2195
|
--color-text-input-placeholder-disabled-wg87og:var(--color-text-input-disabled-wh1f3y);
|
|
2191
2196
|
--color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
|
|
2197
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
2192
2198
|
--color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
|
|
2193
2199
|
--color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
|
|
2194
2200
|
--color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
|
|
@@ -2267,5 +2273,5 @@
|
|
|
2267
2273
|
}
|
|
2268
2274
|
}
|
|
2269
2275
|
:root {
|
|
2270
|
-
--awsui-version-info-
|
|
2276
|
+
--awsui-version-info-bc6c9867: true;
|
|
2271
2277
|
}
|
package/internal/environment.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export var PACKAGE_SOURCE = "components";
|
|
2
|
-
export var PACKAGE_VERSION = "3.0.0 (
|
|
3
|
-
export var GIT_SHA = "
|
|
2
|
+
export var PACKAGE_VERSION = "3.0.0 (bc6c9867)";
|
|
3
|
+
export var GIT_SHA = "bc6c9867";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "core";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|
|
@@ -533,6 +533,7 @@ export const colorTextInteractiveInvertedDefault: string;
|
|
|
533
533
|
export const colorTextInteractiveInvertedHover: string;
|
|
534
534
|
export const colorTextInverted: string;
|
|
535
535
|
export const colorTextLabel: string;
|
|
536
|
+
export const colorTextKeyValuePairsValue: string;
|
|
536
537
|
export const colorTextLayoutToggle: string;
|
|
537
538
|
export const colorTextLayoutToggleActive: string;
|
|
538
539
|
export const colorTextLayoutToggleHover: string;
|
|
@@ -533,6 +533,7 @@ export var colorTextInteractiveInvertedDefault = "var(--color-text-interactive-i
|
|
|
533
533
|
export var colorTextInteractiveInvertedHover = "var(--color-text-interactive-inverted-hover-65rnp7, #f9f9fa)";
|
|
534
534
|
export var colorTextInverted = "var(--color-text-inverted-4v4dmq, #ffffff)";
|
|
535
535
|
export var colorTextLabel = "var(--color-text-label-28gfmc, #0f141a)";
|
|
536
|
+
export var colorTextKeyValuePairsValue = "var(--color-text-key-value-pairs-value-pezok9, #0f141a)";
|
|
536
537
|
export var colorTextLayoutToggle = "var(--color-text-layout-toggle-1a15s3, #ffffff)";
|
|
537
538
|
export var colorTextLayoutToggleActive = "var(--color-text-layout-toggle-active-ifu7qp, #ffffff)";
|
|
538
539
|
export var colorTextLayoutToggleHover = "var(--color-text-layout-toggle-hover-9jwdce, #006ce0)";
|
|
@@ -2179,6 +2179,10 @@ module.exports.preset = {
|
|
|
2179
2179
|
"light": "{colorTextFormLabel}",
|
|
2180
2180
|
"dark": "{colorTextFormLabel}"
|
|
2181
2181
|
},
|
|
2182
|
+
"colorTextKeyValuePairsValue": {
|
|
2183
|
+
"light": "{colorTextBodyDefault}",
|
|
2184
|
+
"dark": "{colorTextBodyDefault}"
|
|
2185
|
+
},
|
|
2182
2186
|
"colorTextLayoutToggle": {
|
|
2183
2187
|
"light": "{colorWhite}",
|
|
2184
2188
|
"dark": "{colorWhite}"
|
|
@@ -4840,6 +4844,10 @@ module.exports.preset = {
|
|
|
4840
4844
|
"light": "{colorTextFormLabel}",
|
|
4841
4845
|
"dark": "{colorTextFormLabel}"
|
|
4842
4846
|
},
|
|
4847
|
+
"colorTextKeyValuePairsValue": {
|
|
4848
|
+
"light": "{colorTextBodyDefault}",
|
|
4849
|
+
"dark": "{colorTextBodyDefault}"
|
|
4850
|
+
},
|
|
4843
4851
|
"colorTextLayoutToggle": {
|
|
4844
4852
|
"light": "{colorWhite}",
|
|
4845
4853
|
"dark": "{colorWhite}"
|
|
@@ -6325,6 +6333,10 @@ module.exports.preset = {
|
|
|
6325
6333
|
"light": "{colorTextFormLabel}",
|
|
6326
6334
|
"dark": "{colorTextFormLabel}"
|
|
6327
6335
|
},
|
|
6336
|
+
"colorTextKeyValuePairsValue": {
|
|
6337
|
+
"light": "{colorTextBodyDefault}",
|
|
6338
|
+
"dark": "{colorTextBodyDefault}"
|
|
6339
|
+
},
|
|
6328
6340
|
"colorTextLayoutToggle": {
|
|
6329
6341
|
"light": "{colorWhite}",
|
|
6330
6342
|
"dark": "{colorWhite}"
|
|
@@ -7738,6 +7750,10 @@ module.exports.preset = {
|
|
|
7738
7750
|
"light": "{colorNeutral100}",
|
|
7739
7751
|
"dark": "{colorNeutral100}"
|
|
7740
7752
|
},
|
|
7753
|
+
"colorTextKeyValuePairsValue": {
|
|
7754
|
+
"light": "{colorTextBodyDefault}",
|
|
7755
|
+
"dark": "{colorTextBodyDefault}"
|
|
7756
|
+
},
|
|
7741
7757
|
"colorTextLayoutToggle": {
|
|
7742
7758
|
"light": "{colorWhite}",
|
|
7743
7759
|
"dark": "{colorWhite}"
|
|
@@ -9036,6 +9052,10 @@ module.exports.preset = {
|
|
|
9036
9052
|
"light": "{colorTextNotificationYellow}",
|
|
9037
9053
|
"dark": "{colorTextNotificationYellow}"
|
|
9038
9054
|
},
|
|
9055
|
+
"colorTextKeyValuePairsValue": {
|
|
9056
|
+
"light": "{colorTextBodyDefault}",
|
|
9057
|
+
"dark": "{colorTextBodyDefault}"
|
|
9058
|
+
},
|
|
9039
9059
|
"colorTextLayoutToggle": {
|
|
9040
9060
|
"light": "{colorWhite}",
|
|
9041
9061
|
"dark": "{colorWhite}"
|
|
@@ -10334,6 +10354,10 @@ module.exports.preset = {
|
|
|
10334
10354
|
"light": "{colorTextFormLabel}",
|
|
10335
10355
|
"dark": "{colorTextFormLabel}"
|
|
10336
10356
|
},
|
|
10357
|
+
"colorTextKeyValuePairsValue": {
|
|
10358
|
+
"light": "{colorTextBodyDefault}",
|
|
10359
|
+
"dark": "{colorTextBodyDefault}"
|
|
10360
|
+
},
|
|
10337
10361
|
"colorTextLayoutToggle": {
|
|
10338
10362
|
"light": "{colorWhite}",
|
|
10339
10363
|
"dark": "{colorWhite}"
|
|
@@ -11634,6 +11658,10 @@ module.exports.preset = {
|
|
|
11634
11658
|
"light": "{colorTextFormLabel}",
|
|
11635
11659
|
"dark": "{colorTextFormLabel}"
|
|
11636
11660
|
},
|
|
11661
|
+
"colorTextKeyValuePairsValue": {
|
|
11662
|
+
"light": "{colorTextBodyDefault}",
|
|
11663
|
+
"dark": "{colorTextBodyDefault}"
|
|
11664
|
+
},
|
|
11637
11665
|
"colorTextLayoutToggle": {
|
|
11638
11666
|
"light": "{colorWhite}",
|
|
11639
11667
|
"dark": "{colorWhite}"
|
|
@@ -12419,6 +12447,7 @@ module.exports.preset = {
|
|
|
12419
12447
|
"colorTextInteractiveInvertedHover": "color",
|
|
12420
12448
|
"colorTextInverted": "color",
|
|
12421
12449
|
"colorTextLabel": "color",
|
|
12450
|
+
"colorTextKeyValuePairsValue": "color",
|
|
12422
12451
|
"colorTextLayoutToggle": "color",
|
|
12423
12452
|
"colorTextLayoutToggleActive": "color",
|
|
12424
12453
|
"colorTextLayoutToggleHover": "color",
|
|
@@ -13108,6 +13137,7 @@ module.exports.preset = {
|
|
|
13108
13137
|
"colorTextInteractiveInvertedDefault",
|
|
13109
13138
|
"colorTextInteractiveInvertedHover",
|
|
13110
13139
|
"colorTextLabel",
|
|
13140
|
+
"colorTextKeyValuePairsValue",
|
|
13111
13141
|
"colorTextLayoutToggle",
|
|
13112
13142
|
"colorTextLayoutToggleActive",
|
|
13113
13143
|
"colorTextLayoutToggleHover",
|
|
@@ -14294,6 +14324,7 @@ module.exports.preset = {
|
|
|
14294
14324
|
"colorTextInteractiveInvertedHover": "color-text-interactive-inverted-hover",
|
|
14295
14325
|
"colorTextInverted": "color-text-inverted",
|
|
14296
14326
|
"colorTextLabel": "color-text-label",
|
|
14327
|
+
"colorTextKeyValuePairsValue": "color-text-key-value-pairs-value",
|
|
14297
14328
|
"colorTextLayoutToggle": "color-text-layout-toggle",
|
|
14298
14329
|
"colorTextLayoutToggleActive": "color-text-layout-toggle-active",
|
|
14299
14330
|
"colorTextLayoutToggleHover": "color-text-layout-toggle-hover",
|
|
@@ -15213,6 +15244,7 @@ module.exports.preset = {
|
|
|
15213
15244
|
"colorTextInteractiveInvertedHover": "--color-text-interactive-inverted-hover-65rnp7",
|
|
15214
15245
|
"colorTextInverted": "--color-text-inverted-4v4dmq",
|
|
15215
15246
|
"colorTextLabel": "--color-text-label-28gfmc",
|
|
15247
|
+
"colorTextKeyValuePairsValue": "--color-text-key-value-pairs-value-pezok9",
|
|
15216
15248
|
"colorTextLayoutToggle": "--color-text-layout-toggle-1a15s3",
|
|
15217
15249
|
"colorTextLayoutToggleActive": "--color-text-layout-toggle-active-ifu7qp",
|
|
15218
15250
|
"colorTextLayoutToggleHover": "--color-text-layout-toggle-hover-9jwdce",
|
|
@@ -226,6 +226,7 @@ export declare interface TypedOverride {
|
|
|
226
226
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
227
227
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
228
228
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
229
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
229
230
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
230
231
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
231
232
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -604,6 +605,7 @@ export declare interface TypedOverride {
|
|
|
604
605
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
605
606
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
606
607
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
608
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
607
609
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
608
610
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
609
611
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -982,6 +984,7 @@ export declare interface TypedOverride {
|
|
|
982
984
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
983
985
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
984
986
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
987
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
985
988
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
986
989
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
987
990
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1360,6 +1363,7 @@ export declare interface TypedOverride {
|
|
|
1360
1363
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1361
1364
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1362
1365
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1366
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1363
1367
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1364
1368
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1365
1369
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1738,6 +1742,7 @@ export declare interface TypedOverride {
|
|
|
1738
1742
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1739
1743
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1740
1744
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1745
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1741
1746
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1742
1747
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1743
1748
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -2116,6 +2121,7 @@ export declare interface TypedOverride {
|
|
|
2116
2121
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2117
2122
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2118
2123
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2124
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2119
2125
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2120
2126
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2121
2127
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -2494,6 +2500,7 @@ export declare interface TypedOverride {
|
|
|
2494
2500
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2495
2501
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2496
2502
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2503
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2497
2504
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2498
2505
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2499
2506
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -2872,6 +2879,7 @@ export declare interface TypedOverride {
|
|
|
2872
2879
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2873
2880
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2874
2881
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2882
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2875
2883
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2876
2884
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2877
2885
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -3250,6 +3258,7 @@ export declare interface TypedOverride {
|
|
|
3250
3258
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3251
3259
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3252
3260
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3261
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3253
3262
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3254
3263
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3255
3264
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -226,6 +226,7 @@ export declare interface TypedOverride {
|
|
|
226
226
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
227
227
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
228
228
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
229
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
229
230
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
230
231
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
231
232
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -604,6 +605,7 @@ export declare interface TypedOverride {
|
|
|
604
605
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
605
606
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
606
607
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
608
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
607
609
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
608
610
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
609
611
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -982,6 +984,7 @@ export declare interface TypedOverride {
|
|
|
982
984
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
983
985
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
984
986
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
987
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
985
988
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
986
989
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
987
990
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1360,6 +1363,7 @@ export declare interface TypedOverride {
|
|
|
1360
1363
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1361
1364
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1362
1365
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1366
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1363
1367
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1364
1368
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1365
1369
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -1738,6 +1742,7 @@ export declare interface TypedOverride {
|
|
|
1738
1742
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1739
1743
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1740
1744
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1745
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1741
1746
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1742
1747
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
1743
1748
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -2116,6 +2121,7 @@ export declare interface TypedOverride {
|
|
|
2116
2121
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2117
2122
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2118
2123
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2124
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2119
2125
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2120
2126
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2121
2127
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -2494,6 +2500,7 @@ export declare interface TypedOverride {
|
|
|
2494
2500
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2495
2501
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2496
2502
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2503
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2497
2504
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2498
2505
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2499
2506
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -2872,6 +2879,7 @@ export declare interface TypedOverride {
|
|
|
2872
2879
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2873
2880
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2874
2881
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2882
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2875
2883
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2876
2884
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
2877
2885
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -3250,6 +3258,7 @@ export declare interface TypedOverride {
|
|
|
3250
3258
|
colorTextInteractiveInvertedDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3251
3259
|
colorTextInteractiveInvertedHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3252
3260
|
colorTextLabel?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3261
|
+
colorTextKeyValuePairsValue?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3253
3262
|
colorTextLayoutToggle?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3254
3263
|
colorTextLayoutToggleActive?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
3255
3264
|
colorTextLayoutToggleHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
|
|
@@ -2179,6 +2179,10 @@ export var preset = {
|
|
|
2179
2179
|
"light": "{colorTextFormLabel}",
|
|
2180
2180
|
"dark": "{colorTextFormLabel}"
|
|
2181
2181
|
},
|
|
2182
|
+
"colorTextKeyValuePairsValue": {
|
|
2183
|
+
"light": "{colorTextBodyDefault}",
|
|
2184
|
+
"dark": "{colorTextBodyDefault}"
|
|
2185
|
+
},
|
|
2182
2186
|
"colorTextLayoutToggle": {
|
|
2183
2187
|
"light": "{colorWhite}",
|
|
2184
2188
|
"dark": "{colorWhite}"
|
|
@@ -4840,6 +4844,10 @@ export var preset = {
|
|
|
4840
4844
|
"light": "{colorTextFormLabel}",
|
|
4841
4845
|
"dark": "{colorTextFormLabel}"
|
|
4842
4846
|
},
|
|
4847
|
+
"colorTextKeyValuePairsValue": {
|
|
4848
|
+
"light": "{colorTextBodyDefault}",
|
|
4849
|
+
"dark": "{colorTextBodyDefault}"
|
|
4850
|
+
},
|
|
4843
4851
|
"colorTextLayoutToggle": {
|
|
4844
4852
|
"light": "{colorWhite}",
|
|
4845
4853
|
"dark": "{colorWhite}"
|
|
@@ -6325,6 +6333,10 @@ export var preset = {
|
|
|
6325
6333
|
"light": "{colorTextFormLabel}",
|
|
6326
6334
|
"dark": "{colorTextFormLabel}"
|
|
6327
6335
|
},
|
|
6336
|
+
"colorTextKeyValuePairsValue": {
|
|
6337
|
+
"light": "{colorTextBodyDefault}",
|
|
6338
|
+
"dark": "{colorTextBodyDefault}"
|
|
6339
|
+
},
|
|
6328
6340
|
"colorTextLayoutToggle": {
|
|
6329
6341
|
"light": "{colorWhite}",
|
|
6330
6342
|
"dark": "{colorWhite}"
|
|
@@ -7738,6 +7750,10 @@ export var preset = {
|
|
|
7738
7750
|
"light": "{colorNeutral100}",
|
|
7739
7751
|
"dark": "{colorNeutral100}"
|
|
7740
7752
|
},
|
|
7753
|
+
"colorTextKeyValuePairsValue": {
|
|
7754
|
+
"light": "{colorTextBodyDefault}",
|
|
7755
|
+
"dark": "{colorTextBodyDefault}"
|
|
7756
|
+
},
|
|
7741
7757
|
"colorTextLayoutToggle": {
|
|
7742
7758
|
"light": "{colorWhite}",
|
|
7743
7759
|
"dark": "{colorWhite}"
|
|
@@ -9036,6 +9052,10 @@ export var preset = {
|
|
|
9036
9052
|
"light": "{colorTextNotificationYellow}",
|
|
9037
9053
|
"dark": "{colorTextNotificationYellow}"
|
|
9038
9054
|
},
|
|
9055
|
+
"colorTextKeyValuePairsValue": {
|
|
9056
|
+
"light": "{colorTextBodyDefault}",
|
|
9057
|
+
"dark": "{colorTextBodyDefault}"
|
|
9058
|
+
},
|
|
9039
9059
|
"colorTextLayoutToggle": {
|
|
9040
9060
|
"light": "{colorWhite}",
|
|
9041
9061
|
"dark": "{colorWhite}"
|
|
@@ -10334,6 +10354,10 @@ export var preset = {
|
|
|
10334
10354
|
"light": "{colorTextFormLabel}",
|
|
10335
10355
|
"dark": "{colorTextFormLabel}"
|
|
10336
10356
|
},
|
|
10357
|
+
"colorTextKeyValuePairsValue": {
|
|
10358
|
+
"light": "{colorTextBodyDefault}",
|
|
10359
|
+
"dark": "{colorTextBodyDefault}"
|
|
10360
|
+
},
|
|
10337
10361
|
"colorTextLayoutToggle": {
|
|
10338
10362
|
"light": "{colorWhite}",
|
|
10339
10363
|
"dark": "{colorWhite}"
|
|
@@ -11634,6 +11658,10 @@ export var preset = {
|
|
|
11634
11658
|
"light": "{colorTextFormLabel}",
|
|
11635
11659
|
"dark": "{colorTextFormLabel}"
|
|
11636
11660
|
},
|
|
11661
|
+
"colorTextKeyValuePairsValue": {
|
|
11662
|
+
"light": "{colorTextBodyDefault}",
|
|
11663
|
+
"dark": "{colorTextBodyDefault}"
|
|
11664
|
+
},
|
|
11637
11665
|
"colorTextLayoutToggle": {
|
|
11638
11666
|
"light": "{colorWhite}",
|
|
11639
11667
|
"dark": "{colorWhite}"
|
|
@@ -12419,6 +12447,7 @@ export var preset = {
|
|
|
12419
12447
|
"colorTextInteractiveInvertedHover": "color",
|
|
12420
12448
|
"colorTextInverted": "color",
|
|
12421
12449
|
"colorTextLabel": "color",
|
|
12450
|
+
"colorTextKeyValuePairsValue": "color",
|
|
12422
12451
|
"colorTextLayoutToggle": "color",
|
|
12423
12452
|
"colorTextLayoutToggleActive": "color",
|
|
12424
12453
|
"colorTextLayoutToggleHover": "color",
|
|
@@ -13108,6 +13137,7 @@ export var preset = {
|
|
|
13108
13137
|
"colorTextInteractiveInvertedDefault",
|
|
13109
13138
|
"colorTextInteractiveInvertedHover",
|
|
13110
13139
|
"colorTextLabel",
|
|
13140
|
+
"colorTextKeyValuePairsValue",
|
|
13111
13141
|
"colorTextLayoutToggle",
|
|
13112
13142
|
"colorTextLayoutToggleActive",
|
|
13113
13143
|
"colorTextLayoutToggleHover",
|
|
@@ -14294,6 +14324,7 @@ export var preset = {
|
|
|
14294
14324
|
"colorTextInteractiveInvertedHover": "color-text-interactive-inverted-hover",
|
|
14295
14325
|
"colorTextInverted": "color-text-inverted",
|
|
14296
14326
|
"colorTextLabel": "color-text-label",
|
|
14327
|
+
"colorTextKeyValuePairsValue": "color-text-key-value-pairs-value",
|
|
14297
14328
|
"colorTextLayoutToggle": "color-text-layout-toggle",
|
|
14298
14329
|
"colorTextLayoutToggleActive": "color-text-layout-toggle-active",
|
|
14299
14330
|
"colorTextLayoutToggleHover": "color-text-layout-toggle-hover",
|
|
@@ -15213,6 +15244,7 @@ export var preset = {
|
|
|
15213
15244
|
"colorTextInteractiveInvertedHover": "--color-text-interactive-inverted-hover-65rnp7",
|
|
15214
15245
|
"colorTextInverted": "--color-text-inverted-4v4dmq",
|
|
15215
15246
|
"colorTextLabel": "--color-text-label-28gfmc",
|
|
15247
|
+
"colorTextKeyValuePairsValue": "--color-text-key-value-pairs-value-pezok9",
|
|
15216
15248
|
"colorTextLayoutToggle": "--color-text-layout-toggle-1a15s3",
|
|
15217
15249
|
"colorTextLayoutToggleActive": "--color-text-layout-toggle-active-ifu7qp",
|
|
15218
15250
|
"colorTextLayoutToggleHover": "--color-text-layout-toggle-hover-9jwdce",
|
package/internal/manifest.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"key-value-pairs": "awsui_key-value-
|
|
5
|
-
"group-title": "awsui_group-
|
|
6
|
-
"group-list": "awsui_group-
|
|
7
|
-
"group-list-item": "awsui_group-list-
|
|
8
|
-
"term": "
|
|
9
|
-
"key-label": "awsui_key-
|
|
10
|
-
"detail": "
|
|
11
|
-
"info": "
|
|
4
|
+
"key-value-pairs": "awsui_key-value-pairs_1y9fy_zjq4b_145",
|
|
5
|
+
"group-title": "awsui_group-title_1y9fy_zjq4b_177",
|
|
6
|
+
"group-list": "awsui_group-list_1y9fy_zjq4b_181",
|
|
7
|
+
"group-list-item": "awsui_group-list-item_1y9fy_zjq4b_191",
|
|
8
|
+
"term": "awsui_term_1y9fy_zjq4b_195",
|
|
9
|
+
"key-label": "awsui_key-label_1y9fy_zjq4b_203",
|
|
10
|
+
"detail": "awsui_detail_1y9fy_zjq4b_212",
|
|
11
|
+
"info": "awsui_info_1y9fy_zjq4b_248"
|
|
12
12
|
};
|
|
13
13
|
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
*/
|
|
143
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
.awsui_key-value-
|
|
145
|
+
.awsui_key-value-pairs_1y9fy_zjq4b_145:not(#\9) {
|
|
146
146
|
border-collapse: separate;
|
|
147
147
|
border-spacing: 0;
|
|
148
148
|
box-sizing: border-box;
|
|
@@ -174,11 +174,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
174
174
|
-moz-osx-font-smoothing: auto;
|
|
175
175
|
}
|
|
176
176
|
|
|
177
|
-
.awsui_group-
|
|
177
|
+
.awsui_group-title_1y9fy_zjq4b_177:not(#\9) {
|
|
178
178
|
padding-block-end: var(--space-scaled-m-m892r9, 16px);
|
|
179
179
|
}
|
|
180
180
|
|
|
181
|
-
.awsui_group-
|
|
181
|
+
.awsui_group-list_1y9fy_zjq4b_181:not(#\9) {
|
|
182
182
|
margin-block-start: 0;
|
|
183
183
|
margin-block-end: 0;
|
|
184
184
|
margin-inline-start: 0;
|
|
@@ -188,11 +188,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
188
188
|
row-gap: var(--space-scaled-m-m892r9, 16px);
|
|
189
189
|
}
|
|
190
190
|
|
|
191
|
-
.awsui_group-list-
|
|
191
|
+
.awsui_group-list-item_1y9fy_zjq4b_191:not(#\9) {
|
|
192
192
|
/* used in test-utils */
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
.
|
|
195
|
+
.awsui_term_1y9fy_zjq4b_195:not(#\9) {
|
|
196
196
|
font-size: var(--font-size-key-value-pairs-label-1mmf3j, 14px);
|
|
197
197
|
line-height: var(--line-height-key-value-pairs-label-x3ofa3, 20px);
|
|
198
198
|
font-weight: var(--font-weight-key-value-pairs-label-zdidmd, 700);
|
|
@@ -200,16 +200,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
200
200
|
margin-block-end: var(--space-key-value-gap-9glmqc, 0px);
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
-
.awsui_key-
|
|
203
|
+
.awsui_key-label_1y9fy_zjq4b_203:not(#\9) {
|
|
204
204
|
display: inline-flex;
|
|
205
205
|
margin-inline-end: var(--space-xs-ymlm0b, 8px);
|
|
206
206
|
}
|
|
207
|
-
.awsui_key-
|
|
207
|
+
.awsui_key-label_1y9fy_zjq4b_203:not(#\9):only-child {
|
|
208
208
|
margin-block: 0;
|
|
209
209
|
margin-inline: 0;
|
|
210
210
|
}
|
|
211
211
|
|
|
212
|
-
.
|
|
212
|
+
.awsui_detail_1y9fy_zjq4b_212:not(#\9) {
|
|
213
213
|
border-collapse: separate;
|
|
214
214
|
border-spacing: 0;
|
|
215
215
|
box-sizing: border-box;
|
|
@@ -242,9 +242,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
242
242
|
margin-inline-start: 0;
|
|
243
243
|
margin-block-start: 0;
|
|
244
244
|
margin-block-end: 0;
|
|
245
|
+
color: var(--color-text-key-value-pairs-value-pezok9, #0f141a);
|
|
245
246
|
}
|
|
246
247
|
|
|
247
|
-
.
|
|
248
|
+
.awsui_info_1y9fy_zjq4b_248:not(#\9) {
|
|
248
249
|
display: inline-flex;
|
|
249
250
|
padding-inline-start: var(--space-xs-ymlm0b, 8px);
|
|
250
251
|
border-inline-start: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"key-value-pairs": "awsui_key-value-
|
|
6
|
-
"group-title": "awsui_group-
|
|
7
|
-
"group-list": "awsui_group-
|
|
8
|
-
"group-list-item": "awsui_group-list-
|
|
9
|
-
"term": "
|
|
10
|
-
"key-label": "awsui_key-
|
|
11
|
-
"detail": "
|
|
12
|
-
"info": "
|
|
5
|
+
"key-value-pairs": "awsui_key-value-pairs_1y9fy_zjq4b_145",
|
|
6
|
+
"group-title": "awsui_group-title_1y9fy_zjq4b_177",
|
|
7
|
+
"group-list": "awsui_group-list_1y9fy_zjq4b_181",
|
|
8
|
+
"group-list-item": "awsui_group-list-item_1y9fy_zjq4b_191",
|
|
9
|
+
"term": "awsui_term_1y9fy_zjq4b_195",
|
|
10
|
+
"key-label": "awsui_key-label_1y9fy_zjq4b_203",
|
|
11
|
+
"detail": "awsui_detail_1y9fy_zjq4b_212",
|
|
12
|
+
"info": "awsui_info_1y9fy_zjq4b_248"
|
|
13
13
|
};
|
|
14
14
|
|
package/manifest.json
ADDED
|
@@ -71,8 +71,6 @@ export interface MultiselectProps extends BaseSelectProps {
|
|
|
71
71
|
enableSelectAll?: boolean;
|
|
72
72
|
/**
|
|
73
73
|
* Specifies a render function to render custom options in the dropdown menu.
|
|
74
|
-
*
|
|
75
|
-
* @awsuiSystem core
|
|
76
74
|
*/
|
|
77
75
|
renderOption?: MultiselectProps.MultiselectOptionItemRenderer;
|
|
78
76
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/multiselect/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD;;;OAGG;IACH,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAExD;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,yBAAyB,CAAC;IAC/D;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC;IAC3C,WAAW,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC1E;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;IAE/E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/multiselect/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/multiselect/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ReactNode } from 'react';\n\nimport { OptionsLoadItemsDetail } from '../dropdown/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { BaseSelectProps } from '../select/interfaces';\n\nexport interface MultiselectProps extends BaseSelectProps {\n /**\n * Specifies the currently selected options.\n * Provide an empty array to clear the selection.\n */\n selectedOptions: ReadonlyArray<MultiselectProps.Option>;\n\n /**\n * Specifies an inline label that appears next to the multiselect trigger.\n */\n inlineLabelText?: string;\n /**\n * Determines whether the dropdown list stays open after the user selects an item.\n */\n keepOpen?: boolean;\n /**\n * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.\n */\n tokenLimit?: number;\n /**\n * Hides the tokens displayed underneath the component.\n * Only use this if the selected options are displayed elsewhere on the page.\n */\n hideTokens?: boolean;\n /**\n * Shows tokens inside the trigger instead of below it.\n */\n inlineTokens?: boolean;\n /**\n * Specifies an `aria-label` for the token deselection button.\n * @i18n\n */\n deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;\n /**\n * An object containing all the localized strings required by the component.\n *\n * * `selectAllText` (string) - Specifies the text to be displayed next to the checkbox that selects or deselects all options.\n * * `tokenLimitShowFewer` (string) - Specifies the text to be displayed in the \"Show fewer\" button for the token group control.\n * * `tokenLimitShowMore` (string) - Specifies the text to be displayed in the \"Show more\" button for the token group control. This string should not contain the number of hidden tokens\n * because this will be added by the component automatically.\n * @i18n\n */\n i18nStrings?: MultiselectProps.I18nStrings;\n onLoadItems?: NonCancelableEventHandler<MultiselectProps.LoadItemsDetail>;\n /**\n * Called when the user selects or deselects an option.\n * The event `detail` contains the current `selectedOptions`.\n */\n onChange?: NonCancelableEventHandler<MultiselectProps.MultiselectChangeDetail>;\n\n /**\n * Automatically focuses the trigger when component is mounted.\n */\n autoFocus?: boolean;\n\n /**\n * Adds an aria-label to the \"Show fewer\" button for the token group control.\n * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowFewer` label on one page.\n */\n tokenLimitShowFewerAriaLabel?: string;\n /**\n * Adds an aria-label to the \"Show more\" button for the token group control.\n * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowMore` label on one page.\n */\n tokenLimitShowMoreAriaLabel?: string;\n /**\n * Enables users to select and deselect all options with a special extra checkbox which is displayed at the start of the dropdown.\n */\n enableSelectAll?: boolean;\n /**\n * Specifies a render function to render custom options in the dropdown menu.\n
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/multiselect/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ReactNode } from 'react';\n\nimport { OptionsLoadItemsDetail } from '../dropdown/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { BaseSelectProps } from '../select/interfaces';\n\nexport interface MultiselectProps extends BaseSelectProps {\n /**\n * Specifies the currently selected options.\n * Provide an empty array to clear the selection.\n */\n selectedOptions: ReadonlyArray<MultiselectProps.Option>;\n\n /**\n * Specifies an inline label that appears next to the multiselect trigger.\n */\n inlineLabelText?: string;\n /**\n * Determines whether the dropdown list stays open after the user selects an item.\n */\n keepOpen?: boolean;\n /**\n * Specifies the maximum number of displayed tokens. If the property isn't set, all of the tokens are displayed.\n */\n tokenLimit?: number;\n /**\n * Hides the tokens displayed underneath the component.\n * Only use this if the selected options are displayed elsewhere on the page.\n */\n hideTokens?: boolean;\n /**\n * Shows tokens inside the trigger instead of below it.\n */\n inlineTokens?: boolean;\n /**\n * Specifies an `aria-label` for the token deselection button.\n * @i18n\n */\n deselectAriaLabel?: MultiselectProps.DeselectAriaLabelFunction;\n /**\n * An object containing all the localized strings required by the component.\n *\n * * `selectAllText` (string) - Specifies the text to be displayed next to the checkbox that selects or deselects all options.\n * * `tokenLimitShowFewer` (string) - Specifies the text to be displayed in the \"Show fewer\" button for the token group control.\n * * `tokenLimitShowMore` (string) - Specifies the text to be displayed in the \"Show more\" button for the token group control. This string should not contain the number of hidden tokens\n * because this will be added by the component automatically.\n * @i18n\n */\n i18nStrings?: MultiselectProps.I18nStrings;\n onLoadItems?: NonCancelableEventHandler<MultiselectProps.LoadItemsDetail>;\n /**\n * Called when the user selects or deselects an option.\n * The event `detail` contains the current `selectedOptions`.\n */\n onChange?: NonCancelableEventHandler<MultiselectProps.MultiselectChangeDetail>;\n\n /**\n * Automatically focuses the trigger when component is mounted.\n */\n autoFocus?: boolean;\n\n /**\n * Adds an aria-label to the \"Show fewer\" button for the token group control.\n * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowFewer` label on one page.\n */\n tokenLimitShowFewerAriaLabel?: string;\n /**\n * Adds an aria-label to the \"Show more\" button for the token group control.\n * Use to assign unique labels when there are multiple token groups with the same `tokenLimitShowMore` label on one page.\n */\n tokenLimitShowMoreAriaLabel?: string;\n /**\n * Enables users to select and deselect all options with a special extra checkbox which is displayed at the start of the dropdown.\n */\n enableSelectAll?: boolean;\n /**\n * Specifies a render function to render custom options in the dropdown menu.\n */\n renderOption?: MultiselectProps.MultiselectOptionItemRenderer;\n}\n\nexport namespace MultiselectProps {\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n /* eslint-disable-next-line @typescript-eslint/no-empty-object-type --\n * Required to create a distinct named type for the documenter.\n **/\n export interface LoadItemsDetail extends OptionsLoadItemsDetail {}\n export interface MultiselectOptionItem {\n type: 'item';\n index: number;\n option: Option;\n disabled: boolean;\n highlighted: boolean;\n selected: boolean;\n parent: MultiselectOptionGroupItem | null;\n }\n export interface MultiselectOptionGroupItem {\n type: 'group';\n index: number;\n option: OptionGroup;\n indeterminate: boolean;\n disabled: boolean;\n highlighted: boolean;\n selected: boolean;\n }\n export interface MultiselectSelectAllItem {\n type: 'select-all';\n option: Option;\n indeterminate: boolean;\n highlighted: boolean;\n selected: boolean;\n }\n export type MultiselectItem = MultiselectOptionItem | MultiselectOptionGroupItem | MultiselectSelectAllItem;\n export type MultiselectOptionItemRenderer = (props: {\n item: MultiselectItem;\n filterText?: string;\n }) => ReactNode | null;\n\n export type DeselectAriaLabelFunction = (option: Option) => string;\n export type TriggerVariant = 'placeholder' | 'tokens';\n\n export interface I18nStrings {\n selectAllText?: string;\n tokenLimitShowFewer?: string;\n tokenLimitShowMore?: string;\n }\n\n export interface MultiselectChangeDetail {\n selectedOptions: ReadonlyArray<Option>;\n }\n\n export interface Ref {\n /**\n * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n */\n focus(): void;\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
"./internal/base-component/index.js",
|
|
167
167
|
"./internal/base-component/styles.css.js"
|
|
168
168
|
],
|
|
169
|
-
"version": "3.0.
|
|
169
|
+
"version": "3.0.1300",
|
|
170
170
|
"repository": {
|
|
171
171
|
"type": "git",
|
|
172
172
|
"url": "https://github.com/cloudscape-design/components.git"
|
|
@@ -148,8 +148,6 @@ export interface PromptInputProps extends Omit<BaseInputProps, 'nativeInputAttri
|
|
|
148
148
|
* Use this to replace the primary action.
|
|
149
149
|
* If this is provided then any other `actionButton*` properties will be ignored.
|
|
150
150
|
* Note that you should still provide an `onAction` function in order to handle keyboard submission.
|
|
151
|
-
*
|
|
152
|
-
* @awsuiSystem core
|
|
153
151
|
*/
|
|
154
152
|
customPrimaryAction?: React.ReactNode;
|
|
155
153
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACxG,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACzF,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACtG;;GAEG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,uBAAuB,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,EACnF,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,+BAA+B;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEhC;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,MAAM,CAAC,EAAE,SAAS,gBAAgB,CAAC,UAAU,EAAE,CAAC;IAEhD;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,gBAAgB,CAAC,UAAU,EAAE,KAAK,MAAM,CAAC;IAE1E;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAEpE;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAEpE;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAEtC;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseDropdownHostProps, OptionsFilteringType } from '../dropdown/interfaces';\nimport { IconProps } from '../icon/interfaces';\nimport { BaseInputProps, InputAutoCorrect, InputKeyEvents, InputSpellcheck } from '../input/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status';\nimport { OptionDefinition, OptionGroup } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../internal/events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface PromptInputProps\n extends Omit<BaseInputProps, 'nativeInputAttributes' | 'name' | 'value' | 'onChange'>,\n InputKeyEvents,\n InputAutoCorrect,\n InputSpellcheck,\n BaseComponentProps,\n FormFieldValidationControlProps {\n /**\n * Specifies the name of the prompt input for form submissions.\n */\n name?: string;\n\n /**\n * Specifies whether to enable a browser's autocomplete functionality for this input.\n * In some cases it might be appropriate to disable autocomplete (for example, for security-sensitive fields).\n * To use it correctly, set the `name` property.\n *\n * You can either provide a boolean value to set the property to \"on\" or \"off\", or specify a string value\n * for the [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute.\n *\n * Note: When `tokens` is defined, autocomplete will not function.\n */\n autoComplete?: boolean | string;\n\n /**\n * Specifies the content of the prompt input.\n *\n * When `tokens` is not defined:\n * - This property is required\n * - Represents the current text content of the textarea\n *\n * When `tokens` is defined:\n * - This property is optional and defaults to empty string\n * - The actual content is managed via the `tokens` array\n */\n value?: string;\n\n /**\n * Specifies the content of the prompt input when using token mode.\n *\n * Available types and their properties:\n * - Text tokens:\n * - `value` contains the text content.\n * - Reference tokens:\n * - `id` as the unique identifier, this is auto-generated however when setting `tokens` it is required to provide an ID.\n * - `value` contains the reference value.\n * - `label` for display (e.g., 'file.txt').\n * - `menuId` for the associated menu (optional).\n * - `pinned` to render at the start of the input.\n * - Trigger tokens:\n * - `id` as the unique identifier, this is auto-generated however when setting `tokens` it is required to provide an ID.\n * - `value` contains the filter text.\n * - `triggerChar` for the trigger character.\n *\n * When `menus` is defined, you should use `tokens` to control the content instead of `value`.\n *\n * Requires React 18.\n */\n tokens?: readonly PromptInputProps.InputToken[];\n\n /**\n * Custom function to transform tokens into plain text for the `value` field in `onChange` and `onAction` events\n * and for the hidden input when `name` is specified.\n *\n * If not provided, falls back to a default simple implementation.\n *\n * Use this to customize serialization, for example:\n * - Using `label` instead of `value` for reference tokens\n * - Adding custom formatting or separators between tokens\n *\n * Requires React 18.\n */\n tokensToText?: (tokens: readonly PromptInputProps.InputToken[]) => string;\n\n /**\n * Called whenever a user changes the input value (by typing or pasting).\n * The event `detail` contains the current value as a string and an array of tokens.\n *\n * When `tokens` is defined, the `value` is derived from `tokensToText(tokens)` if provided, otherwise from a default simple implementation.\n */\n onChange?: NonCancelableEventHandler<PromptInputProps.ChangeDetail>;\n\n /**\n * Called whenever a user clicks the action button or presses the \"Enter\" key.\n * The event `detail` contains the current value as a string and an array of tokens.\n *\n * When `tokens` is defined, the `value` is derived from `tokensToText(tokens)` if provided, otherwise from a default simple implementation.\n */\n onAction?: NonCancelableEventHandler<PromptInputProps.ActionDetail>;\n\n /**\n * Determines what icon to display in the action button.\n */\n actionButtonIconName?: IconProps.Name;\n\n /**\n * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n *\n * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `actionButtonIconSvg` will take precedence.\n */\n actionButtonIconUrl?: string;\n\n /**\n * Specifies the SVG of a custom icon.\n *\n * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n * - has attribute `focusable=\"false\"`.\n * - has `viewBox=\"0 0 16 16\"`.\n *\n * If you set the `svg` element as the root node of the slot, the component will automatically\n * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n * - set the stroke width based on the size of the icon.\n * - set the width and height of the SVG element based on the size of the icon.\n *\n * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n *\n * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `iconSvg` will take precedence.\n *\n * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n */\n actionButtonIconSvg?: React.ReactNode;\n\n /**\n * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n */\n actionButtonIconAlt?: string;\n\n /**\n * Adds an aria-label to the action button.\n * @i18n\n * @deprecated Use `i18nStrings.actionButtonAriaLabel` instead.\n */\n actionButtonAriaLabel?: string;\n\n /**\n * Specifies whether to disable the action button.\n */\n disableActionButton?: boolean;\n\n /**\n * Specifies the minimum number of lines of text to set the height to.\n */\n minRows?: number;\n\n /**\n * Specifies the maximum number of lines of text the textarea will expand to.\n * Defaults to 3. Use -1 for infinite rows.\n */\n maxRows?: number;\n\n /**\n * Use this to replace the primary action.\n * If this is provided then any other `actionButton*` properties will be ignored.\n * Note that you should still provide an `onAction` function in order to handle keyboard submission.\n *\n * @awsuiSystem core\n */\n customPrimaryAction?: React.ReactNode;\n\n /**\n * Use this slot to add secondary actions to the prompt input.\n */\n secondaryActions?: React.ReactNode;\n\n /**\n * Use this slot to add secondary content, such as file attachments, to the prompt input.\n */\n secondaryContent?: React.ReactNode;\n\n /**\n * Determines whether the secondary actions area of the input has padding. If true, removes the default padding from the secondary actions area.\n */\n disableSecondaryActionsPaddings?: boolean;\n\n /**\n * Determines whether the secondary content area of the input has padding. If true, removes the default padding from the secondary content area.\n */\n disableSecondaryContentPaddings?: boolean;\n\n /**\n * Defines trigger-based menus that appear when the user types a specific character (e.g., `@` or `/`).\n * Each menu definition maps a trigger character to a list of selectable options.\n *\n * Requires React 18.\n *\n * #### MenuDefinition\n * - `id` (string) - Unique identifier for this menu. Used in event callbacks to identify the menu.\n * - `trigger` (string) - The character that activates this menu (e.g., `@`, `/`, `#`).\n * - `options` (Option[] | OptionGroup[]) - The selectable items shown in the dropdown.\n * - `useAtStart` (boolean) - (Optional) When true, the trigger is only detected at the start of the input and after any pinned tokens. Selected options become pinned reference tokens. Defaults to false.\n * - `filteringType` (`'auto'` | `'manual'`) - (Optional) How filtering is applied. `auto` filters options client-side based on typed text. `manual` disables built-in filtering — use `onMenuFilter` to provide filtered options. Defaults to `auto`.\n * - `statusType` (`'pending'` | `'loading'` | `'finished'` | `'error'`) - (Optional) The loading status of the menu options. Use with `onMenuLoadItems` for async loading.\n * - `empty` (string) - (Optional) Text shown when no options match the filter.\n * - `virtualScroll` (boolean) - (Optional) Enables virtual scrolling for large option lists.\n */\n menus?: PromptInputProps.MenuDefinition[];\n\n /**\n * Maximum height of the menu dropdown in pixels.\n * When not specified, the menu will grow to fit its content.\n *\n * Requires React 18.\n */\n maxMenuHeight?: number;\n\n /**\n * Called whenever a user selects an option in a menu.\n *\n * Requires React 18.\n */\n onMenuItemSelect?: NonCancelableEventHandler<PromptInputProps.MenuItemSelectDetail>;\n\n /**\n * Use this event to implement the asynchronous behavior for menus.\n *\n * The event is called in the following situations:\n * - The user scrolls to the end of the list of options, if `statusType` is set to `pending` (pagination).\n * - The user clicks on the recovery button in the error state.\n * - The user types after the trigger character.\n * - The menu is opened.\n *\n * The detail object contains the following properties:\n * - `menuId` - The ID of the menu that triggered the event.\n * - `filteringText` - The value to use to fetch options (undefined for pagination).\n * - `firstPage` - Indicates that you should fetch the first page of options.\n * - `samePage` - Indicates that you should fetch the same page (for example, when clicking recovery button).\n *\n * Requires React 18.\n */\n onMenuLoadItems?: NonCancelableEventHandler<PromptInputProps.MenuLoadItemsDetail>;\n\n /**\n * Called when the user types to filter options in manual filtering mode for a menu.\n * Use this to filter the options based on the filtering text.\n *\n * The detail object contains:\n * - `menuId` - The ID of the menu that triggered the event.\n * - `filteringText` - The text to use for filtering options.\n *\n * Requires React 18.\n */\n onMenuFilter?: NonCancelableEventHandler<PromptInputProps.MenuFilterDetail>;\n\n /**\n * Called when a trigger character is detected and about to be converted to a trigger token.\n * This event is cancellable - return `preventDefault()` to prevent the trigger from being created.\n *\n * The detail object contains:\n * - `menuId` - The ID of the menu associated with the trigger.\n * - `triggerChar` - The trigger character that was detected.\n * - `position` - The position in the text where the trigger was detected.\n *\n * Use this to implement custom validation logic for triggers, such as preventing\n * triggers that don't meet certain conditions (for example, limiting the amount of references in a prompt).\n *\n * Requires React 18.\n */\n onTriggerDetected?: CancelableEventHandler<PromptInputProps.TriggerDetectedDetail>;\n\n /**\n * An object containing all the localized strings required by the component.\n *\n * - `ariaLabel` (string) - Adds an aria-label to the input element.\n * - `actionButtonAriaLabel` (string) - Adds an aria-label to the action button.\n * - `menuErrorIconAriaLabel` (string) - Provides a text alternative for the error icon in the error message in menus.\n * - `menuRecoveryText` (string) - Specifies the text for the recovery button in menus. The text is displayed next to the error text.\n * - `menuLoadingText` (string) - Specifies the text to display when menus are in a loading state.\n * - `menuFinishedText` (string) - Specifies the text to display when menus have finished loading all items.\n * - `menuErrorText` (string) - Specifies the text to display when menus encounter an error while loading.\n * - `selectedMenuItemAriaLabel` (string) - Specifies the string that describes an option as being selected.\n * - `tokenInsertedAriaLabel` ((token: { label?: string; value: string }) => string) - Aria label announced when a reference token is inserted from a menu. Receives the token object with label and value properties.\n * - `tokenPinnedAriaLabel` ((token: { label?: string; value: string }) => string) - Aria label announced when a reference token is pinned (inserted at the start). Receives the token object with label and value properties.\n * - `tokenRemovedAriaLabel` ((token: { label?: string; value: string }) => string) - Aria label announced when a reference token is removed. Receives the token object with label and value properties.\n * @i18n\n */\n i18nStrings?: PromptInputProps.I18nStrings;\n\n /**\n * Attributes to add to the native `textarea` 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 * When `tokens` is defined, nativeTextareaAttributes will be ignored.\n *\n * @awsuiSystem core\n */\n nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;\n\n /**\n * @awsuiSystem core\n */\n style?: PromptInputProps.Style;\n}\n\nexport namespace PromptInputProps {\n export type KeyDetail = BaseKeyDetail;\n\n export interface I18nStrings {\n actionButtonAriaLabel?: string;\n menuErrorIconAriaLabel?: string;\n menuRecoveryText?: string;\n menuLoadingText?: string;\n menuFinishedText?: string;\n menuErrorText?: string;\n /**\n * Aria label announced when a reference token is inserted from a menu.\n * Receives the token object with label and value properties.\n * @param token The inserted token\n * @returns The announcement string\n * @default `${token.label || token.value} inserted`\n */\n tokenInsertedAriaLabel?: (token: { label?: string; value: string }) => string;\n /**\n * Aria label announced when a reference token is pinned (inserted at the start).\n * Receives the token object with label and value properties.\n * @param token The pinned token\n * @returns The announcement string\n * @default `${token.label || token.value} pinned`\n */\n tokenPinnedAriaLabel?: (token: { label?: string; value: string }) => string;\n /**\n * Aria label announced when a reference token is removed.\n * Receives the token object with label and value properties.\n * @param token The removed token\n * @returns The announcement string\n * @default `${token.label || token.value} removed`\n */\n tokenRemovedAriaLabel?: (token: { label?: string; value: string }) => string;\n }\n\n export interface TextToken {\n type: 'text' | 'break';\n value: string;\n }\n\n export interface ReferenceToken {\n type: 'reference';\n id: string;\n label: string;\n value: string;\n /**\n * The ID of the menu this reference was selected from.\n * Optional — references can exist without being bound to a menu\n * (e.g., preloaded references from external sources).\n */\n menuId?: string;\n /**\n * When true, prevents user entered text from being placed before this token.\n * Typically set for reference tokens from useAtStart menus.\n */\n pinned?: boolean;\n }\n\n /**\n * Token type for menu triggers with filter text.\n * Represents a trigger character (e.g., \"@\" or \"/\") followed by filtering text.\n * This token type is automatically managed by the component when menus are active.\n *\n * - `value`: The filtering text (without the trigger character)\n * - `triggerChar`: The trigger character that opened the menu\n */\n export interface TriggerToken {\n type: 'trigger';\n value: string;\n triggerChar: string;\n id: string;\n }\n\n export type InputToken = TextToken | ReferenceToken | TriggerToken;\n\n export interface ChangeDetail {\n value: string;\n tokens?: readonly InputToken[];\n }\n\n export interface ActionDetail {\n value: string;\n tokens?: readonly InputToken[];\n }\n\n export interface MenuItemSelectDetail {\n menuId: string;\n option: OptionDefinition;\n }\n\n export interface MenuLoadItemsDetail {\n menuId: string;\n filteringText?: string;\n firstPage: boolean;\n samePage: boolean;\n }\n\n export interface MenuFilterDetail {\n menuId: string;\n filteringText: string;\n }\n\n export interface TriggerDetectedDetail {\n menuId: string;\n triggerChar: string;\n position: number;\n }\n\n export interface MenuDefinition\n extends Pick<DropdownStatusProps, 'empty' | 'statusType'>,\n Pick<BaseDropdownHostProps, 'virtualScroll'> {\n /**\n * The unique identifier for this menu.\n */\n id: string;\n\n /**\n * The unique trigger symbol for showing this menu.\n */\n trigger: string;\n\n /**\n * Set `useAtStart=true` for menus where a trigger should only be detected at the start of input.\n * Set this for menus designated to modes or actions.\n *\n * Menus with `useAtStart=true` create pinned reference tokens.\n */\n useAtStart?: boolean;\n\n /**\n * Specifies an array of options that are displayed to the user as a list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n * - `label` (string) - (Optional) Option text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * #### OptionGroup\n * - `label` (string) - Option group text displayed to the user.\n * - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n */\n options: (OptionDefinition | OptionGroup)[];\n\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * - `auto` - The component will automatically filter options based on user input.\n * - `manual` - You will set up `onMenuFilter` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the menu. In that case make sure that you use the `onMenuFilter` event in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: Exclude<OptionsFilteringType, 'none'>;\n }\n\n export interface Ref {\n /**\n * Sets input focus on the textarea control.\n */\n focus(): void;\n\n /**\n * Selects all text in the textarea control.\n */\n select(): void;\n\n /**\n * Selects a range of text in the textarea control.\n *\n * See https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/setSelectionRange\n * for more details on this method. Be aware that using this method in React has some\n * common pitfalls: https://stackoverflow.com/questions/60129605/is-javascripts-setselectionrange-incompatible-with-react-hooks\n */\n setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;\n\n /**\n * Inserts text at a specified position. Only supported when `tokens` is defined.\n * Triggers input events and menu detection.\n *\n * When pinned reference tokens are present, `caretStart` and `caretEnd` are automatically\n * shifted to account for their positions.\n *\n * @param text The text to insert.\n * @param caretStart Position to insert at. Defaults to current caret position or 0.\n * @param caretEnd Caret position after insertion. Defaults to end of inserted text.\n */\n insertText(text: string, caretStart?: number, caretEnd?: number): void;\n }\n\n export interface Style {\n root?: {\n backgroundColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderRadius?: string;\n borderWidth?: string;\n boxShadow?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n color?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n fontSize?: string;\n fontWeight?: string;\n paddingBlock?: string;\n paddingInline?: string;\n };\n placeholder?: {\n color?: string;\n fontSize?: string;\n fontStyle?: string;\n fontWeight?: string;\n };\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/prompt-input/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { BaseDropdownHostProps, OptionsFilteringType } from '../dropdown/interfaces';\nimport { IconProps } from '../icon/interfaces';\nimport { BaseInputProps, InputAutoCorrect, InputKeyEvents, InputSpellcheck } from '../input/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status';\nimport { OptionDefinition, OptionGroup } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { BaseKeyDetail, CancelableEventHandler, NonCancelableEventHandler } from '../internal/events';\n/**\n * @awsuiSystem core\n */\nimport { NativeAttributes } from '../internal/utils/with-native-attributes';\n\nexport interface PromptInputProps\n extends Omit<BaseInputProps, 'nativeInputAttributes' | 'name' | 'value' | 'onChange'>,\n InputKeyEvents,\n InputAutoCorrect,\n InputSpellcheck,\n BaseComponentProps,\n FormFieldValidationControlProps {\n /**\n * Specifies the name of the prompt input for form submissions.\n */\n name?: string;\n\n /**\n * Specifies whether to enable a browser's autocomplete functionality for this input.\n * In some cases it might be appropriate to disable autocomplete (for example, for security-sensitive fields).\n * To use it correctly, set the `name` property.\n *\n * You can either provide a boolean value to set the property to \"on\" or \"off\", or specify a string value\n * for the [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute.\n *\n * Note: When `tokens` is defined, autocomplete will not function.\n */\n autoComplete?: boolean | string;\n\n /**\n * Specifies the content of the prompt input.\n *\n * When `tokens` is not defined:\n * - This property is required\n * - Represents the current text content of the textarea\n *\n * When `tokens` is defined:\n * - This property is optional and defaults to empty string\n * - The actual content is managed via the `tokens` array\n */\n value?: string;\n\n /**\n * Specifies the content of the prompt input when using token mode.\n *\n * Available types and their properties:\n * - Text tokens:\n * - `value` contains the text content.\n * - Reference tokens:\n * - `id` as the unique identifier, this is auto-generated however when setting `tokens` it is required to provide an ID.\n * - `value` contains the reference value.\n * - `label` for display (e.g., 'file.txt').\n * - `menuId` for the associated menu (optional).\n * - `pinned` to render at the start of the input.\n * - Trigger tokens:\n * - `id` as the unique identifier, this is auto-generated however when setting `tokens` it is required to provide an ID.\n * - `value` contains the filter text.\n * - `triggerChar` for the trigger character.\n *\n * When `menus` is defined, you should use `tokens` to control the content instead of `value`.\n *\n * Requires React 18.\n */\n tokens?: readonly PromptInputProps.InputToken[];\n\n /**\n * Custom function to transform tokens into plain text for the `value` field in `onChange` and `onAction` events\n * and for the hidden input when `name` is specified.\n *\n * If not provided, falls back to a default simple implementation.\n *\n * Use this to customize serialization, for example:\n * - Using `label` instead of `value` for reference tokens\n * - Adding custom formatting or separators between tokens\n *\n * Requires React 18.\n */\n tokensToText?: (tokens: readonly PromptInputProps.InputToken[]) => string;\n\n /**\n * Called whenever a user changes the input value (by typing or pasting).\n * The event `detail` contains the current value as a string and an array of tokens.\n *\n * When `tokens` is defined, the `value` is derived from `tokensToText(tokens)` if provided, otherwise from a default simple implementation.\n */\n onChange?: NonCancelableEventHandler<PromptInputProps.ChangeDetail>;\n\n /**\n * Called whenever a user clicks the action button or presses the \"Enter\" key.\n * The event `detail` contains the current value as a string and an array of tokens.\n *\n * When `tokens` is defined, the `value` is derived from `tokensToText(tokens)` if provided, otherwise from a default simple implementation.\n */\n onAction?: NonCancelableEventHandler<PromptInputProps.ActionDetail>;\n\n /**\n * Determines what icon to display in the action button.\n */\n actionButtonIconName?: IconProps.Name;\n\n /**\n * Specifies the URL of a custom icon. Use this property if the icon you want isn't available.\n *\n * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `actionButtonIconSvg` will take precedence.\n */\n actionButtonIconUrl?: string;\n\n /**\n * Specifies the SVG of a custom icon.\n *\n * Use this property if you want your custom icon to inherit colors dictated by variant or hover states.\n * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n * - has attribute `focusable=\"false\"`.\n * - has `viewBox=\"0 0 16 16\"`.\n *\n * If you set the `svg` element as the root node of the slot, the component will automatically\n * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n * - set the stroke width based on the size of the icon.\n * - set the width and height of the SVG element based on the size of the icon.\n *\n * If you don't want these styles to be automatically set, wrap the `svg` element into a `span`.\n * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n *\n * If you set both `actionButtonIconUrl` and `actionButtonIconSvg`, `iconSvg` will take precedence.\n *\n * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n */\n actionButtonIconSvg?: React.ReactNode;\n\n /**\n * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n * This property is ignored if you use a predefined icon or if you set your custom icon using the `iconSvg` slot.\n */\n actionButtonIconAlt?: string;\n\n /**\n * Adds an aria-label to the action button.\n * @i18n\n * @deprecated Use `i18nStrings.actionButtonAriaLabel` instead.\n */\n actionButtonAriaLabel?: string;\n\n /**\n * Specifies whether to disable the action button.\n */\n disableActionButton?: boolean;\n\n /**\n * Specifies the minimum number of lines of text to set the height to.\n */\n minRows?: number;\n\n /**\n * Specifies the maximum number of lines of text the textarea will expand to.\n * Defaults to 3. Use -1 for infinite rows.\n */\n maxRows?: number;\n\n /**\n * Use this to replace the primary action.\n * If this is provided then any other `actionButton*` properties will be ignored.\n * Note that you should still provide an `onAction` function in order to handle keyboard submission.\n */\n customPrimaryAction?: React.ReactNode;\n\n /**\n * Use this slot to add secondary actions to the prompt input.\n */\n secondaryActions?: React.ReactNode;\n\n /**\n * Use this slot to add secondary content, such as file attachments, to the prompt input.\n */\n secondaryContent?: React.ReactNode;\n\n /**\n * Determines whether the secondary actions area of the input has padding. If true, removes the default padding from the secondary actions area.\n */\n disableSecondaryActionsPaddings?: boolean;\n\n /**\n * Determines whether the secondary content area of the input has padding. If true, removes the default padding from the secondary content area.\n */\n disableSecondaryContentPaddings?: boolean;\n\n /**\n * Defines trigger-based menus that appear when the user types a specific character (e.g., `@` or `/`).\n * Each menu definition maps a trigger character to a list of selectable options.\n *\n * Requires React 18.\n *\n * #### MenuDefinition\n * - `id` (string) - Unique identifier for this menu. Used in event callbacks to identify the menu.\n * - `trigger` (string) - The character that activates this menu (e.g., `@`, `/`, `#`).\n * - `options` (Option[] | OptionGroup[]) - The selectable items shown in the dropdown.\n * - `useAtStart` (boolean) - (Optional) When true, the trigger is only detected at the start of the input and after any pinned tokens. Selected options become pinned reference tokens. Defaults to false.\n * - `filteringType` (`'auto'` | `'manual'`) - (Optional) How filtering is applied. `auto` filters options client-side based on typed text. `manual` disables built-in filtering — use `onMenuFilter` to provide filtered options. Defaults to `auto`.\n * - `statusType` (`'pending'` | `'loading'` | `'finished'` | `'error'`) - (Optional) The loading status of the menu options. Use with `onMenuLoadItems` for async loading.\n * - `empty` (string) - (Optional) Text shown when no options match the filter.\n * - `virtualScroll` (boolean) - (Optional) Enables virtual scrolling for large option lists.\n */\n menus?: PromptInputProps.MenuDefinition[];\n\n /**\n * Maximum height of the menu dropdown in pixels.\n * When not specified, the menu will grow to fit its content.\n *\n * Requires React 18.\n */\n maxMenuHeight?: number;\n\n /**\n * Called whenever a user selects an option in a menu.\n *\n * Requires React 18.\n */\n onMenuItemSelect?: NonCancelableEventHandler<PromptInputProps.MenuItemSelectDetail>;\n\n /**\n * Use this event to implement the asynchronous behavior for menus.\n *\n * The event is called in the following situations:\n * - The user scrolls to the end of the list of options, if `statusType` is set to `pending` (pagination).\n * - The user clicks on the recovery button in the error state.\n * - The user types after the trigger character.\n * - The menu is opened.\n *\n * The detail object contains the following properties:\n * - `menuId` - The ID of the menu that triggered the event.\n * - `filteringText` - The value to use to fetch options (undefined for pagination).\n * - `firstPage` - Indicates that you should fetch the first page of options.\n * - `samePage` - Indicates that you should fetch the same page (for example, when clicking recovery button).\n *\n * Requires React 18.\n */\n onMenuLoadItems?: NonCancelableEventHandler<PromptInputProps.MenuLoadItemsDetail>;\n\n /**\n * Called when the user types to filter options in manual filtering mode for a menu.\n * Use this to filter the options based on the filtering text.\n *\n * The detail object contains:\n * - `menuId` - The ID of the menu that triggered the event.\n * - `filteringText` - The text to use for filtering options.\n *\n * Requires React 18.\n */\n onMenuFilter?: NonCancelableEventHandler<PromptInputProps.MenuFilterDetail>;\n\n /**\n * Called when a trigger character is detected and about to be converted to a trigger token.\n * This event is cancellable - return `preventDefault()` to prevent the trigger from being created.\n *\n * The detail object contains:\n * - `menuId` - The ID of the menu associated with the trigger.\n * - `triggerChar` - The trigger character that was detected.\n * - `position` - The position in the text where the trigger was detected.\n *\n * Use this to implement custom validation logic for triggers, such as preventing\n * triggers that don't meet certain conditions (for example, limiting the amount of references in a prompt).\n *\n * Requires React 18.\n */\n onTriggerDetected?: CancelableEventHandler<PromptInputProps.TriggerDetectedDetail>;\n\n /**\n * An object containing all the localized strings required by the component.\n *\n * - `ariaLabel` (string) - Adds an aria-label to the input element.\n * - `actionButtonAriaLabel` (string) - Adds an aria-label to the action button.\n * - `menuErrorIconAriaLabel` (string) - Provides a text alternative for the error icon in the error message in menus.\n * - `menuRecoveryText` (string) - Specifies the text for the recovery button in menus. The text is displayed next to the error text.\n * - `menuLoadingText` (string) - Specifies the text to display when menus are in a loading state.\n * - `menuFinishedText` (string) - Specifies the text to display when menus have finished loading all items.\n * - `menuErrorText` (string) - Specifies the text to display when menus encounter an error while loading.\n * - `selectedMenuItemAriaLabel` (string) - Specifies the string that describes an option as being selected.\n * - `tokenInsertedAriaLabel` ((token: { label?: string; value: string }) => string) - Aria label announced when a reference token is inserted from a menu. Receives the token object with label and value properties.\n * - `tokenPinnedAriaLabel` ((token: { label?: string; value: string }) => string) - Aria label announced when a reference token is pinned (inserted at the start). Receives the token object with label and value properties.\n * - `tokenRemovedAriaLabel` ((token: { label?: string; value: string }) => string) - Aria label announced when a reference token is removed. Receives the token object with label and value properties.\n * @i18n\n */\n i18nStrings?: PromptInputProps.I18nStrings;\n\n /**\n * Attributes to add to the native `textarea` 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 * When `tokens` is defined, nativeTextareaAttributes will be ignored.\n *\n * @awsuiSystem core\n */\n nativeTextareaAttributes?: NativeAttributes<React.TextareaHTMLAttributes<HTMLTextAreaElement>>;\n\n /**\n * @awsuiSystem core\n */\n style?: PromptInputProps.Style;\n}\n\nexport namespace PromptInputProps {\n export type KeyDetail = BaseKeyDetail;\n\n export interface I18nStrings {\n actionButtonAriaLabel?: string;\n menuErrorIconAriaLabel?: string;\n menuRecoveryText?: string;\n menuLoadingText?: string;\n menuFinishedText?: string;\n menuErrorText?: string;\n /**\n * Aria label announced when a reference token is inserted from a menu.\n * Receives the token object with label and value properties.\n * @param token The inserted token\n * @returns The announcement string\n * @default `${token.label || token.value} inserted`\n */\n tokenInsertedAriaLabel?: (token: { label?: string; value: string }) => string;\n /**\n * Aria label announced when a reference token is pinned (inserted at the start).\n * Receives the token object with label and value properties.\n * @param token The pinned token\n * @returns The announcement string\n * @default `${token.label || token.value} pinned`\n */\n tokenPinnedAriaLabel?: (token: { label?: string; value: string }) => string;\n /**\n * Aria label announced when a reference token is removed.\n * Receives the token object with label and value properties.\n * @param token The removed token\n * @returns The announcement string\n * @default `${token.label || token.value} removed`\n */\n tokenRemovedAriaLabel?: (token: { label?: string; value: string }) => string;\n }\n\n export interface TextToken {\n type: 'text' | 'break';\n value: string;\n }\n\n export interface ReferenceToken {\n type: 'reference';\n id: string;\n label: string;\n value: string;\n /**\n * The ID of the menu this reference was selected from.\n * Optional — references can exist without being bound to a menu\n * (e.g., preloaded references from external sources).\n */\n menuId?: string;\n /**\n * When true, prevents user entered text from being placed before this token.\n * Typically set for reference tokens from useAtStart menus.\n */\n pinned?: boolean;\n }\n\n /**\n * Token type for menu triggers with filter text.\n * Represents a trigger character (e.g., \"@\" or \"/\") followed by filtering text.\n * This token type is automatically managed by the component when menus are active.\n *\n * - `value`: The filtering text (without the trigger character)\n * - `triggerChar`: The trigger character that opened the menu\n */\n export interface TriggerToken {\n type: 'trigger';\n value: string;\n triggerChar: string;\n id: string;\n }\n\n export type InputToken = TextToken | ReferenceToken | TriggerToken;\n\n export interface ChangeDetail {\n value: string;\n tokens?: readonly InputToken[];\n }\n\n export interface ActionDetail {\n value: string;\n tokens?: readonly InputToken[];\n }\n\n export interface MenuItemSelectDetail {\n menuId: string;\n option: OptionDefinition;\n }\n\n export interface MenuLoadItemsDetail {\n menuId: string;\n filteringText?: string;\n firstPage: boolean;\n samePage: boolean;\n }\n\n export interface MenuFilterDetail {\n menuId: string;\n filteringText: string;\n }\n\n export interface TriggerDetectedDetail {\n menuId: string;\n triggerChar: string;\n position: number;\n }\n\n export interface MenuDefinition\n extends Pick<DropdownStatusProps, 'empty' | 'statusType'>,\n Pick<BaseDropdownHostProps, 'virtualScroll'> {\n /**\n * The unique identifier for this menu.\n */\n id: string;\n\n /**\n * The unique trigger symbol for showing this menu.\n */\n trigger: string;\n\n /**\n * Set `useAtStart=true` for menus where a trigger should only be detected at the start of input.\n * Set this for menus designated to modes or actions.\n *\n * Menus with `useAtStart=true` create pinned reference tokens.\n */\n useAtStart?: boolean;\n\n /**\n * Specifies an array of options that are displayed to the user as a list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n * - `label` (string) - (Optional) Option text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option is disabled.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option.\n * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * #### OptionGroup\n * - `label` (string) - Option group text displayed to the user.\n * - `disabled` (boolean) - (Optional) Determines whether the option group is disabled.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n */\n options: (OptionDefinition | OptionGroup)[];\n\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * - `auto` - The component will automatically filter options based on user input.\n * - `manual` - You will set up `onMenuFilter` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the menu. In that case make sure that you use the `onMenuFilter` event in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: Exclude<OptionsFilteringType, 'none'>;\n }\n\n export interface Ref {\n /**\n * Sets input focus on the textarea control.\n */\n focus(): void;\n\n /**\n * Selects all text in the textarea control.\n */\n select(): void;\n\n /**\n * Selects a range of text in the textarea control.\n *\n * See https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/setSelectionRange\n * for more details on this method. Be aware that using this method in React has some\n * common pitfalls: https://stackoverflow.com/questions/60129605/is-javascripts-setselectionrange-incompatible-with-react-hooks\n */\n setSelectionRange(start: number | null, end: number | null, direction?: 'forward' | 'backward' | 'none'): void;\n\n /**\n * Inserts text at a specified position. Only supported when `tokens` is defined.\n * Triggers input events and menu detection.\n *\n * When pinned reference tokens are present, `caretStart` and `caretEnd` are automatically\n * shifted to account for their positions.\n *\n * @param text The text to insert.\n * @param caretStart Position to insert at. Defaults to current caret position or 0.\n * @param caretEnd Caret position after insertion. Defaults to end of inserted text.\n */\n insertText(text: string, caretStart?: number, caretEnd?: number): void;\n }\n\n export interface Style {\n root?: {\n backgroundColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderColor?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n borderRadius?: string;\n borderWidth?: string;\n boxShadow?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n color?: {\n default?: string;\n disabled?: string;\n focus?: string;\n hover?: string;\n readonly?: string;\n };\n fontSize?: string;\n fontWeight?: string;\n paddingBlock?: string;\n paddingInline?: string;\n };\n placeholder?: {\n color?: string;\n fontSize?: string;\n fontStyle?: string;\n fontWeight?: string;\n };\n }\n}\n"]}
|
package/select/interfaces.d.ts
CHANGED
|
@@ -175,8 +175,6 @@ export interface SelectProps extends BaseSelectProps {
|
|
|
175
175
|
autoFocus?: boolean;
|
|
176
176
|
/**
|
|
177
177
|
* Specifies a render function to render custom options in the dropdown menu or trigger.
|
|
178
|
-
*
|
|
179
|
-
* @awsuiSystem core
|
|
180
178
|
*/
|
|
181
179
|
renderOption?: SelectProps.SelectOptionItemRenderer;
|
|
182
180
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAC7G,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,gBAAgB,EAAE,WAAW,IAAI,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAClH,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eACf,SAAQ,qBAAqB,EAC3B,kBAAkB,EAClB,+BAA+B,EAC/B,mBAAmB;IACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiCI;IACJ,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAE9B;;;;;;;;;;;;;;;;QAgBI;IACJ,aAAa,CAAC,EAAE,oBAAoB,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5E;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,WAAW,CAAC,8BAA8B,CAAC;IACvE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC;IAEpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IACrE;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;IAC5C;;;OAGG;IACH,cAAc,EAAE,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;IAE/D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"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"}
|
package/select/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ReactNode } from 'react';\n\nimport { BaseDropdownHostProps, OptionsFilteringType, OptionsLoadItemsDetail } from '../dropdown/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface BaseSelectProps\n extends BaseDropdownHostProps,\n BaseComponentProps,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n *\n * #### OptionGroup\n * - `value` (string) - Used to locate option group in test utils.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * #### Shared Option and OptionGroup properties\n * - `label` (string) - (Optional) Option or group text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option or group, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option or group that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option or group is disabled.\n * - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option or group.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option or group.\n * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: SelectProps.Options;\n\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Determines whether the whole select component is disabled.\n */\n disabled?: boolean;\n /**\n * Specifies the placeholder to display in the filtering input if filtering is enabled.\n */\n filteringPlaceholder?: string;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n /**\n * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n */\n filteringAriaLabel?: string;\n /**\n * Adds an `aria-label` to the clear button inside the search input.\n * @i18n\n */\n filteringClearAriaLabel?: string;\n /**\n * @deprecated Has no effect.\n */\n name?: string;\n /**\n * Specifies the hint text that's displayed in the field when no option has been selected.\n */\n placeholder?: string;\n /**\n * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n */\n controlId?: string;\n /**\n * Adds `aria-required` to the native input element.\n */\n ariaRequired?: boolean;\n /**\n * Adds `aria-label` to the select element.\n * Use this if you don't have a visible label for this control.\n */\n ariaLabel?: string;\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n * @i18n\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedAriaLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n /**\n * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n */\n noMatch?: React.ReactNode;\n /**\n * Called when input focus is removed from the UI control.\n */\n onBlur?: NonCancelableEventHandler;\n /**\n * Called when input focus is set onto the UI control.\n */\n onFocus?: NonCancelableEventHandler;\n\n /**\n * Specifies if the control is read-only, which prevents the\n * user from both modifying the value and opening the dropdown. A read-only control is still focusable.\n */\n readOnly?: boolean;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n /**\n * Adds a small label inline with the input for saving vertical space in the UI.\n * For use with collection select filters only.\n */\n inlineLabelText?: string;\n onLoadItems?: NonCancelableEventHandler<SelectProps.LoadItemsDetail>;\n /**\n * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n * don't set this property because the form field component automatically sets it.\n *\n * Use this property if the component isn't using `inlineLabelText` and isn't surrounded by a form field, or you want to override the value\n * automatically set by the form field (for example, if you have two components within a single form field).\n *\n * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n */\n ariaLabelledby?: string;\n /**\n * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n */\n triggerVariant?: SelectProps.TriggerVariant;\n /**\n * Specifies the currently selected option.\n * If you want to clear the selection, use `null`.\n */\n selectedOption: SelectProps.Option | null;\n /**\n * Called when the user selects an option.\n * The event `detail` contains the current `selectedOption`.\n */\n onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n\n /**\n * Automatically focuses the trigger when component is mounted.\n */\n autoFocus?: boolean;\n /**\n * Specifies a render function to render custom options in the dropdown menu or trigger.\n *\n * @awsuiSystem core\n */\n renderOption?: SelectProps.SelectOptionItemRenderer;\n}\n\nexport namespace SelectProps {\n export type FilteringType = OptionsFilteringType;\n export type TriggerVariant = 'label' | 'option';\n\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n\n export interface SelectOptionItem {\n type: 'item';\n index: number;\n option: Option;\n highlighted: boolean;\n selected: boolean;\n disabled: boolean;\n parent: SelectOptionGroupItem | null;\n }\n export interface SelectOptionGroupItem {\n type: 'group';\n index: number;\n option: OptionGroup;\n disabled: boolean;\n }\n export interface SelectTriggerOptionItem {\n type: 'trigger';\n option: Option;\n }\n export type SelectItem = SelectOptionItem | SelectOptionGroupItem | SelectTriggerOptionItem;\n export type SelectOptionItemRenderer = (props: { item: SelectItem; filterText?: string }) => ReactNode | null;\n\n /* eslint-disable-next-line @typescript-eslint/no-empty-object-type --\n * Required to create a distinct named type for the documenter.\n **/\n export interface LoadItemsDetail extends OptionsLoadItemsDetail {}\n\n export interface ChangeDetail {\n selectedOption: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n */\n focus(): void;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/select/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ReactNode } from 'react';\n\nimport { BaseDropdownHostProps, OptionsFilteringType, OptionsLoadItemsDetail } from '../dropdown/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport { OptionDefinition, OptionGroup as OptionGroupDefinition } from '../internal/components/option/interfaces';\nimport { FormFieldValidationControlProps } from '../internal/context/form-field-context';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface BaseSelectProps\n extends BaseDropdownHostProps,\n BaseComponentProps,\n FormFieldValidationControlProps,\n DropdownStatusProps {\n /**\n * Specifies an array of options that are displayed to the user as a dropdown list.\n * The options can be grouped using `OptionGroup` objects.\n *\n * #### Option\n * - `value` (string) - The returned value of the option when selected.\n *\n * #### OptionGroup\n * - `value` (string) - Used to locate option group in test utils.\n * - `options` (Option[]) - (Optional) The options under this group.\n *\n * #### Shared Option and OptionGroup properties\n * - `label` (string) - (Optional) Option or group text displayed to the user.\n * - `lang` (string) - (Optional) The language of the option or group, provided as a BCP 47 language tag.\n * - `description` (string) - (Optional) Further information about the option or group that appears below the label.\n * - `disabled` (boolean) - (Optional) Determines whether the option or group is disabled.\n * - `disabledReason` (string) - (Optional) Displays tooltip near the item when disabled. Use to provide additional context.\n * - `labelTag` (string) - (Optional) A label tag that provides additional guidance, shown next to the label.\n * - `tags` [string[]] - (Optional) A list of tags giving further guidance about the option or group.\n * - `filteringTags` [string[]] - (Optional) A list of additional tags used for automatic filtering.\n * - `iconName` (string) - (Optional) Specifies the name of an [icon](/components/icon/) to display in the option or group.\n * - `iconAriaLabel` (string) - (Optional) Specifies alternate text for the icon. We recommend that you provide this for accessibility.\n * - `iconAlt` (string) - (Optional) **Deprecated**, replaced by \\`iconAriaLabel\\`. Specifies alternate text for a custom icon, for use with `iconUrl`.\n * - `iconUrl` (string) - (Optional) URL of a custom icon.\n * - `iconSvg` (ReactNode) - (Optional) Custom SVG icon. Equivalent to the `svg` slot of the [icon component](/components/icon/).\n *\n * Note: Only one level of option nesting is supported.\n *\n * If you want to use the built-in filtering capabilities of this component, provide\n * a list of all valid options here and they will be automatically filtered based on the user's filtering input.\n *\n * Alternatively, you can listen to the `onChange` or `onLoadItems` event and set new options\n * on your own.\n **/\n options?: SelectProps.Options;\n\n /**\n * Determines how filtering is applied to the list of `options`:\n *\n * * `auto` - The component will automatically filter options based on user input.\n * * `manual` - You will set up `onChange` or `onLoadItems` event listeners and filter options on your side or request\n * them from server.\n *\n * By default the component will filter the provided `options` based on the value of the filtering input field.\n * Only options that have a `value`, `label`, `description` or `labelTag` that contains the input value as a substring\n * are displayed in the list of options.\n *\n * If you set this property to `manual`, this default filtering mechanism is disabled and all provided `options` are\n * displayed in the dropdown list. In that case make sure that you use the `onChange` or `onLoadItems` events in order\n * to set the `options` property to the options that are relevant for the user, given the filtering input value.\n *\n * Note: Manual filtering doesn't disable match highlighting.\n **/\n filteringType?: OptionsFilteringType;\n\n /**\n * Determines whether the whole select component is disabled.\n */\n disabled?: boolean;\n /**\n * Specifies the placeholder to display in the filtering input if filtering is enabled.\n */\n filteringPlaceholder?: string;\n\n /**\n * Specifies the text to display with the number of matches at the bottom of the dropdown menu while filtering.\n */\n filteringResultsText?: (matchesCount: number, totalCount: number) => string;\n /**\n * Adds an `aria-label` on the built-in filtering input if filtering is enabled.\n */\n filteringAriaLabel?: string;\n /**\n * Adds an `aria-label` to the clear button inside the search input.\n * @i18n\n */\n filteringClearAriaLabel?: string;\n /**\n * @deprecated Has no effect.\n */\n name?: string;\n /**\n * Specifies the hint text that's displayed in the field when no option has been selected.\n */\n placeholder?: string;\n /**\n * Specifies the ID for the trigger component. It uses an automatically generated ID by default.\n */\n controlId?: string;\n /**\n * Adds `aria-required` to the native input element.\n */\n ariaRequired?: boolean;\n /**\n * Adds `aria-label` to the select element.\n * Use this if you don't have a visible label for this control.\n */\n ariaLabel?: string;\n /**\n * Specifies the localized string that describes an option as being selected.\n * This is required to provide a good screen reader experience. For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n * @i18n\n */\n selectedAriaLabel?: string;\n /**\n * Overrides the element that is announced to screen readers\n * when the highlighted option changes. By default, this announces\n * the option's name and properties, and its selected state if\n * the `selectedAriaLabel` property is defined.\n * The highlighted option is provided, and its group (if groups\n * are used and it differs from the group of the previously highlighted option).\n *\n * For more information, see the\n * [accessibility guidelines](/components/select/?tabId=usage#accessibility-guidelines).\n */\n renderHighlightedAriaLive?: SelectProps.ContainingOptionAndGroupString;\n /**\n * Displayed for `filteringType=\"auto\"` when there are no matches for the filtering.\n */\n noMatch?: React.ReactNode;\n /**\n * Called when input focus is removed from the UI control.\n */\n onBlur?: NonCancelableEventHandler;\n /**\n * Called when input focus is set onto the UI control.\n */\n onFocus?: NonCancelableEventHandler;\n\n /**\n * Specifies if the control is read-only, which prevents the\n * user from both modifying the value and opening the dropdown. A read-only control is still focusable.\n */\n readOnly?: boolean;\n}\n\nexport interface SelectProps extends BaseSelectProps {\n /**\n * Adds a small label inline with the input for saving vertical space in the UI.\n * For use with collection select filters only.\n */\n inlineLabelText?: string;\n onLoadItems?: NonCancelableEventHandler<SelectProps.LoadItemsDetail>;\n /**\n * Adds `aria-labelledby` to the component. If you're using this component within a form field,\n * don't set this property because the form field component automatically sets it.\n *\n * Use this property if the component isn't using `inlineLabelText` and isn't surrounded by a form field, or you want to override the value\n * automatically set by the form field (for example, if you have two components within a single form field).\n *\n * To use it correctly, define an ID for the element you want to use as label and set the property to that ID.\n */\n ariaLabelledby?: string;\n /**\n * Defines the variant of the trigger. You can use a simple label or the entire option (`label | option`)\n */\n triggerVariant?: SelectProps.TriggerVariant;\n /**\n * Specifies the currently selected option.\n * If you want to clear the selection, use `null`.\n */\n selectedOption: SelectProps.Option | null;\n /**\n * Called when the user selects an option.\n * The event `detail` contains the current `selectedOption`.\n */\n onChange?: NonCancelableEventHandler<SelectProps.ChangeDetail>;\n\n /**\n * Automatically focuses the trigger when component is mounted.\n */\n autoFocus?: boolean;\n /**\n * Specifies a render function to render custom options in the dropdown menu or trigger.\n */\n renderOption?: SelectProps.SelectOptionItemRenderer;\n}\n\nexport namespace SelectProps {\n export type FilteringType = OptionsFilteringType;\n export type TriggerVariant = 'label' | 'option';\n\n export type Option = OptionDefinition;\n export type OptionGroup = OptionGroupDefinition;\n export type Options = ReadonlyArray<Option | OptionGroup>;\n\n export interface SelectOptionItem {\n type: 'item';\n index: number;\n option: Option;\n highlighted: boolean;\n selected: boolean;\n disabled: boolean;\n parent: SelectOptionGroupItem | null;\n }\n export interface SelectOptionGroupItem {\n type: 'group';\n index: number;\n option: OptionGroup;\n disabled: boolean;\n }\n export interface SelectTriggerOptionItem {\n type: 'trigger';\n option: Option;\n }\n export type SelectItem = SelectOptionItem | SelectOptionGroupItem | SelectTriggerOptionItem;\n export type SelectOptionItemRenderer = (props: { item: SelectItem; filterText?: string }) => ReactNode | null;\n\n /* eslint-disable-next-line @typescript-eslint/no-empty-object-type --\n * Required to create a distinct named type for the documenter.\n **/\n export interface LoadItemsDetail extends OptionsLoadItemsDetail {}\n\n export interface ChangeDetail {\n selectedOption: Option;\n }\n\n export interface ContainingOptionAndGroupString {\n (option: Option, group?: OptionGroup): string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the element without opening the dropdown or showing a visual focus indicator.\n */\n focus(): void;\n }\n}\n"]}
|
package/wizard/interfaces.d.ts
CHANGED
|
@@ -93,8 +93,6 @@ export interface WizardProps extends BaseComponentProps {
|
|
|
93
93
|
allowSkipTo?: boolean;
|
|
94
94
|
/**
|
|
95
95
|
* Specifies right-aligned custom primary actions for the wizard. Overwrites existing buttons (e.g. Cancel, Next, Finish).
|
|
96
|
-
*
|
|
97
|
-
* @awsuiSystem core
|
|
98
96
|
*/
|
|
99
97
|
customPrimaryActions?: React.ReactNode;
|
|
100
98
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,WAAW,CAAC;IAC3B,UAAiB,iBAAiB;QAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,YAAY,CAAC;KAC7B;CACF;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC;IAElD;;;;;;;;;;;;;;OAcG;IACH,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEvC;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC;IAEtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,WAAW,CAAC;IAC3B,UAAiB,iBAAiB;QAChC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,YAAY,CAAC,EAAE,YAAY,CAAC;KAC7B;CACF;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC;IAElD;;;;;;;;;;;;;;OAcG;IACH,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEvC;;;;;;;;;;OAUG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC;IAEtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IAErC;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,yBAAyB,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;CACpE;AAED,yBAAiB,WAAW,CAAC;IAC3B,UAAiB,qBAAqB;QACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;KAC7B;IACD,UAAiB,IAAI;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,iBAAiB,CAAC,EAAE,qBAAqB,CAAC;KAC3C;IAED,UAAiB,WAAW;QAC1B;;WAEG;QACH,YAAY,CAAC,EAAE,MAAM,CAAC;QAEtB,eAAe,CAAC,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;QAC7C,mBAAmB,CAAC,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC;QACrE,iBAAiB,CAAC,CAAC,UAAU,EAAE,WAAW,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,GAAG,MAAM,CAAC;QACnF,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,6BAA6B,CAAC,EAAE,MAAM,CAAC;QACvC,+BAA+B,CAAC,EAAE,MAAM,CAAC;KAC1C;IAED,UAAiB,cAAc;QAC7B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,MAAM,EAAE,WAAW,CAAC,gBAAgB,CAAC;KACtC;IAED,KAAY,gBAAgB,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;CACtE"}
|
package/wizard/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ErrorContext, FlowType } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace WizardProps {\n export interface AnalyticsMetadata {\n instanceIdentifier?: string;\n flowType?: FlowType;\n resourceType?: string;\n errorContext?: ErrorContext;\n }\n}\n\nexport interface WizardProps extends BaseComponentProps {\n /**\n * Specifies additional analytics-related metadata.\n * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n * * `flowType` - Identifies the type of flow represented by the component.\n * * `resourceType` - Identifies the type of resource represented by the flow. **Note:** This API is currently experimental.\n * @analytics\n */\n analyticsMetadata?: WizardProps.AnalyticsMetadata;\n\n /**\n * Array of step objects. Each object represents a step in the wizard with the following properties:\n *\n * - `title` (string) - Text that's displayed as the title in the navigation pane and form header.\n * - `info` (ReactNode) - (Optional) Area for a page level info link that's displayed in the form header.\n * The page level info link should trigger the default help panel content for the step. Use the [link component](/components/link/) to display the link.\n * - `description` (ReactNode) - (Optional) Area below the form header for a page level description text to further explain the purpose, goal, or main actions of the step.\n * - `content` (ReactNode) - Main content area to display form sections, form fields, and controls.\n * - `errorText` (ReactNode) - (Optional) Error text that's displayed in a page level error alert.\n * Use this for rendering actionable server-side validation failure messages.\n * - `isOptional` (boolean) - Specifies whether the step is optional or required. If set to `true`, the text from `i18nStrings.optional`\n * is rendered next to the `title` in the navigation step label and the form header title.\n * - `analyticsMetadata` (WizardProps.StepAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n * @analytics\n */\n steps: ReadonlyArray<WizardProps.Step>;\n\n /**\n * Index of the step that's currently displayed. The first step has an index of zero (0).\n *\n * If you don't set this property, the component starts on the first step and switches step automatically\n * when a user navigates using the buttons or an enabled step link in the navigation pane (that is, uncontrolled behavior).\n *\n * If you provide a value for this property, you must also set an `onNavigate` listener to update the property when\n * a user navigates (that is, controlled behavior).\n *\n * If you set it to a value that exceeds the maximum value (that is, the number of steps minus 1), its value is ignored and the component uses the maximum value.\n */\n activeStepIndex?: number;\n\n /**\n * An object containing all the necessary localized strings required by the component.\n *\n * - `stepNumberLabel` ((stepNumber: number) => string) - A function that accepts a number (1-based indexing),\n * and returns a human-readable, localized string displaying the step number in the navigation pane. For example, \"Step 1\" or \"Step 2\".\n * - `collapsedStepsLabel` ((stepNumber: number, stepsCount: number) => string) - A function that accepts two number parameters (1-based indexing),\n * and returns a string responsible for the navigation summary on smaller screens. For example, \"Step 1 of 3\". The parameters are as follows:\n * - `stepNumber` (number) - The step number that the user is currently on.\n * - `stepsCount` (number) - The total number of steps in the wizard.\n * - `skipToButtonLabel`: ((targetStep: WizardProps.Step, targetStepNumber: number) => string) - An optional function that accepts the target step object\n * and the target step number (1-based indexing), and returns a string to be used as the *skip-to* button label. For example, \"Skip to Step 2\" or \"Skip to end\".\n * - `navigationAriaLabel` (string) - The aria label for the navigation pane.\n * - `cancelButton` (string) - The text of the button that enables the user to exit the flow.\n * - `previousButton` (string) - The text of the button that enables the user to return to the previous step.\n * - `nextButton` (string) - The text of the button that enables the user to move to the next step.\n * - `submitButton` (string) - The text of the button that enables the user to submit the form. **Deprecated**, replaced by the `submitButtonText` component property. `submitButton` is not supported by the I18nProvider.\n * - `optional` (string) - The text displayed next to the step title and form header title when a step is declared optional.\n * - `nextButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *next* button is in a loading state.\n * - `submitButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *submit* button is in a loading state.\n * @i18n\n */\n i18nStrings?: WizardProps.I18nStrings;\n\n /**\n * The text of the button that enables the user to submit the form.\n */\n submitButtonText?: string;\n\n /**\n * Renders the *next* or *submit* button in a loading state.\n *\n * Use this if you need to wait for a response from the server before the user can proceed to the next step, such as during server-side validation or retrieving the next step's information.\n */\n isLoadingNextStep?: boolean;\n\n /**\n * When set to `false`, the *skip-to* button is never shown.\n * When set to `true`, the *skip-to* button may appear to offer faster navigation for the user.\n *\n * The *skip-to* button only allows to skip optional steps. It is shown when there is one or more optional\n * steps ahead having no required steps in-between.\n *\n * Note: the *skip-to* button requires the function i18nStrings.skipToButtonLabel to be defined.\n *\n * Defaults to `false`.\n */\n allowSkipTo?: boolean;\n\n /**\n * Specifies right-aligned custom primary actions for the wizard. Overwrites existing buttons (e.g. Cancel, Next, Finish).\n
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/wizard/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ErrorContext, FlowType } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace WizardProps {\n export interface AnalyticsMetadata {\n instanceIdentifier?: string;\n flowType?: FlowType;\n resourceType?: string;\n errorContext?: ErrorContext;\n }\n}\n\nexport interface WizardProps extends BaseComponentProps {\n /**\n * Specifies additional analytics-related metadata.\n * * `instanceIdentifier` - A unique string that identifies this component instance in your application.\n * * `flowType` - Identifies the type of flow represented by the component.\n * * `resourceType` - Identifies the type of resource represented by the flow. **Note:** This API is currently experimental.\n * @analytics\n */\n analyticsMetadata?: WizardProps.AnalyticsMetadata;\n\n /**\n * Array of step objects. Each object represents a step in the wizard with the following properties:\n *\n * - `title` (string) - Text that's displayed as the title in the navigation pane and form header.\n * - `info` (ReactNode) - (Optional) Area for a page level info link that's displayed in the form header.\n * The page level info link should trigger the default help panel content for the step. Use the [link component](/components/link/) to display the link.\n * - `description` (ReactNode) - (Optional) Area below the form header for a page level description text to further explain the purpose, goal, or main actions of the step.\n * - `content` (ReactNode) - Main content area to display form sections, form fields, and controls.\n * - `errorText` (ReactNode) - (Optional) Error text that's displayed in a page level error alert.\n * Use this for rendering actionable server-side validation failure messages.\n * - `isOptional` (boolean) - Specifies whether the step is optional or required. If set to `true`, the text from `i18nStrings.optional`\n * is rendered next to the `title` in the navigation step label and the form header title.\n * - `analyticsMetadata` (WizardProps.StepAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.\n * @analytics\n */\n steps: ReadonlyArray<WizardProps.Step>;\n\n /**\n * Index of the step that's currently displayed. The first step has an index of zero (0).\n *\n * If you don't set this property, the component starts on the first step and switches step automatically\n * when a user navigates using the buttons or an enabled step link in the navigation pane (that is, uncontrolled behavior).\n *\n * If you provide a value for this property, you must also set an `onNavigate` listener to update the property when\n * a user navigates (that is, controlled behavior).\n *\n * If you set it to a value that exceeds the maximum value (that is, the number of steps minus 1), its value is ignored and the component uses the maximum value.\n */\n activeStepIndex?: number;\n\n /**\n * An object containing all the necessary localized strings required by the component.\n *\n * - `stepNumberLabel` ((stepNumber: number) => string) - A function that accepts a number (1-based indexing),\n * and returns a human-readable, localized string displaying the step number in the navigation pane. For example, \"Step 1\" or \"Step 2\".\n * - `collapsedStepsLabel` ((stepNumber: number, stepsCount: number) => string) - A function that accepts two number parameters (1-based indexing),\n * and returns a string responsible for the navigation summary on smaller screens. For example, \"Step 1 of 3\". The parameters are as follows:\n * - `stepNumber` (number) - The step number that the user is currently on.\n * - `stepsCount` (number) - The total number of steps in the wizard.\n * - `skipToButtonLabel`: ((targetStep: WizardProps.Step, targetStepNumber: number) => string) - An optional function that accepts the target step object\n * and the target step number (1-based indexing), and returns a string to be used as the *skip-to* button label. For example, \"Skip to Step 2\" or \"Skip to end\".\n * - `navigationAriaLabel` (string) - The aria label for the navigation pane.\n * - `cancelButton` (string) - The text of the button that enables the user to exit the flow.\n * - `previousButton` (string) - The text of the button that enables the user to return to the previous step.\n * - `nextButton` (string) - The text of the button that enables the user to move to the next step.\n * - `submitButton` (string) - The text of the button that enables the user to submit the form. **Deprecated**, replaced by the `submitButtonText` component property. `submitButton` is not supported by the I18nProvider.\n * - `optional` (string) - The text displayed next to the step title and form header title when a step is declared optional.\n * - `nextButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *next* button is in a loading state.\n * - `submitButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *submit* button is in a loading state.\n * @i18n\n */\n i18nStrings?: WizardProps.I18nStrings;\n\n /**\n * The text of the button that enables the user to submit the form.\n */\n submitButtonText?: string;\n\n /**\n * Renders the *next* or *submit* button in a loading state.\n *\n * Use this if you need to wait for a response from the server before the user can proceed to the next step, such as during server-side validation or retrieving the next step's information.\n */\n isLoadingNextStep?: boolean;\n\n /**\n * When set to `false`, the *skip-to* button is never shown.\n * When set to `true`, the *skip-to* button may appear to offer faster navigation for the user.\n *\n * The *skip-to* button only allows to skip optional steps. It is shown when there is one or more optional\n * steps ahead having no required steps in-between.\n *\n * Note: the *skip-to* button requires the function i18nStrings.skipToButtonLabel to be defined.\n *\n * Defaults to `false`.\n */\n allowSkipTo?: boolean;\n\n /**\n * Specifies right-aligned custom primary actions for the wizard. Overwrites existing buttons (e.g. Cancel, Next, Finish).\n */\n customPrimaryActions?: React.ReactNode;\n\n /**\n * Specifies left-aligned secondary actions for the wizard. Use a button dropdown if multiple actions are required.\n */\n secondaryActions?: React.ReactNode;\n\n /**\n * Called when a user clicks the *cancel* button.\n * If a user has entered data in the form, you should prompt the user with a modal before exiting the wizard flow.\n */\n onCancel?: NonCancelableEventHandler;\n\n /**\n * Called when a user clicks the *submit* button.\n */\n onSubmit?: NonCancelableEventHandler;\n\n /**\n * Called when a user clicks the *next* button, the *previous* button, or an enabled step link in the navigation pane.\n *\n * The event `detail` includes the following:\n * - `requestedStepIndex` - The index of the requested step.\n * - `reason` - The user action that triggered the navigation event. It can be `next` (when the user clicks the *next* button),\n * `previous` (when the user clicks the *previous* button), `step` (an enabled step link in the navigation pane),\n * or `skip` (when navigated using navigation pane or the *skip-to* button to the previously unvisited step).\n */\n onNavigate?: NonCancelableEventHandler<WizardProps.NavigateDetail>;\n}\n\nexport namespace WizardProps {\n export interface StepAnalyticsMetadata {\n instanceIdentifier?: string;\n errorContext?: ErrorContext;\n }\n export interface Step {\n title: string;\n info?: React.ReactNode;\n description?: React.ReactNode;\n content: React.ReactNode;\n errorText?: React.ReactNode;\n isOptional?: boolean;\n analyticsMetadata?: StepAnalyticsMetadata;\n }\n\n export interface I18nStrings {\n /**\n * @deprecated Use `submitButtonText` on the component instead.\n */\n submitButton?: string;\n\n stepNumberLabel?(stepNumber: number): string;\n collapsedStepsLabel?(stepNumber: number, stepsCount: number): string;\n skipToButtonLabel?(targetStep: WizardProps.Step, targetStepNumber: number): string;\n navigationAriaLabel?: string;\n errorIconAriaLabel?: string;\n cancelButton?: string;\n previousButton?: string;\n nextButton?: string;\n optional?: string;\n nextButtonLoadingAnnouncement?: string;\n submitButtonLoadingAnnouncement?: string;\n }\n\n export interface NavigateDetail {\n requestedStepIndex: number;\n reason: WizardProps.NavigationReason;\n }\n\n export type NavigationReason = 'next' | 'previous' | 'step' | 'skip';\n}\n"]}
|