@cloudscape-design/components 3.0.1299 → 3.0.1301
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 +39 -26
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/styles/tokens.d.ts +34 -26
- package/internal/generated/styles/tokens.js +34 -26
- package/internal/generated/theming/index.cjs +321 -113
- package/internal/generated/theming/index.cjs.d.ts +225 -153
- package/internal/generated/theming/index.d.ts +225 -153
- package/internal/generated/theming/index.js +321 -113
- 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/status-indicator/styles.css.js +24 -24
- package/status-indicator/styles.scoped.css +64 -30
- package/status-indicator/styles.selectors.js +24 -24
- 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
|
|
|
@@ -340,6 +340,11 @@
|
|
|
340
340
|
--color-background-avatar-default-t427xm:var(--color-neutral-650-miik4f);
|
|
341
341
|
--color-text-avatar-kuhkoa:var(--color-white-p1zlvy);
|
|
342
342
|
--color-background-loading-bar-gen-ai-tey70i:linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%);
|
|
343
|
+
--color-background-status-indicator-error-txnmnb:transparent;
|
|
344
|
+
--color-background-status-indicator-warning-xf3dw4:transparent;
|
|
345
|
+
--color-background-status-indicator-success-o8ig5c:transparent;
|
|
346
|
+
--color-background-status-indicator-info-nqw7od:transparent;
|
|
347
|
+
--color-background-status-indicator-neutral-psqqh7:transparent;
|
|
343
348
|
--color-background-chat-bubble-outgoing-ay6nj3:transparent;
|
|
344
349
|
--color-background-chat-bubble-incoming-j38cew:var(--color-neutral-150-gezhen);
|
|
345
350
|
--color-text-chat-bubble-outgoing-f3r63s:var(--color-text-body-default-vvtq8u);
|
|
@@ -487,6 +492,7 @@
|
|
|
487
492
|
--color-text-interactive-inverted-hover-65rnp7:var(--color-neutral-100-gk3lvf);
|
|
488
493
|
--color-text-inverted-4v4dmq:var(--color-white-p1zlvy);
|
|
489
494
|
--color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
|
|
495
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
490
496
|
--color-text-layout-toggle-1a15s3:var(--color-white-p1zlvy);
|
|
491
497
|
--color-text-layout-toggle-active-ifu7qp:var(--color-white-p1zlvy);
|
|
492
498
|
--color-text-layout-toggle-hover-9jwdce:var(--color-primary-600-1lcy1k);
|
|
@@ -627,60 +633,61 @@
|
|
|
627
633
|
--border-line-chart-dash-array-desefi:3 5;
|
|
628
634
|
--border-line-chart-line-join-aslwou:round;
|
|
629
635
|
--border-line-chart-width-tesor1:2px;
|
|
636
|
+
--border-link-focus-ring-outline-1p0hnu:0;
|
|
637
|
+
--border-link-focus-ring-shadow-spread-39uvxr:2px;
|
|
630
638
|
--border-panel-header-width-t1iq1m:1px;
|
|
631
639
|
--border-panel-top-width-10990j:1px;
|
|
640
|
+
--border-radius-action-card-default-ejctkq:var(--border-radius-card-default-d8ipr7);
|
|
641
|
+
--border-radius-action-card-embedded-3y65t8:var(--border-radius-card-embedded-fvclp8);
|
|
632
642
|
--border-radius-alert-syagf6:var(--border-radius-flashbar-pp1ptu);
|
|
633
643
|
--border-radius-badge-exolfb:4px;
|
|
634
644
|
--border-radius-button-7bgkcs:20px;
|
|
635
645
|
--border-radius-calendar-day-focus-ring-xvvbuc:3px;
|
|
636
|
-
--border-radius-code-editor-5palck:var(--border-radius-input-7q0str);
|
|
637
646
|
--border-radius-card-default-d8ipr7:var(--border-radius-container-nsfwmm);
|
|
638
647
|
--border-radius-card-embedded-fvclp8:var(--border-radius-chat-bubble-haafsg);
|
|
639
|
-
--border-radius-
|
|
640
|
-
--border-radius-
|
|
648
|
+
--border-radius-chat-bubble-haafsg:8px;
|
|
649
|
+
--border-radius-code-editor-5palck:var(--border-radius-input-7q0str);
|
|
641
650
|
--border-radius-container-nsfwmm:16px;
|
|
642
651
|
--border-radius-control-circular-focus-ring-yjhscw:4px;
|
|
643
652
|
--border-radius-control-default-focus-ring-1uabki:4px;
|
|
644
653
|
--border-radius-dropdown-fgc2a1:var(--border-radius-item-iwaia5);
|
|
645
654
|
--border-radius-dropzone-eklq14:12px;
|
|
646
655
|
--border-radius-flashbar-pp1ptu:12px;
|
|
647
|
-
--border-radius-item-iwaia5:8px;
|
|
648
656
|
--border-radius-input-7q0str:8px;
|
|
657
|
+
--border-radius-item-iwaia5:8px;
|
|
658
|
+
--border-radius-item-card-default-pi9u8q:var(--border-radius-card-default-d8ipr7);
|
|
659
|
+
--border-radius-item-card-embedded-l0g6e3:var(--border-radius-card-embedded-fvclp8);
|
|
649
660
|
--border-radius-popover-6fqb5w:var(--border-radius-input-7q0str);
|
|
661
|
+
--border-radius-skeleton-9lkvfi:8px;
|
|
662
|
+
--border-radius-status-indicator-fkcvdq:var(--border-radius-badge-exolfb);
|
|
650
663
|
--border-radius-tabs-focus-ring-o4qku1:20px;
|
|
651
664
|
--border-radius-tiles-wm1vgw:var(--border-radius-input-7q0str);
|
|
652
665
|
--border-radius-token-ycnemh:var(--border-radius-input-7q0str);
|
|
653
|
-
--border-radius-chat-bubble-haafsg:8px;
|
|
654
666
|
--border-radius-tutorial-panel-item-ojaqxg:var(--border-radius-input-7q0str);
|
|
655
667
|
--border-table-sticky-width-ai31mi:1px;
|
|
656
|
-
--border-
|
|
657
|
-
--border-
|
|
658
|
-
--border-width-card-
|
|
659
|
-
--border-width-card-
|
|
660
|
-
--border-width-item-card-3wmyp3:var(--border-width-card-x24gzt);
|
|
661
|
-
--border-width-item-selected-yv93vd:2px;
|
|
668
|
+
--border-width-action-card-active-pwtgzu:var(--border-width-card-x24gzt);
|
|
669
|
+
--border-width-action-card-default-jy3kut:var(--border-width-card-x24gzt);
|
|
670
|
+
--border-width-action-card-disabled-rdvlbc:var(--border-width-card-x24gzt);
|
|
671
|
+
--border-width-action-card-hover-02l6fg:var(--border-width-card-x24gzt);
|
|
662
672
|
--border-width-alert-tuifgy:2px;
|
|
663
|
-
--border-width-alert-block-start-5wbfsk:var(--border-width-alert-tuifgy);
|
|
664
673
|
--border-width-alert-block-end-q8rr42:var(--border-width-alert-tuifgy);
|
|
665
|
-
--border-width-alert-
|
|
674
|
+
--border-width-alert-block-start-5wbfsk:var(--border-width-alert-tuifgy);
|
|
666
675
|
--border-width-alert-inline-end-9s426v:var(--border-width-alert-tuifgy);
|
|
676
|
+
--border-width-alert-inline-start-gjm6m1:var(--border-width-alert-tuifgy);
|
|
667
677
|
--border-width-button-jm0qg7:2px;
|
|
678
|
+
--border-width-card-x24gzt:var(--border-divider-section-width-uwo8my);
|
|
679
|
+
--border-width-card-selected-01i6br:var(--border-item-width-miijiw);
|
|
668
680
|
--border-width-dropdown-youcay:2px;
|
|
669
681
|
--border-width-field-2xc78x:1px;
|
|
670
|
-
--border-width-popover-nflirh:2px;
|
|
671
|
-
--border-width-token-2ukdpu:2px;
|
|
672
|
-
--border-width-icon-small-z55i5t:2px;
|
|
673
|
-
--border-width-icon-normal-9h7vj7:2px;
|
|
674
|
-
--border-width-icon-medium-b7icqv:2px;
|
|
675
682
|
--border-width-icon-big-ymgy42:3px;
|
|
676
683
|
--border-width-icon-large-u645rg:4px;
|
|
677
|
-
--border-
|
|
678
|
-
--border-
|
|
679
|
-
--border-width-
|
|
680
|
-
--border-width-
|
|
681
|
-
--border-width-
|
|
682
|
-
--border-width-
|
|
683
|
-
--border-
|
|
684
|
+
--border-width-icon-medium-b7icqv:2px;
|
|
685
|
+
--border-width-icon-normal-9h7vj7:2px;
|
|
686
|
+
--border-width-icon-small-z55i5t:2px;
|
|
687
|
+
--border-width-item-card-3wmyp3:var(--border-width-card-x24gzt);
|
|
688
|
+
--border-width-item-selected-yv93vd:2px;
|
|
689
|
+
--border-width-popover-nflirh:2px;
|
|
690
|
+
--border-width-token-2ukdpu:2px;
|
|
684
691
|
--motion-duration-extra-slow-29bqym:270ms;
|
|
685
692
|
--motion-duration-fast-unntf6:90ms;
|
|
686
693
|
--motion-duration-moderate-c9utmg:135ms;
|
|
@@ -805,6 +812,7 @@
|
|
|
805
812
|
--space-action-card-description-padding-top-qw1sd7:var(--space-scaled-xxs-pfm1nx);
|
|
806
813
|
--space-option-padding-vertical-d2srv9:var(--space-xxs-hwfkai);
|
|
807
814
|
--space-option-padding-horizontal-4taa4b:var(--space-l-2ud1p3);
|
|
815
|
+
--space-status-indicator-padding-horizontal-xv70fu:var(--space-none-xk6qzf);
|
|
808
816
|
--space-scaled-2x-xxs-e79hr1:var(--space-xxs-hwfkai);
|
|
809
817
|
--space-scaled-2x-m-4euqsk:var(--space-m-dsumyt);
|
|
810
818
|
--space-scaled-2x-l-u5ida5:var(--space-l-2ud1p3);
|
|
@@ -1509,6 +1517,7 @@
|
|
|
1509
1517
|
--color-text-form-label-6sbm75:var(--color-text-form-default-47mtz6);
|
|
1510
1518
|
--color-text-input-placeholder-disabled-wg87og:var(--color-text-input-disabled-wh1f3y);
|
|
1511
1519
|
--color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
|
|
1520
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
1512
1521
|
--color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
|
|
1513
1522
|
--color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
|
|
1514
1523
|
--color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
|
|
@@ -1779,6 +1788,7 @@
|
|
|
1779
1788
|
--color-text-form-label-6sbm75:var(--color-text-form-default-47mtz6);
|
|
1780
1789
|
--color-text-input-placeholder-disabled-wg87og:var(--color-text-input-disabled-wh1f3y);
|
|
1781
1790
|
--color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
|
|
1791
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
1782
1792
|
--color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
|
|
1783
1793
|
--color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
|
|
1784
1794
|
--color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
|
|
@@ -1839,6 +1849,7 @@
|
|
|
1839
1849
|
--color-text-button-link-active-dqdjg3:var(--color-text-button-normal-active-vihsxh);
|
|
1840
1850
|
--color-text-button-link-default-vvunrs:var(--color-text-button-normal-default-nzalii);
|
|
1841
1851
|
--color-text-button-link-hover-kvrc36:var(--color-text-button-normal-hover-gusgyv);
|
|
1852
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
1842
1853
|
--color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
|
|
1843
1854
|
--color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
|
|
1844
1855
|
--color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
|
|
@@ -1896,6 +1907,7 @@
|
|
|
1896
1907
|
--color-text-button-link-active-dqdjg3:var(--color-text-button-normal-active-vihsxh);
|
|
1897
1908
|
--color-text-button-link-default-vvunrs:var(--color-text-button-normal-default-nzalii);
|
|
1898
1909
|
--color-text-button-link-hover-kvrc36:var(--color-text-button-normal-hover-gusgyv);
|
|
1910
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
1899
1911
|
--color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
|
|
1900
1912
|
--color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
|
|
1901
1913
|
--color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
|
|
@@ -2189,6 +2201,7 @@
|
|
|
2189
2201
|
--color-text-form-label-6sbm75:var(--color-text-form-default-47mtz6);
|
|
2190
2202
|
--color-text-input-placeholder-disabled-wg87og:var(--color-text-input-disabled-wh1f3y);
|
|
2191
2203
|
--color-text-label-28gfmc:var(--color-text-form-label-6sbm75);
|
|
2204
|
+
--color-text-key-value-pairs-value-pezok9:var(--color-text-body-default-vvtq8u);
|
|
2192
2205
|
--color-text-link-secondary-default-4p0gj8:var(--color-text-link-default-hude44);
|
|
2193
2206
|
--color-text-link-secondary-hover-0kzmc4:var(--color-text-link-hover-2hfec2);
|
|
2194
2207
|
--color-text-link-info-default-mrmt1i:var(--color-text-link-default-hude44);
|
|
@@ -2267,5 +2280,5 @@
|
|
|
2267
2280
|
}
|
|
2268
2281
|
}
|
|
2269
2282
|
:root {
|
|
2270
|
-
--awsui-version-info-
|
|
2283
|
+
--awsui-version-info-d6bd1774: true;
|
|
2271
2284
|
}
|
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 (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;
|
|
@@ -381,6 +381,11 @@ export const colorBackgroundAvatarGenAi: string;
|
|
|
381
381
|
export const colorBackgroundAvatarDefault: string;
|
|
382
382
|
export const colorTextAvatar: string;
|
|
383
383
|
export const colorBackgroundLoadingBarGenAi: string;
|
|
384
|
+
export const colorBackgroundStatusIndicatorError: string;
|
|
385
|
+
export const colorBackgroundStatusIndicatorWarning: string;
|
|
386
|
+
export const colorBackgroundStatusIndicatorSuccess: string;
|
|
387
|
+
export const colorBackgroundStatusIndicatorInfo: string;
|
|
388
|
+
export const colorBackgroundStatusIndicatorNeutral: string;
|
|
384
389
|
export const colorBackgroundChatBubbleOutgoing: string;
|
|
385
390
|
export const colorBackgroundChatBubbleIncoming: string;
|
|
386
391
|
export const colorTextChatBubbleOutgoing: string;
|
|
@@ -533,6 +538,7 @@ export const colorTextInteractiveInvertedDefault: string;
|
|
|
533
538
|
export const colorTextInteractiveInvertedHover: string;
|
|
534
539
|
export const colorTextInverted: string;
|
|
535
540
|
export const colorTextLabel: string;
|
|
541
|
+
export const colorTextKeyValuePairsValue: string;
|
|
536
542
|
export const colorTextLayoutToggle: string;
|
|
537
543
|
export const colorTextLayoutToggleActive: string;
|
|
538
544
|
export const colorTextLayoutToggleHover: string;
|
|
@@ -674,61 +680,62 @@ export const borderItemWidth: string;
|
|
|
674
680
|
export const borderLineChartDashArray: string;
|
|
675
681
|
export const borderLineChartLineJoin: string;
|
|
676
682
|
export const borderLineChartWidth: string;
|
|
683
|
+
export const borderLinkFocusRingOutline: string;
|
|
684
|
+
export const borderLinkFocusRingShadowSpread: string;
|
|
677
685
|
export const borderPanelHeaderWidth: string;
|
|
678
686
|
export const borderPanelTopWidth: string;
|
|
687
|
+
export const borderRadiusActionCardDefault: string;
|
|
688
|
+
export const borderRadiusActionCardEmbedded: string;
|
|
679
689
|
export const borderRadiusAlert: string;
|
|
680
690
|
export const borderRadiusBadge: string;
|
|
681
691
|
export const borderRadiusButton: string;
|
|
682
692
|
export const borderRadiusCalendarDayFocusRing: string;
|
|
683
|
-
export const borderRadiusCodeEditor: string;
|
|
684
693
|
export const borderRadiusCardDefault: string;
|
|
685
694
|
export const borderRadiusCardEmbedded: string;
|
|
686
|
-
export const
|
|
687
|
-
export const
|
|
695
|
+
export const borderRadiusChatBubble: string;
|
|
696
|
+
export const borderRadiusCodeEditor: string;
|
|
688
697
|
export const borderRadiusContainer: string;
|
|
689
698
|
export const borderRadiusControlCircularFocusRing: string;
|
|
690
699
|
export const borderRadiusControlDefaultFocusRing: string;
|
|
691
700
|
export const borderRadiusDropdown: string;
|
|
692
701
|
export const borderRadiusDropzone: string;
|
|
693
702
|
export const borderRadiusFlashbar: string;
|
|
694
|
-
export const borderRadiusItem: string;
|
|
695
703
|
export const borderRadiusInput: string;
|
|
704
|
+
export const borderRadiusItem: string;
|
|
705
|
+
export const borderRadiusItemCardDefault: string;
|
|
706
|
+
export const borderRadiusItemCardEmbedded: string;
|
|
696
707
|
export const borderRadiusPopover: string;
|
|
708
|
+
export const borderRadiusSkeleton: string;
|
|
709
|
+
export const borderRadiusStatusIndicator: string;
|
|
697
710
|
export const borderRadiusTabsFocusRing: string;
|
|
698
711
|
export const borderRadiusTiles: string;
|
|
699
712
|
export const borderRadiusToken: string;
|
|
700
|
-
export const borderRadiusChatBubble: string;
|
|
701
713
|
export const borderRadiusTutorialPanelItem: string;
|
|
702
714
|
export const borderTableStickyWidth: string;
|
|
703
|
-
export const
|
|
704
|
-
export const
|
|
705
|
-
export const
|
|
706
|
-
export const
|
|
707
|
-
export const borderWidthItemCard: string;
|
|
708
|
-
export const borderWidthItemCardHighlighted: string;
|
|
709
|
-
export const borderWidthItemSelected: string;
|
|
715
|
+
export const borderWidthActionCardActive: string;
|
|
716
|
+
export const borderWidthActionCardDefault: string;
|
|
717
|
+
export const borderWidthActionCardDisabled: string;
|
|
718
|
+
export const borderWidthActionCardHover: string;
|
|
710
719
|
export const borderWidthAlert: string;
|
|
711
|
-
export const borderWidthAlertBlockStart: string;
|
|
712
720
|
export const borderWidthAlertBlockEnd: string;
|
|
713
|
-
export const
|
|
721
|
+
export const borderWidthAlertBlockStart: string;
|
|
714
722
|
export const borderWidthAlertInlineEnd: string;
|
|
723
|
+
export const borderWidthAlertInlineStart: string;
|
|
715
724
|
export const borderWidthButton: string;
|
|
725
|
+
export const borderWidthCard: string;
|
|
726
|
+
export const borderWidthCardSelected: string;
|
|
716
727
|
export const borderWidthDropdown: string;
|
|
717
728
|
export const borderWidthField: string;
|
|
718
|
-
export const borderWidthPopover: string;
|
|
719
|
-
export const borderWidthToken: string;
|
|
720
|
-
export const borderWidthIconSmall: string;
|
|
721
|
-
export const borderWidthIconNormal: string;
|
|
722
|
-
export const borderWidthIconMedium: string;
|
|
723
729
|
export const borderWidthIconBig: string;
|
|
724
730
|
export const borderWidthIconLarge: string;
|
|
725
|
-
export const
|
|
726
|
-
export const
|
|
727
|
-
export const
|
|
728
|
-
export const
|
|
729
|
-
export const
|
|
730
|
-
export const
|
|
731
|
-
export const
|
|
731
|
+
export const borderWidthIconMedium: string;
|
|
732
|
+
export const borderWidthIconNormal: string;
|
|
733
|
+
export const borderWidthIconSmall: string;
|
|
734
|
+
export const borderWidthItemCard: string;
|
|
735
|
+
export const borderWidthItemCardHighlighted: string;
|
|
736
|
+
export const borderWidthItemSelected: string;
|
|
737
|
+
export const borderWidthPopover: string;
|
|
738
|
+
export const borderWidthToken: string;
|
|
732
739
|
export const motionDurationExtraFast: string;
|
|
733
740
|
export const motionDurationExtraSlow: string;
|
|
734
741
|
export const motionDurationFast: string;
|
|
@@ -858,6 +865,7 @@ export const spaceActionCardDescriptionPaddingTop: string;
|
|
|
858
865
|
export const spaceActionCardContentPaddingTop: string;
|
|
859
866
|
export const spaceOptionPaddingVertical: string;
|
|
860
867
|
export const spaceOptionPaddingHorizontal: string;
|
|
868
|
+
export const spaceStatusIndicatorPaddingHorizontal: string;
|
|
861
869
|
export const spaceScaled2xNone: string;
|
|
862
870
|
export const spaceScaled2xXxxs: string;
|
|
863
871
|
export const spaceScaled2xXxs: string;
|
|
@@ -381,6 +381,11 @@ export var colorBackgroundAvatarGenAi = "var(--color-background-avatar-gen-ai-ox
|
|
|
381
381
|
export var colorBackgroundAvatarDefault = "var(--color-background-avatar-default-t427xm, #424650)";
|
|
382
382
|
export var colorTextAvatar = "var(--color-text-avatar-kuhkoa, #ffffff)";
|
|
383
383
|
export var colorBackgroundLoadingBarGenAi = "var(--color-background-loading-bar-gen-ai-tey70i, linear-gradient(90deg, #b8e7ff 0%, #0099ff 10%, #5c7fff 24%, #8575ff 50%, #962eff 76%, #0099ff 90%, #b8e7ff 100%))";
|
|
384
|
+
export var colorBackgroundStatusIndicatorError = "var(--color-background-status-indicator-error-txnmnb, transparent)";
|
|
385
|
+
export var colorBackgroundStatusIndicatorWarning = "var(--color-background-status-indicator-warning-xf3dw4, transparent)";
|
|
386
|
+
export var colorBackgroundStatusIndicatorSuccess = "var(--color-background-status-indicator-success-o8ig5c, transparent)";
|
|
387
|
+
export var colorBackgroundStatusIndicatorInfo = "var(--color-background-status-indicator-info-nqw7od, transparent)";
|
|
388
|
+
export var colorBackgroundStatusIndicatorNeutral = "var(--color-background-status-indicator-neutral-psqqh7, transparent)";
|
|
384
389
|
export var colorBackgroundChatBubbleOutgoing = "var(--color-background-chat-bubble-outgoing-ay6nj3, transparent)";
|
|
385
390
|
export var colorBackgroundChatBubbleIncoming = "var(--color-background-chat-bubble-incoming-j38cew, #f6f6f9)";
|
|
386
391
|
export var colorTextChatBubbleOutgoing = "var(--color-text-chat-bubble-outgoing-f3r63s, #0f141a)";
|
|
@@ -533,6 +538,7 @@ export var colorTextInteractiveInvertedDefault = "var(--color-text-interactive-i
|
|
|
533
538
|
export var colorTextInteractiveInvertedHover = "var(--color-text-interactive-inverted-hover-65rnp7, #f9f9fa)";
|
|
534
539
|
export var colorTextInverted = "var(--color-text-inverted-4v4dmq, #ffffff)";
|
|
535
540
|
export var colorTextLabel = "var(--color-text-label-28gfmc, #0f141a)";
|
|
541
|
+
export var colorTextKeyValuePairsValue = "var(--color-text-key-value-pairs-value-pezok9, #0f141a)";
|
|
536
542
|
export var colorTextLayoutToggle = "var(--color-text-layout-toggle-1a15s3, #ffffff)";
|
|
537
543
|
export var colorTextLayoutToggleActive = "var(--color-text-layout-toggle-active-ifu7qp, #ffffff)";
|
|
538
544
|
export var colorTextLayoutToggleHover = "var(--color-text-layout-toggle-hover-9jwdce, #006ce0)";
|
|
@@ -674,61 +680,62 @@ export var borderItemWidth = "var(--border-item-width-miijiw, 2px)";
|
|
|
674
680
|
export var borderLineChartDashArray = "var(--border-line-chart-dash-array-desefi, 3 5)";
|
|
675
681
|
export var borderLineChartLineJoin = "var(--border-line-chart-line-join-aslwou, round)";
|
|
676
682
|
export var borderLineChartWidth = "var(--border-line-chart-width-tesor1, 2px)";
|
|
683
|
+
export var borderLinkFocusRingOutline = "var(--border-link-focus-ring-outline-1p0hnu, 0)";
|
|
684
|
+
export var borderLinkFocusRingShadowSpread = "var(--border-link-focus-ring-shadow-spread-39uvxr, 2px)";
|
|
677
685
|
export var borderPanelHeaderWidth = "var(--border-panel-header-width-t1iq1m, 1px)";
|
|
678
686
|
export var borderPanelTopWidth = "var(--border-panel-top-width-10990j, 1px)";
|
|
687
|
+
export var borderRadiusActionCardDefault = "var(--border-radius-action-card-default-ejctkq, 16px)";
|
|
688
|
+
export var borderRadiusActionCardEmbedded = "var(--border-radius-action-card-embedded-3y65t8, 8px)";
|
|
679
689
|
export var borderRadiusAlert = "var(--border-radius-alert-syagf6, 12px)";
|
|
680
690
|
export var borderRadiusBadge = "var(--border-radius-badge-exolfb, 4px)";
|
|
681
691
|
export var borderRadiusButton = "var(--border-radius-button-7bgkcs, 20px)";
|
|
682
692
|
export var borderRadiusCalendarDayFocusRing = "var(--border-radius-calendar-day-focus-ring-xvvbuc, 3px)";
|
|
683
|
-
export var borderRadiusCodeEditor = "var(--border-radius-code-editor-5palck, 8px)";
|
|
684
693
|
export var borderRadiusCardDefault = "var(--border-radius-card-default-d8ipr7, 16px)";
|
|
685
694
|
export var borderRadiusCardEmbedded = "var(--border-radius-card-embedded-fvclp8, 8px)";
|
|
686
|
-
export var
|
|
687
|
-
export var
|
|
695
|
+
export var borderRadiusChatBubble = "var(--border-radius-chat-bubble-haafsg, 8px)";
|
|
696
|
+
export var borderRadiusCodeEditor = "var(--border-radius-code-editor-5palck, 8px)";
|
|
688
697
|
export var borderRadiusContainer = "var(--border-radius-container-nsfwmm, 16px)";
|
|
689
698
|
export var borderRadiusControlCircularFocusRing = "var(--border-radius-control-circular-focus-ring-yjhscw, 4px)";
|
|
690
699
|
export var borderRadiusControlDefaultFocusRing = "var(--border-radius-control-default-focus-ring-1uabki, 4px)";
|
|
691
700
|
export var borderRadiusDropdown = "var(--border-radius-dropdown-fgc2a1, 8px)";
|
|
692
701
|
export var borderRadiusDropzone = "var(--border-radius-dropzone-eklq14, 12px)";
|
|
693
702
|
export var borderRadiusFlashbar = "var(--border-radius-flashbar-pp1ptu, 12px)";
|
|
694
|
-
export var borderRadiusItem = "var(--border-radius-item-iwaia5, 8px)";
|
|
695
703
|
export var borderRadiusInput = "var(--border-radius-input-7q0str, 8px)";
|
|
704
|
+
export var borderRadiusItem = "var(--border-radius-item-iwaia5, 8px)";
|
|
705
|
+
export var borderRadiusItemCardDefault = "var(--border-radius-item-card-default-pi9u8q, 16px)";
|
|
706
|
+
export var borderRadiusItemCardEmbedded = "var(--border-radius-item-card-embedded-l0g6e3, 8px)";
|
|
696
707
|
export var borderRadiusPopover = "var(--border-radius-popover-6fqb5w, 8px)";
|
|
708
|
+
export var borderRadiusSkeleton = "var(--border-radius-skeleton-9lkvfi, 8px)";
|
|
709
|
+
export var borderRadiusStatusIndicator = "var(--border-radius-status-indicator-fkcvdq, 4px)";
|
|
697
710
|
export var borderRadiusTabsFocusRing = "var(--border-radius-tabs-focus-ring-o4qku1, 20px)";
|
|
698
711
|
export var borderRadiusTiles = "var(--border-radius-tiles-wm1vgw, 8px)";
|
|
699
712
|
export var borderRadiusToken = "var(--border-radius-token-ycnemh, 8px)";
|
|
700
|
-
export var borderRadiusChatBubble = "var(--border-radius-chat-bubble-haafsg, 8px)";
|
|
701
713
|
export var borderRadiusTutorialPanelItem = "var(--border-radius-tutorial-panel-item-ojaqxg, 8px)";
|
|
702
714
|
export var borderTableStickyWidth = "var(--border-table-sticky-width-ai31mi, 1px)";
|
|
703
|
-
export var
|
|
704
|
-
export var
|
|
705
|
-
export var
|
|
706
|
-
export var
|
|
707
|
-
export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
|
|
708
|
-
export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
|
|
709
|
-
export var borderWidthItemSelected = "var(--border-width-item-selected-yv93vd, 2px)";
|
|
715
|
+
export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";
|
|
716
|
+
export var borderWidthActionCardDefault = "var(--border-width-action-card-default-jy3kut, 1px)";
|
|
717
|
+
export var borderWidthActionCardDisabled = "var(--border-width-action-card-disabled-rdvlbc, 1px)";
|
|
718
|
+
export var borderWidthActionCardHover = "var(--border-width-action-card-hover-02l6fg, 1px)";
|
|
710
719
|
export var borderWidthAlert = "var(--border-width-alert-tuifgy, 2px)";
|
|
711
|
-
export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
|
|
712
720
|
export var borderWidthAlertBlockEnd = "var(--border-width-alert-block-end-q8rr42, 2px)";
|
|
713
|
-
export var
|
|
721
|
+
export var borderWidthAlertBlockStart = "var(--border-width-alert-block-start-5wbfsk, 2px)";
|
|
714
722
|
export var borderWidthAlertInlineEnd = "var(--border-width-alert-inline-end-9s426v, 2px)";
|
|
723
|
+
export var borderWidthAlertInlineStart = "var(--border-width-alert-inline-start-gjm6m1, 2px)";
|
|
715
724
|
export var borderWidthButton = "var(--border-width-button-jm0qg7, 2px)";
|
|
725
|
+
export var borderWidthCard = "var(--border-width-card-x24gzt, 1px)";
|
|
726
|
+
export var borderWidthCardSelected = "var(--border-width-card-selected-01i6br, 2px)";
|
|
716
727
|
export var borderWidthDropdown = "var(--border-width-dropdown-youcay, 2px)";
|
|
717
728
|
export var borderWidthField = "var(--border-width-field-2xc78x, 1px)";
|
|
718
|
-
export var borderWidthPopover = "var(--border-width-popover-nflirh, 2px)";
|
|
719
|
-
export var borderWidthToken = "var(--border-width-token-2ukdpu, 2px)";
|
|
720
|
-
export var borderWidthIconSmall = "var(--border-width-icon-small-z55i5t, 2px)";
|
|
721
|
-
export var borderWidthIconNormal = "var(--border-width-icon-normal-9h7vj7, 2px)";
|
|
722
|
-
export var borderWidthIconMedium = "var(--border-width-icon-medium-b7icqv, 2px)";
|
|
723
729
|
export var borderWidthIconBig = "var(--border-width-icon-big-ymgy42, 3px)";
|
|
724
730
|
export var borderWidthIconLarge = "var(--border-width-icon-large-u645rg, 4px)";
|
|
725
|
-
export var
|
|
726
|
-
export var
|
|
727
|
-
export var
|
|
728
|
-
export var
|
|
729
|
-
export var
|
|
730
|
-
export var
|
|
731
|
-
export var
|
|
731
|
+
export var borderWidthIconMedium = "var(--border-width-icon-medium-b7icqv, 2px)";
|
|
732
|
+
export var borderWidthIconNormal = "var(--border-width-icon-normal-9h7vj7, 2px)";
|
|
733
|
+
export var borderWidthIconSmall = "var(--border-width-icon-small-z55i5t, 2px)";
|
|
734
|
+
export var borderWidthItemCard = "var(--border-width-item-card-3wmyp3, 1px)";
|
|
735
|
+
export var borderWidthItemCardHighlighted = "var(--border-width-item-card-highlighted-jay4ll, 2px)";
|
|
736
|
+
export var borderWidthItemSelected = "var(--border-width-item-selected-yv93vd, 2px)";
|
|
737
|
+
export var borderWidthPopover = "var(--border-width-popover-nflirh, 2px)";
|
|
738
|
+
export var borderWidthToken = "var(--border-width-token-2ukdpu, 2px)";
|
|
732
739
|
export var motionDurationExtraFast = "var(--motion-duration-extra-fast-l4w48j, 45ms)";
|
|
733
740
|
export var motionDurationExtraSlow = "var(--motion-duration-extra-slow-29bqym, 270ms)";
|
|
734
741
|
export var motionDurationFast = "var(--motion-duration-fast-unntf6, 90ms)";
|
|
@@ -858,6 +865,7 @@ export var spaceActionCardDescriptionPaddingTop = "var(--space-action-card-descr
|
|
|
858
865
|
export var spaceActionCardContentPaddingTop = "var(--space-action-card-content-padding-top-bew8kj, 8px)";
|
|
859
866
|
export var spaceOptionPaddingVertical = "var(--space-option-padding-vertical-d2srv9, 4px)";
|
|
860
867
|
export var spaceOptionPaddingHorizontal = "var(--space-option-padding-horizontal-4taa4b, 20px)";
|
|
868
|
+
export var spaceStatusIndicatorPaddingHorizontal = "var(--space-status-indicator-padding-horizontal-xv70fu, 0px)";
|
|
861
869
|
export var spaceScaled2xNone = "var(--space-scaled-2x-none-987dp7, 0px)";
|
|
862
870
|
export var spaceScaled2xXxxs = "var(--space-scaled-2x-xxxs-reumxj, 2px)";
|
|
863
871
|
export var spaceScaled2xXxs = "var(--space-scaled-2x-xxs-e79hr1, 4px)";
|