@cloudscape-design/components-themeable 3.0.1302 → 3.0.1304
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/copy-to-clipboard/styles.scss +1 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/key-value-pairs/styles.scss +1 -0
- package/lib/internal/scss/status-indicator/styles.scss +22 -0
- package/lib/internal/template/autosuggest/interfaces.d.ts +0 -2
- package/lib/internal/template/autosuggest/interfaces.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/interfaces.js.map +1 -1
- package/lib/internal/template/copy-to-clipboard/styles.css.js +5 -5
- package/lib/internal/template/copy-to-clipboard/styles.scoped.css +7 -7
- package/lib/internal/template/copy-to-clipboard/styles.selectors.js +5 -5
- package/lib/internal/template/internal/base-component/styles.scoped.css +62 -43
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +34 -26
- package/lib/internal/template/internal/generated/styles/tokens.js +34 -26
- package/lib/internal/template/internal/generated/theming/index.cjs +321 -113
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +225 -153
- package/lib/internal/template/internal/generated/theming/index.d.ts +225 -153
- package/lib/internal/template/internal/generated/theming/index.js +321 -113
- package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
- package/lib/internal/template/key-value-pairs/styles.scoped.css +10 -9
- package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
- package/lib/internal/template/multiselect/interfaces.d.ts +0 -2
- package/lib/internal/template/multiselect/interfaces.d.ts.map +1 -1
- package/lib/internal/template/multiselect/interfaces.js.map +1 -1
- package/lib/internal/template/prompt-input/interfaces.d.ts +0 -2
- package/lib/internal/template/prompt-input/interfaces.d.ts.map +1 -1
- package/lib/internal/template/prompt-input/interfaces.js.map +1 -1
- package/lib/internal/template/select/interfaces.d.ts +0 -2
- package/lib/internal/template/select/interfaces.d.ts.map +1 -1
- package/lib/internal/template/select/interfaces.js.map +1 -1
- package/lib/internal/template/status-indicator/styles.css.js +24 -24
- package/lib/internal/template/status-indicator/styles.scoped.css +64 -30
- package/lib/internal/template/status-indicator/styles.selectors.js +24 -24
- package/lib/internal/template/wizard/interfaces.d.ts +0 -2
- package/lib/internal/template/wizard/interfaces.d.ts.map +1 -1
- package/lib/internal/template/wizard/interfaces.js.map +1 -1
- package/package.json +1 -1
|
@@ -29,6 +29,18 @@ $_color-overrides: (
|
|
|
29
29
|
'yellow': awsui.$color-text-status-warning,
|
|
30
30
|
);
|
|
31
31
|
|
|
32
|
+
$_status-backgrounds: (
|
|
33
|
+
'error': awsui.$color-background-status-indicator-error,
|
|
34
|
+
'warning': awsui.$color-background-status-indicator-warning,
|
|
35
|
+
'success': awsui.$color-background-status-indicator-success,
|
|
36
|
+
'info': awsui.$color-background-status-indicator-info,
|
|
37
|
+
'stopped': awsui.$color-background-status-indicator-neutral,
|
|
38
|
+
'pending': awsui.$color-background-status-indicator-neutral,
|
|
39
|
+
'in-progress': awsui.$color-background-status-indicator-neutral,
|
|
40
|
+
'loading': awsui.$color-background-status-indicator-neutral,
|
|
41
|
+
'not-started': awsui.$color-background-status-indicator-neutral,
|
|
42
|
+
);
|
|
43
|
+
|
|
32
44
|
.root {
|
|
33
45
|
@include styles.default-text-style;
|
|
34
46
|
@each $status in map.keys($_status-colors) {
|
|
@@ -41,9 +53,19 @@ $_color-overrides: (
|
|
|
41
53
|
color: #{map.get($_color-overrides, $color)};
|
|
42
54
|
}
|
|
43
55
|
}
|
|
56
|
+
@each $status in map.keys($_status-backgrounds) {
|
|
57
|
+
&.status-#{$status} > .container {
|
|
58
|
+
background: #{map.get($_status-backgrounds, $status)};
|
|
59
|
+
}
|
|
60
|
+
}
|
|
44
61
|
}
|
|
45
62
|
|
|
46
63
|
.container {
|
|
64
|
+
padding-inline: awsui.$space-status-indicator-padding-horizontal;
|
|
65
|
+
border-start-start-radius: awsui.$border-radius-status-indicator;
|
|
66
|
+
border-start-end-radius: awsui.$border-radius-status-indicator;
|
|
67
|
+
border-end-start-radius: awsui.$border-radius-status-indicator;
|
|
68
|
+
border-end-end-radius: awsui.$border-radius-status-indicator;
|
|
47
69
|
&.display-inline {
|
|
48
70
|
@include styles.text-wrapping;
|
|
49
71
|
display: inline;
|
|
@@ -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_17hkg_9",
|
|
5
|
+
"inline-container": "awsui_inline-container_5a145_17hkg_13",
|
|
6
|
+
"inline-container-trigger": "awsui_inline-container-trigger_5a145_17hkg_16",
|
|
7
|
+
"inline-container-no-wrap": "awsui_inline-container-no-wrap_5a145_17hkg_19",
|
|
8
|
+
"text-to-display": "awsui_text-to-display_5a145_17hkg_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_17hkg_9:not(#\9) {
|
|
10
10
|
display: contents;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.awsui_inline-
|
|
13
|
+
.awsui_inline-container_5a145_17hkg_13:not(#\9) {
|
|
14
14
|
word-break: break-all;
|
|
15
15
|
}
|
|
16
|
-
.awsui_inline-container-
|
|
16
|
+
.awsui_inline-container-trigger_5a145_17hkg_16:not(#\9) {
|
|
17
17
|
margin-inline-end: var(--space-scaled-xxs-jatbiv, 4px);
|
|
18
18
|
}
|
|
19
|
-
.awsui_inline-container-no-
|
|
19
|
+
.awsui_inline-container-no-wrap_5a145_17hkg_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_17hkg_19 > .awsui_inline-container-trigger_5a145_17hkg_16:not(#\9) {
|
|
26
26
|
flex-shrink: 0;
|
|
27
27
|
}
|
|
28
|
-
.awsui_inline-container-no-
|
|
28
|
+
.awsui_inline-container-no-wrap_5a145_17hkg_19 > .awsui_text-to-display_5a145_17hkg_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_17hkg_9",
|
|
6
|
+
"inline-container": "awsui_inline-container_5a145_17hkg_13",
|
|
7
|
+
"inline-container-trigger": "awsui_inline-container-trigger_5a145_17hkg_16",
|
|
8
|
+
"inline-container-no-wrap": "awsui_inline-container-no-wrap_5a145_17hkg_19",
|
|
9
|
+
"text-to-display": "awsui_text-to-display_5a145_17hkg_28"
|
|
10
10
|
};
|
|
11
11
|
|
|
@@ -344,6 +344,11 @@
|
|
|
344
344
|
--color-background-avatar-default-yhbpq4:var(--color-neutral-650-92yp10);
|
|
345
345
|
--color-text-avatar-3ceqkg:var(--color-white-jf0w15);
|
|
346
346
|
--color-background-loading-bar-gen-ai-dx9ipo:linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%);
|
|
347
|
+
--color-background-status-indicator-error-621sf8:transparent;
|
|
348
|
+
--color-background-status-indicator-warning-3kccdi:transparent;
|
|
349
|
+
--color-background-status-indicator-success-9mizpw:transparent;
|
|
350
|
+
--color-background-status-indicator-info-zw9ljm:transparent;
|
|
351
|
+
--color-background-status-indicator-neutral-50dvgi:transparent;
|
|
347
352
|
--color-background-chat-bubble-outgoing-ramyaa:transparent;
|
|
348
353
|
--color-background-chat-bubble-incoming-m85frs:var(--color-neutral-200-z3mmn9);
|
|
349
354
|
--color-text-chat-bubble-outgoing-8zncvj:var(--color-text-body-default-5qid0u);
|
|
@@ -493,6 +498,7 @@
|
|
|
493
498
|
--color-text-interactive-inverted-hover-p0x69h:var(--color-neutral-100-wbgy1o);
|
|
494
499
|
--color-text-inverted-2l365o:var(--color-white-jf0w15);
|
|
495
500
|
--color-text-label-482ybi:var(--color-neutral-650-92yp10);
|
|
501
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
496
502
|
--color-text-layout-toggle-k2o6it:var(--color-neutral-650-92yp10);
|
|
497
503
|
--color-text-layout-toggle-active-tb3a9u:var(--color-white-jf0w15);
|
|
498
504
|
--color-text-layout-toggle-hover-c8l1z4:var(--color-primary-600-be1v6a);
|
|
@@ -633,60 +639,61 @@
|
|
|
633
639
|
--border-line-chart-dash-array-9wbxtz:3 5;
|
|
634
640
|
--border-line-chart-line-join-azfkix:miter;
|
|
635
641
|
--border-line-chart-width-aeswqs:2px;
|
|
642
|
+
--border-link-focus-ring-outline-c5423y:5px auto Highlight;
|
|
643
|
+
--border-link-focus-ring-shadow-spread-woh62o:0px;
|
|
636
644
|
--border-panel-header-width-r62i4a:0px;
|
|
637
645
|
--border-panel-top-width-a8j764:0px;
|
|
646
|
+
--border-radius-action-card-default-lfmdfw:var(--border-radius-card-default-45b7vy);
|
|
647
|
+
--border-radius-action-card-embedded-yc37lz:var(--border-radius-card-embedded-gvuteo);
|
|
638
648
|
--border-radius-alert-v9spjj:var(--border-radius-input-4vr9on);
|
|
639
649
|
--border-radius-badge-o70tla:16px;
|
|
640
650
|
--border-radius-button-vm1lh4:2px;
|
|
641
651
|
--border-radius-calendar-day-focus-ring-1443fe:2px;
|
|
642
|
-
--border-radius-code-editor-pxxwyo:var(--border-radius-item-xggxkd);
|
|
643
652
|
--border-radius-card-default-45b7vy:var(--border-radius-container-l30zxy);
|
|
644
653
|
--border-radius-card-embedded-gvuteo:var(--border-radius-chat-bubble-yzqw4v);
|
|
645
|
-
--border-radius-
|
|
646
|
-
--border-radius-
|
|
654
|
+
--border-radius-chat-bubble-yzqw4v:2px;
|
|
655
|
+
--border-radius-code-editor-pxxwyo:var(--border-radius-item-xggxkd);
|
|
647
656
|
--border-radius-container-l30zxy:0px;
|
|
648
657
|
--border-radius-control-circular-focus-ring-0v2apg:50%;
|
|
649
658
|
--border-radius-control-default-focus-ring-9xsko1:var(--border-radius-input-4vr9on);
|
|
650
659
|
--border-radius-dropdown-oaxffg:var(--border-radius-item-xggxkd);
|
|
651
660
|
--border-radius-dropzone-n713ay:0px;
|
|
652
661
|
--border-radius-flashbar-4ael4o:0px;
|
|
653
|
-
--border-radius-item-xggxkd:0px;
|
|
654
662
|
--border-radius-input-4vr9on:2px;
|
|
663
|
+
--border-radius-item-xggxkd:0px;
|
|
664
|
+
--border-radius-item-card-default-puscs7:var(--border-radius-card-default-45b7vy);
|
|
665
|
+
--border-radius-item-card-embedded-z6yq9n:var(--border-radius-card-embedded-gvuteo);
|
|
655
666
|
--border-radius-popover-emyrcc:var(--border-radius-input-4vr9on);
|
|
667
|
+
--border-radius-skeleton-r8data:8px;
|
|
668
|
+
--border-radius-status-indicator-42rwc5:var(--border-radius-badge-o70tla);
|
|
656
669
|
--border-radius-tabs-focus-ring-ciyqfm:0px;
|
|
657
670
|
--border-radius-tiles-5li9yd:var(--border-radius-input-4vr9on);
|
|
658
671
|
--border-radius-token-8arsz0:var(--border-radius-input-4vr9on);
|
|
659
|
-
--border-radius-chat-bubble-yzqw4v:2px;
|
|
660
672
|
--border-radius-tutorial-panel-item-9xcrp2:var(--border-radius-input-4vr9on);
|
|
661
673
|
--border-table-sticky-width-o9kqes:0px;
|
|
662
|
-
--border-
|
|
663
|
-
--border-
|
|
664
|
-
--border-width-card-
|
|
665
|
-
--border-width-card-
|
|
666
|
-
--border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
|
|
667
|
-
--border-width-item-selected-7rbija:var(--border-item-width-acvlhx);
|
|
674
|
+
--border-width-action-card-active-qw9sq5:1px;
|
|
675
|
+
--border-width-action-card-default-hax7i5:1px;
|
|
676
|
+
--border-width-action-card-disabled-8qg2x7:1px;
|
|
677
|
+
--border-width-action-card-hover-v5f1fk:1px;
|
|
668
678
|
--border-width-alert-5zfcv3:1px;
|
|
669
|
-
--border-width-alert-block-start-oj3q3w:var(--border-width-alert-5zfcv3);
|
|
670
679
|
--border-width-alert-block-end-97hkl4:var(--border-width-alert-5zfcv3);
|
|
671
|
-
--border-width-alert-
|
|
680
|
+
--border-width-alert-block-start-oj3q3w:var(--border-width-alert-5zfcv3);
|
|
672
681
|
--border-width-alert-inline-end-ftlxmm:var(--border-width-alert-5zfcv3);
|
|
682
|
+
--border-width-alert-inline-start-18a8dl:var(--border-width-alert-5zfcv3);
|
|
673
683
|
--border-width-button-40y1n5:1px;
|
|
684
|
+
--border-width-card-xmgn65:0px;
|
|
685
|
+
--border-width-card-selected-8fhyq1:var(--border-item-width-acvlhx);
|
|
674
686
|
--border-width-dropdown-qic2p4:1px;
|
|
675
687
|
--border-width-field-9k1tdz:1px;
|
|
676
|
-
--border-width-popover-dgqo1x:1px;
|
|
677
|
-
--border-width-token-cwl2sl:1px;
|
|
678
|
-
--border-width-icon-small-vdkeni:2px;
|
|
679
|
-
--border-width-icon-normal-yqojud:2px;
|
|
680
|
-
--border-width-icon-medium-hkvbnl:2px;
|
|
681
688
|
--border-width-icon-big-bbcgm5:3px;
|
|
682
689
|
--border-width-icon-large-d362l9:4px;
|
|
683
|
-
--border-
|
|
684
|
-
--border-
|
|
685
|
-
--border-width-
|
|
686
|
-
--border-width-
|
|
687
|
-
--border-width-
|
|
688
|
-
--border-width-
|
|
689
|
-
--border-
|
|
690
|
+
--border-width-icon-medium-hkvbnl:2px;
|
|
691
|
+
--border-width-icon-normal-yqojud:2px;
|
|
692
|
+
--border-width-icon-small-vdkeni:2px;
|
|
693
|
+
--border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
|
|
694
|
+
--border-width-item-selected-7rbija:var(--border-item-width-acvlhx);
|
|
695
|
+
--border-width-popover-dgqo1x:1px;
|
|
696
|
+
--border-width-token-cwl2sl:1px;
|
|
690
697
|
--motion-duration-extra-slow-j8l6m4:270ms;
|
|
691
698
|
--motion-duration-fast-okdxjh:90ms;
|
|
692
699
|
--motion-duration-moderate-24bai8:135ms;
|
|
@@ -811,6 +818,7 @@
|
|
|
811
818
|
--space-action-card-description-padding-top-h441rh:var(--space-scaled-xxs-jatbiv);
|
|
812
819
|
--space-option-padding-vertical-uomfe1:var(--space-xxs-jnczic);
|
|
813
820
|
--space-option-padding-horizontal-kfszlb:var(--space-l-3cws6j);
|
|
821
|
+
--space-status-indicator-padding-horizontal-hzqgcr:var(--space-none-ilazlc);
|
|
814
822
|
--space-scaled-2x-xxs-is489k:var(--space-xxs-jnczic);
|
|
815
823
|
--space-scaled-2x-m-gw45gq:var(--space-m-n2lypl);
|
|
816
824
|
--space-scaled-2x-l-hgjmqp:var(--space-l-3cws6j);
|
|
@@ -1516,6 +1524,7 @@
|
|
|
1516
1524
|
--color-text-form-label-guihvp:var(--color-text-form-default-q4dazc);
|
|
1517
1525
|
--color-text-group-label-yp8mcz:var(--color-text-label-482ybi);
|
|
1518
1526
|
--color-text-input-placeholder-disabled-x4lauf:var(--color-text-input-placeholder-hvcry0);
|
|
1527
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
1519
1528
|
--color-text-link-secondary-default-6w6hsr:var(--color-text-link-default-z7zuy8);
|
|
1520
1529
|
--color-text-link-secondary-hover-c3snug:var(--color-text-link-hover-pqxtsy);
|
|
1521
1530
|
--color-text-link-info-default-09kbgu:var(--color-text-link-default-z7zuy8);
|
|
@@ -1577,6 +1586,7 @@
|
|
|
1577
1586
|
--color-text-calendar-month-vdrhy9:var(--color-text-body-secondary-gaft81);
|
|
1578
1587
|
--color-text-dropdown-group-label-m31yo5:var(--color-text-group-label-yp8mcz);
|
|
1579
1588
|
--color-text-group-label-yp8mcz:var(--color-text-label-482ybi);
|
|
1589
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
1580
1590
|
--color-text-link-secondary-default-6w6hsr:var(--color-text-link-default-z7zuy8);
|
|
1581
1591
|
--color-text-link-secondary-hover-c3snug:var(--color-text-link-hover-pqxtsy);
|
|
1582
1592
|
--color-text-link-info-default-09kbgu:var(--color-text-link-default-z7zuy8);
|
|
@@ -1634,6 +1644,7 @@
|
|
|
1634
1644
|
--color-text-calendar-month-vdrhy9:var(--color-text-body-secondary-gaft81);
|
|
1635
1645
|
--color-text-dropdown-group-label-m31yo5:var(--color-text-group-label-yp8mcz);
|
|
1636
1646
|
--color-text-group-label-yp8mcz:var(--color-text-label-482ybi);
|
|
1647
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
1637
1648
|
--color-text-link-secondary-default-6w6hsr:var(--color-text-link-default-z7zuy8);
|
|
1638
1649
|
--color-text-link-secondary-hover-c3snug:var(--color-text-link-hover-pqxtsy);
|
|
1639
1650
|
--color-text-link-info-default-09kbgu:var(--color-text-link-default-z7zuy8);
|
|
@@ -1858,36 +1869,36 @@
|
|
|
1858
1869
|
--border-invalid-width-z5cnpo:8px;
|
|
1859
1870
|
--border-item-width-acvlhx:2px;
|
|
1860
1871
|
--border-line-chart-line-join-azfkix:round;
|
|
1872
|
+
--border-link-focus-ring-outline-c5423y:0;
|
|
1873
|
+
--border-link-focus-ring-shadow-spread-woh62o:2px;
|
|
1861
1874
|
--border-panel-header-width-r62i4a:1px;
|
|
1862
1875
|
--border-panel-top-width-a8j764:1px;
|
|
1863
1876
|
--border-radius-alert-v9spjj:var(--border-radius-flashbar-4ael4o);
|
|
1864
1877
|
--border-radius-badge-o70tla:4px;
|
|
1865
1878
|
--border-radius-button-vm1lh4:20px;
|
|
1866
1879
|
--border-radius-calendar-day-focus-ring-1443fe:3px;
|
|
1880
|
+
--border-radius-chat-bubble-yzqw4v:8px;
|
|
1867
1881
|
--border-radius-code-editor-pxxwyo:var(--border-radius-input-4vr9on);
|
|
1868
1882
|
--border-radius-container-l30zxy:16px;
|
|
1869
1883
|
--border-radius-control-circular-focus-ring-0v2apg:4px;
|
|
1870
1884
|
--border-radius-control-default-focus-ring-9xsko1:4px;
|
|
1871
1885
|
--border-radius-dropzone-n713ay:12px;
|
|
1872
1886
|
--border-radius-flashbar-4ael4o:12px;
|
|
1873
|
-
--border-radius-item-xggxkd:8px;
|
|
1874
1887
|
--border-radius-input-4vr9on:8px;
|
|
1888
|
+
--border-radius-item-xggxkd:8px;
|
|
1875
1889
|
--border-radius-tabs-focus-ring-ciyqfm:20px;
|
|
1876
|
-
--border-radius-chat-bubble-yzqw4v:8px;
|
|
1877
1890
|
--border-table-sticky-width-o9kqes:1px;
|
|
1878
|
-
--border-
|
|
1879
|
-
--border-
|
|
1880
|
-
--border-width-card-
|
|
1881
|
-
--border-width-
|
|
1891
|
+
--border-width-action-card-active-qw9sq5:var(--border-width-card-xmgn65);
|
|
1892
|
+
--border-width-action-card-default-hax7i5:var(--border-width-card-xmgn65);
|
|
1893
|
+
--border-width-action-card-disabled-8qg2x7:var(--border-width-card-xmgn65);
|
|
1894
|
+
--border-width-action-card-hover-v5f1fk:var(--border-width-card-xmgn65);
|
|
1882
1895
|
--border-width-alert-5zfcv3:2px;
|
|
1883
1896
|
--border-width-button-40y1n5:2px;
|
|
1897
|
+
--border-width-card-xmgn65:var(--border-divider-section-width-sznrdy);
|
|
1884
1898
|
--border-width-dropdown-qic2p4:2px;
|
|
1899
|
+
--border-width-item-selected-7rbija:2px;
|
|
1885
1900
|
--border-width-popover-dgqo1x:2px;
|
|
1886
1901
|
--border-width-token-cwl2sl:2px;
|
|
1887
|
-
--border-width-action-card-default-hax7i5:var(--border-width-card-xmgn65);
|
|
1888
|
-
--border-width-action-card-hover-v5f1fk:var(--border-width-card-xmgn65);
|
|
1889
|
-
--border-width-action-card-active-qw9sq5:var(--border-width-card-xmgn65);
|
|
1890
|
-
--border-width-action-card-disabled-8qg2x7:var(--border-width-card-xmgn65);
|
|
1891
1902
|
--motion-duration-refresh-only-fast-v9rk6z:115ms;
|
|
1892
1903
|
--motion-duration-refresh-only-medium-h3wrr6:165ms;
|
|
1893
1904
|
--motion-duration-refresh-only-slow-zil3nj:250ms;
|
|
@@ -2117,6 +2128,7 @@
|
|
|
2117
2128
|
--color-text-toggle-button-icon-pressed-3m48et:var(--color-neutral-950-qehfms);
|
|
2118
2129
|
--color-text-interactive-inverted-default-hyioba:var(--color-neutral-300-y8n3aq);
|
|
2119
2130
|
--color-text-interactive-inverted-hover-p0x69h:var(--color-neutral-100-wbgy1o);
|
|
2131
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
2120
2132
|
--color-text-layout-toggle-hover-c8l1z4:var(--color-primary-600-be1v6a);
|
|
2121
2133
|
--color-text-link-default-z7zuy8:var(--color-primary-600-be1v6a);
|
|
2122
2134
|
--color-text-link-secondary-default-6w6hsr:var(--color-text-link-default-z7zuy8);
|
|
@@ -2155,23 +2167,24 @@
|
|
|
2155
2167
|
--font-weight-key-value-pairs-label-n8tgha:var(--font-display-label-weight-ise9n2);
|
|
2156
2168
|
--line-height-form-label-kzgcrc:var(--line-height-body-m-bedeoh);
|
|
2157
2169
|
--line-height-key-value-pairs-label-c69v6r:var(--line-height-body-m-bedeoh);
|
|
2170
|
+
--border-radius-action-card-default-lfmdfw:var(--border-radius-card-default-45b7vy);
|
|
2171
|
+
--border-radius-action-card-embedded-yc37lz:var(--border-radius-card-embedded-gvuteo);
|
|
2158
2172
|
--border-radius-card-default-45b7vy:var(--border-radius-container-l30zxy);
|
|
2159
2173
|
--border-radius-card-embedded-gvuteo:var(--border-radius-chat-bubble-yzqw4v);
|
|
2174
|
+
--border-radius-dropdown-oaxffg:var(--border-radius-item-xggxkd);
|
|
2160
2175
|
--border-radius-item-card-default-puscs7:var(--border-radius-card-default-45b7vy);
|
|
2161
2176
|
--border-radius-item-card-embedded-z6yq9n:var(--border-radius-card-embedded-gvuteo);
|
|
2162
|
-
--border-radius-dropdown-oaxffg:var(--border-radius-item-xggxkd);
|
|
2163
2177
|
--border-radius-popover-emyrcc:var(--border-radius-input-4vr9on);
|
|
2178
|
+
--border-radius-status-indicator-42rwc5:var(--border-radius-badge-o70tla);
|
|
2164
2179
|
--border-radius-tiles-5li9yd:var(--border-radius-input-4vr9on);
|
|
2165
2180
|
--border-radius-token-8arsz0:var(--border-radius-input-4vr9on);
|
|
2166
2181
|
--border-radius-tutorial-panel-item-9xcrp2:var(--border-radius-input-4vr9on);
|
|
2167
|
-
--border-width-card-selected-8fhyq1:var(--border-item-width-acvlhx);
|
|
2168
|
-
--border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
|
|
2169
|
-
--border-width-alert-block-start-oj3q3w:var(--border-width-alert-5zfcv3);
|
|
2170
2182
|
--border-width-alert-block-end-97hkl4:var(--border-width-alert-5zfcv3);
|
|
2171
|
-
--border-width-alert-
|
|
2183
|
+
--border-width-alert-block-start-oj3q3w:var(--border-width-alert-5zfcv3);
|
|
2172
2184
|
--border-width-alert-inline-end-ftlxmm:var(--border-width-alert-5zfcv3);
|
|
2173
|
-
--border-
|
|
2174
|
-
--border-
|
|
2185
|
+
--border-width-alert-inline-start-18a8dl:var(--border-width-alert-5zfcv3);
|
|
2186
|
+
--border-width-card-selected-8fhyq1:var(--border-item-width-acvlhx);
|
|
2187
|
+
--border-width-item-card-qzwn4s:var(--border-width-card-xmgn65);
|
|
2175
2188
|
--space-item-card-vertical-default-uncyor:var(--space-card-vertical-default-wltzyi);
|
|
2176
2189
|
--space-table-footer-horizontal-x9dbll:var(--space-table-header-horizontal-2rvxep);
|
|
2177
2190
|
--space-action-card-vertical-default-ootu94:var(--space-card-vertical-default-wltzyi);
|
|
@@ -2516,6 +2529,7 @@
|
|
|
2516
2529
|
--color-text-button-link-default-gpg29i:var(--color-text-button-normal-default-gl8uar);
|
|
2517
2530
|
--color-text-button-link-hover-s1jery:var(--color-text-button-normal-hover-tksuqp);
|
|
2518
2531
|
--color-text-dropdown-group-label-m31yo5:var(--color-text-group-label-yp8mcz);
|
|
2532
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
2519
2533
|
--color-text-link-secondary-default-6w6hsr:var(--color-text-link-default-z7zuy8);
|
|
2520
2534
|
--color-text-link-secondary-hover-c3snug:var(--color-text-link-hover-pqxtsy);
|
|
2521
2535
|
--color-text-link-info-default-09kbgu:var(--color-text-link-default-z7zuy8);
|
|
@@ -2755,6 +2769,7 @@
|
|
|
2755
2769
|
--color-text-form-label-guihvp:var(--color-text-form-default-q4dazc);
|
|
2756
2770
|
--color-text-input-placeholder-disabled-x4lauf:var(--color-text-input-disabled-y5t5v9);
|
|
2757
2771
|
--color-text-label-482ybi:var(--color-text-form-label-guihvp);
|
|
2772
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
2758
2773
|
--color-text-link-secondary-default-6w6hsr:var(--color-text-link-default-z7zuy8);
|
|
2759
2774
|
--color-text-link-secondary-hover-c3snug:var(--color-text-link-hover-pqxtsy);
|
|
2760
2775
|
--color-text-link-info-default-09kbgu:var(--color-text-link-default-z7zuy8);
|
|
@@ -3028,6 +3043,7 @@
|
|
|
3028
3043
|
--color-text-form-label-guihvp:var(--color-text-form-default-q4dazc);
|
|
3029
3044
|
--color-text-input-placeholder-disabled-x4lauf:var(--color-text-input-disabled-y5t5v9);
|
|
3030
3045
|
--color-text-label-482ybi:var(--color-text-form-label-guihvp);
|
|
3046
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
3031
3047
|
--color-text-link-secondary-default-6w6hsr:var(--color-text-link-default-z7zuy8);
|
|
3032
3048
|
--color-text-link-secondary-hover-c3snug:var(--color-text-link-hover-pqxtsy);
|
|
3033
3049
|
--color-text-link-info-default-09kbgu:var(--color-text-link-default-z7zuy8);
|
|
@@ -3099,6 +3115,7 @@
|
|
|
3099
3115
|
--color-text-button-link-active-7k8nt4:var(--color-text-button-normal-active-9o0xsh);
|
|
3100
3116
|
--color-text-button-link-default-gpg29i:var(--color-text-button-normal-default-gl8uar);
|
|
3101
3117
|
--color-text-button-link-hover-s1jery:var(--color-text-button-normal-hover-tksuqp);
|
|
3118
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
3102
3119
|
--color-text-link-secondary-default-6w6hsr:var(--color-text-link-default-z7zuy8);
|
|
3103
3120
|
--color-text-link-secondary-hover-c3snug:var(--color-text-link-hover-pqxtsy);
|
|
3104
3121
|
--color-text-link-info-default-09kbgu:var(--color-text-link-default-z7zuy8);
|
|
@@ -3182,6 +3199,7 @@
|
|
|
3182
3199
|
--color-text-button-link-active-7k8nt4:var(--color-text-button-normal-active-9o0xsh);
|
|
3183
3200
|
--color-text-button-link-default-gpg29i:var(--color-text-button-normal-default-gl8uar);
|
|
3184
3201
|
--color-text-button-link-hover-s1jery:var(--color-text-button-normal-hover-tksuqp);
|
|
3202
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
3185
3203
|
--color-text-link-secondary-default-6w6hsr:var(--color-text-link-default-z7zuy8);
|
|
3186
3204
|
--color-text-link-secondary-hover-c3snug:var(--color-text-link-hover-pqxtsy);
|
|
3187
3205
|
--color-text-link-info-default-09kbgu:var(--color-text-link-default-z7zuy8);
|
|
@@ -3518,6 +3536,7 @@
|
|
|
3518
3536
|
--color-text-form-label-guihvp:var(--color-text-form-default-q4dazc);
|
|
3519
3537
|
--color-text-input-placeholder-disabled-x4lauf:var(--color-text-input-disabled-y5t5v9);
|
|
3520
3538
|
--color-text-label-482ybi:var(--color-text-form-label-guihvp);
|
|
3539
|
+
--color-text-key-value-pairs-value-ta2vhc:var(--color-text-body-default-5qid0u);
|
|
3521
3540
|
--color-text-link-secondary-default-6w6hsr:var(--color-text-link-default-z7zuy8);
|
|
3522
3541
|
--color-text-link-secondary-hover-c3snug:var(--color-text-link-hover-pqxtsy);
|
|
3523
3542
|
--color-text-link-info-default-09kbgu:var(--color-text-link-default-z7zuy8);
|
|
@@ -3693,5 +3712,5 @@
|
|
|
3693
3712
|
}
|
|
3694
3713
|
}
|
|
3695
3714
|
:root {
|
|
3696
|
-
--awsui-version-info-
|
|
3715
|
+
--awsui-version-info-d6bd1774: true;
|
|
3697
3716
|
}
|
|
@@ -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 (d6bd1774)";
|
|
3
|
+
export var GIT_SHA = "d6bd1774";
|
|
4
4
|
export var THEME = "open-source-visual-refresh";
|
|
5
5
|
export var SYSTEM = "core";
|
|
6
6
|
export var ALWAYS_VISUAL_REFRESH = true;
|