@cloudscape-design/components 3.0.1204 → 3.0.1205
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/interfaces.d.ts +2 -0
- package/alert/interfaces.d.ts.map +1 -1
- package/alert/interfaces.js.map +1 -1
- package/alert/styles.css.js +27 -27
- package/alert/styles.scoped.css +50 -50
- package/alert/styles.selectors.js +27 -27
- package/annotation-context/annotation/styles.css.js +13 -13
- package/annotation-context/annotation/styles.scoped.css +21 -21
- package/annotation-context/annotation/styles.selectors.js +13 -13
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/visual-refresh/styles.css.js +86 -86
- package/app-layout/visual-refresh/styles.scoped.css +258 -258
- package/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +87 -87
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
- package/attribute-editor/styles.css.js +15 -15
- package/attribute-editor/styles.scoped.css +28 -28
- package/attribute-editor/styles.selectors.js +15 -15
- package/autosuggest/interfaces.d.ts +2 -0
- package/autosuggest/interfaces.d.ts.map +1 -1
- package/autosuggest/interfaces.js.map +1 -1
- package/badge/interfaces.d.ts +2 -0
- package/badge/interfaces.d.ts.map +1 -1
- package/badge/interfaces.js.map +1 -1
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +28 -28
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/button/interfaces.d.ts +2 -0
- package/button/interfaces.d.ts.map +1 -1
- package/button/interfaces.js.map +1 -1
- package/button/styles.css.js +22 -22
- package/button/styles.scoped.css +256 -256
- package/button/styles.selectors.js +22 -22
- package/button-dropdown/category-elements/expandable-category-element.js +1 -1
- package/button-dropdown/category-elements/expandable-category-element.js.map +1 -1
- package/button-dropdown/internal.d.ts.map +1 -1
- package/button-dropdown/internal.js +1 -1
- package/button-dropdown/internal.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +21 -21
- package/button-dropdown/item-element/styles.scoped.css +37 -37
- package/button-dropdown/item-element/styles.selectors.js +21 -21
- package/button-group/interfaces.d.ts +2 -0
- package/button-group/interfaces.d.ts.map +1 -1
- package/button-group/interfaces.js.map +1 -1
- package/checkbox/interfaces.d.ts +2 -0
- package/checkbox/interfaces.d.ts.map +1 -1
- package/checkbox/interfaces.js.map +1 -1
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +11 -11
- package/checkbox/styles.selectors.js +3 -3
- package/container/interfaces.d.ts +2 -0
- package/container/interfaces.d.ts.map +1 -1
- package/container/interfaces.js.map +1 -1
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +27 -27
- package/content-layout/styles.selectors.js +14 -14
- package/date-picker/index.d.ts.map +1 -1
- package/date-picker/index.js +1 -1
- package/date-picker/index.js.map +1 -1
- package/date-range-picker/index.d.ts.map +1 -1
- package/date-range-picker/index.js +1 -1
- package/date-range-picker/index.js.map +1 -1
- package/flashbar/interfaces.d.ts +2 -0
- package/flashbar/interfaces.d.ts.map +1 -1
- package/flashbar/interfaces.js.map +1 -1
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +187 -187
- package/flashbar/styles.selectors.js +50 -50
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +73 -73
- package/help-panel/styles.selectors.js +6 -6
- package/input/interfaces.d.ts +2 -0
- package/input/interfaces.d.ts.map +1 -1
- package/input/interfaces.js.map +1 -1
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +74 -74
- package/input/styles.selectors.js +13 -13
- package/internal/base-component/styles.scoped.css +1 -1
- package/internal/components/autosuggest-input/index.d.ts.map +1 -1
- package/internal/components/autosuggest-input/index.js +2 -1
- package/internal/components/autosuggest-input/index.js.map +1 -1
- package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
- package/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
- package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
- package/internal/components/dropdown/dropdown-fit-handler.d.ts +14 -14
- package/internal/components/dropdown/dropdown-fit-handler.d.ts.map +1 -1
- package/internal/components/dropdown/dropdown-fit-handler.js +22 -23
- package/internal/components/dropdown/dropdown-fit-handler.js.map +1 -1
- package/internal/components/dropdown/dropdown-position.d.ts.map +1 -1
- package/internal/components/dropdown/dropdown-position.js +4 -1
- package/internal/components/dropdown/dropdown-position.js.map +1 -1
- package/internal/components/dropdown/index.d.ts +3 -4
- package/internal/components/dropdown/index.d.ts.map +1 -1
- package/internal/components/dropdown/index.js +52 -30
- package/internal/components/dropdown/index.js.map +1 -1
- package/internal/components/dropdown/interfaces.d.ts +20 -14
- package/internal/components/dropdown/interfaces.d.ts.map +1 -1
- package/internal/components/dropdown/interfaces.js.map +1 -1
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +39 -38
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/radio-button/interfaces.d.ts +2 -0
- package/internal/components/radio-button/interfaces.d.ts.map +1 -1
- package/internal/components/radio-button/interfaces.js.map +1 -1
- package/internal/components/radio-button/styles.css.js +7 -7
- package/internal/components/radio-button/styles.scoped.css +18 -18
- package/internal/components/radio-button/styles.selectors.js +7 -7
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +25 -25
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/custom-css-properties/index.d.ts +1 -0
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +139 -138
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/link/interfaces.d.ts +2 -0
- package/link/interfaces.d.ts.map +1 -1
- package/link/interfaces.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +103 -103
- package/link/styles.selectors.js +20 -20
- package/multiselect/internal.d.ts.map +1 -1
- package/multiselect/internal.js +2 -1
- package/multiselect/internal.js.map +1 -1
- package/package.json +1 -1
- package/progress-bar/interfaces.d.ts +2 -0
- package/progress-bar/interfaces.d.ts.map +1 -1
- package/progress-bar/interfaces.js.map +1 -1
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +48 -48
- package/progress-bar/styles.selectors.js +18 -18
- package/prompt-input/interfaces.d.ts +2 -0
- package/prompt-input/interfaces.d.ts.map +1 -1
- package/prompt-input/interfaces.js.map +1 -1
- package/prompt-input/styles.css.js +17 -17
- package/prompt-input/styles.scoped.css +79 -79
- package/prompt-input/styles.selectors.js +17 -17
- package/radio-group/interfaces.d.ts +2 -0
- package/radio-group/interfaces.d.ts.map +1 -1
- package/radio-group/interfaces.js.map +1 -1
- package/segmented-control/interfaces.d.ts +2 -0
- package/segmented-control/interfaces.d.ts.map +1 -1
- package/segmented-control/interfaces.js.map +1 -1
- package/segmented-control/styles.css.js +16 -16
- package/segmented-control/styles.scoped.css +46 -46
- package/segmented-control/styles.selectors.js +16 -16
- package/select/internal.d.ts.map +1 -1
- package/select/internal.js +2 -1
- package/select/internal.js.map +1 -1
- package/slider/interfaces.d.ts +2 -0
- package/slider/interfaces.d.ts.map +1 -1
- package/slider/interfaces.js.map +1 -1
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +165 -165
- package/slider/styles.selectors.js +26 -26
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +39 -39
- package/spinner/styles.selectors.js +13 -13
- package/tabs/interfaces.d.ts +2 -0
- package/tabs/interfaces.d.ts.map +1 -1
- package/tabs/interfaces.js.map +1 -1
- package/tabs/styles.css.js +30 -30
- package/tabs/styles.scoped.css +76 -76
- package/tabs/styles.selectors.js +30 -30
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +13 -13
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +66 -66
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/interfaces.d.ts +2 -0
- package/text-filter/interfaces.d.ts.map +1 -1
- package/text-filter/interfaces.js.map +1 -1
- package/textarea/interfaces.d.ts +2 -0
- package/textarea/interfaces.d.ts.map +1 -1
- package/textarea/interfaces.js.map +1 -1
- package/textarea/styles.css.js +5 -5
- package/textarea/styles.scoped.css +45 -45
- package/textarea/styles.selectors.js +5 -5
- package/toggle/interfaces.d.ts +2 -0
- package/toggle/interfaces.d.ts.map +1 -1
- package/toggle/interfaces.js.map +1 -1
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +23 -23
- package/toggle/styles.selectors.js +10 -10
package/alert/interfaces.d.ts
CHANGED
|
@@ -126,6 +126,8 @@ export interface AlertProps extends BaseComponentProps {
|
|
|
126
126
|
*/
|
|
127
127
|
analyticsMetadata?: AlertProps.AnalyticsMetadata;
|
|
128
128
|
/**
|
|
129
|
+
* An object containing CSS properties to customize the alert's visual appearance.
|
|
130
|
+
* Refer to the [style](/components/alert/?tabId=style) tab for more details.
|
|
129
131
|
* @awsuiSystem core
|
|
130
132
|
*/
|
|
131
133
|
style?: AlertProps.Style;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/alert/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,UAAU,CAAC;IAC1B,KAAY,IAAI,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAE5D,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IAED,UAAiB,WAAW;QAK1B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAK9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAK5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAK9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAK3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;KAC3B;IAED,UAAiB,iBAAiB;QAChC,YAAY,CAAC,EAAE,YAAY,CAAC;KAC7B;IAED,UAAiB,KAAK;QACpB,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;QACF,IAAI,CAAC,EAAE;YACL,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,aAAa,CAAC,EAAE;YACd,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE,MAAM,CAAC;gBAChB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,KAAK,CAAC,EAAE,MAAM,CAAC;aAChB,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;IACD,UAAiB,iBAAiB;QAChC,SAAS,EAAE,MAAM,CAAC;QAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;KACnC;CACF;AAED,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;IAEvB;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;OAMG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,yBAAyB,CAAC;IAC1C;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC;IACjD
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/alert/interfaces.ts"],"names":[],"mappings":"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"}
|
package/alert/interfaces.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/alert/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace AlertProps {\n export type Type = 'success' | 'error' | 'warning' | 'info';\n\n export interface Ref {\n /**\n * Sets focus on the alert content.\n */\n focus(): void;\n }\n\n export interface I18nStrings {\n /*\n * Specifies the ARIA label for the alert icon for type `success`.\n * @property {string} [successIconAriaLabel] - optional\n */\n successIconAriaLabel?: string;\n /*\n * Specifies the ARIA label for the alert icon for type `error`.\n * @property {string} [errorIconAriaLabel] - optional\n */\n errorIconAriaLabel?: string;\n /*\n * Specifies the ARIA label for the alert icon for type `warning`.\n * @property {string} [warningIconAriaLabel] - optional\n */\n warningIconAriaLabel?: string;\n /*\n * Specifies the ARIA label for the alert icon for type `info`.\n * @property {string} [infoIconAriaLabel] - optional\n */\n infoIconAriaLabel?: string;\n /*\n * Specifies the ARIA label for the dismiss button.\n * @property {string} [dismissAriaLabel] - optional\n */\n dismissAriaLabel?: string;\n }\n\n export interface AnalyticsMetadata {\n errorContext?: ErrorContext;\n }\n\n export interface Style {\n root?: {\n background?: string;\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n color?: string;\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n icon?: {\n color?: string;\n };\n dismissButton?: {\n color?: {\n active?: string;\n default?: string;\n hover?: string;\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n }\n export interface PersistenceConfig {\n uniqueKey: string;\n crossServicePersistence?: boolean;\n }\n}\n\nexport interface AlertProps extends BaseComponentProps {\n /**\n * Specifies the type of message you want to display.\n */\n type?: AlertProps.Type;\n\n /**\n * Provides a text alternative for the icon.\n *\n * @deprecated Use the label properties inside `i18nStrings` instead.\n * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n */\n statusIconAriaLabel?: string;\n\n /**\n * Determines whether the alert is displayed.\n * @deprecated Use conditional rendering in your code instead of this prop.\n */\n visible?: boolean;\n /**\n * Adds a close button to the alert when set to `true`.\n * An `onDismiss` event is fired when a user clicks the button.\n */\n dismissible?: boolean;\n /**\n * Adds an aria-label to the dismiss button.\n * @i18n\n *\n * @deprecated Use `i18nStrings.dismissAriaLabel` instead.\n * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n */\n dismissAriaLabel?: string;\n /**\n * Primary text displayed in the element.\n */\n children?: React.ReactNode;\n /**\n * Heading text.\n */\n header?: React.ReactNode;\n /**\n * Displays an action button next to the message area when set.\n * An `onButtonClick` event is fired when the user clicks it.\n * @deprecated Replaced by `action`.\n */\n buttonText?: React.ReactNode;\n /**\n * Specifies an action for the alert message.\n * Although it is technically possible to insert any content, our UX guidelines only allow you to add a button.\n */\n action?: React.ReactNode;\n /**\n * Fired when the user clicks the close icon that is displayed\n * when the `dismissible` property is set to `true`.\n */\n onDismiss?: NonCancelableEventHandler;\n /**\n * Fired when the user clicks the action button.\n * **Deprecated** Replaced by `action`.\n */\n onButtonClick?: NonCancelableEventHandler;\n /**\n * An object containing all the necessary localized strings required by the component.\n * @property {AlertProps.I18nStrings} [i18nStrings] - optional\n * @i18n\n */\n i18nStrings?: AlertProps.I18nStrings;\n /**\n * Specifies additional analytics-related metadata.\n * * `errorContext` - Identifies the error category and sub-category.\n * @analytics\n */\n analyticsMetadata?: AlertProps.AnalyticsMetadata;\n /**\n * @awsuiSystem core\n */\n style?: AlertProps.Style;\n /**\n * Config to persist dismiss state for dismissable Alert\n * persistenceConfig contains:\n * * `uniqueKey` (string) - This key to store the persistence state, it must be unique across your console.\n * * `crossServicePersistence` (boolean) - (Optional) If true, the persistence state will be shared across AWS services.\n * @awsuiSystem console\n */\n persistenceConfig?: AlertProps.PersistenceConfig;\n}\n"]}
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/alert/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ErrorContext } from '../internal/analytics/interfaces';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace AlertProps {\n export type Type = 'success' | 'error' | 'warning' | 'info';\n\n export interface Ref {\n /**\n * Sets focus on the alert content.\n */\n focus(): void;\n }\n\n export interface I18nStrings {\n /*\n * Specifies the ARIA label for the alert icon for type `success`.\n * @property {string} [successIconAriaLabel] - optional\n */\n successIconAriaLabel?: string;\n /*\n * Specifies the ARIA label for the alert icon for type `error`.\n * @property {string} [errorIconAriaLabel] - optional\n */\n errorIconAriaLabel?: string;\n /*\n * Specifies the ARIA label for the alert icon for type `warning`.\n * @property {string} [warningIconAriaLabel] - optional\n */\n warningIconAriaLabel?: string;\n /*\n * Specifies the ARIA label for the alert icon for type `info`.\n * @property {string} [infoIconAriaLabel] - optional\n */\n infoIconAriaLabel?: string;\n /*\n * Specifies the ARIA label for the dismiss button.\n * @property {string} [dismissAriaLabel] - optional\n */\n dismissAriaLabel?: string;\n }\n\n export interface AnalyticsMetadata {\n errorContext?: ErrorContext;\n }\n\n export interface Style {\n root?: {\n background?: string;\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n color?: string;\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n icon?: {\n color?: string;\n };\n dismissButton?: {\n color?: {\n active?: string;\n default?: string;\n hover?: string;\n };\n focusRing?: {\n borderColor?: string;\n borderRadius?: string;\n borderWidth?: string;\n };\n };\n }\n export interface PersistenceConfig {\n uniqueKey: string;\n crossServicePersistence?: boolean;\n }\n}\n\nexport interface AlertProps extends BaseComponentProps {\n /**\n * Specifies the type of message you want to display.\n */\n type?: AlertProps.Type;\n\n /**\n * Provides a text alternative for the icon.\n *\n * @deprecated Use the label properties inside `i18nStrings` instead.\n * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n */\n statusIconAriaLabel?: string;\n\n /**\n * Determines whether the alert is displayed.\n * @deprecated Use conditional rendering in your code instead of this prop.\n */\n visible?: boolean;\n /**\n * Adds a close button to the alert when set to `true`.\n * An `onDismiss` event is fired when a user clicks the button.\n */\n dismissible?: boolean;\n /**\n * Adds an aria-label to the dismiss button.\n * @i18n\n *\n * @deprecated Use `i18nStrings.dismissAriaLabel` instead.\n * If the label is assigned via the `i18nStrings` property, this label will be ignored.\n */\n dismissAriaLabel?: string;\n /**\n * Primary text displayed in the element.\n */\n children?: React.ReactNode;\n /**\n * Heading text.\n */\n header?: React.ReactNode;\n /**\n * Displays an action button next to the message area when set.\n * An `onButtonClick` event is fired when the user clicks it.\n * @deprecated Replaced by `action`.\n */\n buttonText?: React.ReactNode;\n /**\n * Specifies an action for the alert message.\n * Although it is technically possible to insert any content, our UX guidelines only allow you to add a button.\n */\n action?: React.ReactNode;\n /**\n * Fired when the user clicks the close icon that is displayed\n * when the `dismissible` property is set to `true`.\n */\n onDismiss?: NonCancelableEventHandler;\n /**\n * Fired when the user clicks the action button.\n * **Deprecated** Replaced by `action`.\n */\n onButtonClick?: NonCancelableEventHandler;\n /**\n * An object containing all the necessary localized strings required by the component.\n * @property {AlertProps.I18nStrings} [i18nStrings] - optional\n * @i18n\n */\n i18nStrings?: AlertProps.I18nStrings;\n /**\n * Specifies additional analytics-related metadata.\n * * `errorContext` - Identifies the error category and sub-category.\n * @analytics\n */\n analyticsMetadata?: AlertProps.AnalyticsMetadata;\n /**\n * An object containing CSS properties to customize the alert's visual appearance.\n * Refer to the [style](/components/alert/?tabId=style) tab for more details.\n * @awsuiSystem core\n */\n style?: AlertProps.Style;\n /**\n * Config to persist dismiss state for dismissable Alert\n * persistenceConfig contains:\n * * `uniqueKey` (string) - This key to store the persistence state, it must be unique across your console.\n * * `crossServicePersistence` (boolean) - (Optional) If true, the persistence state will be shared across AWS services.\n * @awsuiSystem console\n */\n persistenceConfig?: AlertProps.PersistenceConfig;\n}\n"]}
|
package/alert/styles.css.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"alert": "
|
|
5
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
6
|
-
"root": "
|
|
7
|
-
"hidden": "
|
|
8
|
-
"alert-wrapper": "awsui_alert-
|
|
9
|
-
"initial-hidden": "awsui_initial-
|
|
10
|
-
"header": "
|
|
11
|
-
"header-replacement": "awsui_header-
|
|
12
|
-
"action": "
|
|
13
|
-
"action-slot": "awsui_action-
|
|
14
|
-
"action-button": "awsui_action-
|
|
15
|
-
"alert-focus-wrapper": "awsui_alert-focus-
|
|
16
|
-
"text": "
|
|
17
|
-
"icon": "
|
|
18
|
-
"message": "
|
|
19
|
-
"action-wrapped": "awsui_action-
|
|
20
|
-
"icon-size-medium": "awsui_icon-size-
|
|
21
|
-
"icon-size-big": "awsui_icon-size-
|
|
22
|
-
"icon-size-normal": "awsui_icon-size-
|
|
23
|
-
"content": "
|
|
24
|
-
"content-replacement": "awsui_content-
|
|
25
|
-
"dismiss": "
|
|
26
|
-
"dismiss-button": "awsui_dismiss-
|
|
27
|
-
"type-error": "awsui_type-
|
|
28
|
-
"type-warning": "awsui_type-
|
|
29
|
-
"type-success": "awsui_type-
|
|
30
|
-
"type-info": "awsui_type-
|
|
4
|
+
"alert": "awsui_alert_mx3cw_1vuka_193",
|
|
5
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1vuka_1",
|
|
6
|
+
"root": "awsui_root_mx3cw_1vuka_215",
|
|
7
|
+
"hidden": "awsui_hidden_mx3cw_1vuka_250",
|
|
8
|
+
"alert-wrapper": "awsui_alert-wrapper_mx3cw_1vuka_299",
|
|
9
|
+
"initial-hidden": "awsui_initial-hidden_mx3cw_1vuka_311",
|
|
10
|
+
"header": "awsui_header_mx3cw_1vuka_316",
|
|
11
|
+
"header-replacement": "awsui_header-replacement_mx3cw_1vuka_317",
|
|
12
|
+
"action": "awsui_action_mx3cw_1vuka_321",
|
|
13
|
+
"action-slot": "awsui_action-slot_mx3cw_1vuka_325",
|
|
14
|
+
"action-button": "awsui_action-button_mx3cw_1vuka_326",
|
|
15
|
+
"alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1vuka_330",
|
|
16
|
+
"text": "awsui_text_mx3cw_1vuka_361",
|
|
17
|
+
"icon": "awsui_icon_mx3cw_1vuka_368",
|
|
18
|
+
"message": "awsui_message_mx3cw_1vuka_371",
|
|
19
|
+
"action-wrapped": "awsui_action-wrapped_mx3cw_1vuka_375",
|
|
20
|
+
"icon-size-medium": "awsui_icon-size-medium_mx3cw_1vuka_379",
|
|
21
|
+
"icon-size-big": "awsui_icon-size-big_mx3cw_1vuka_383",
|
|
22
|
+
"icon-size-normal": "awsui_icon-size-normal_mx3cw_1vuka_387",
|
|
23
|
+
"content": "awsui_content_mx3cw_1vuka_391",
|
|
24
|
+
"content-replacement": "awsui_content-replacement_mx3cw_1vuka_392",
|
|
25
|
+
"dismiss": "awsui_dismiss_mx3cw_1vuka_396",
|
|
26
|
+
"dismiss-button": "awsui_dismiss-button_mx3cw_1vuka_401",
|
|
27
|
+
"type-error": "awsui_type-error_mx3cw_1vuka_405",
|
|
28
|
+
"type-warning": "awsui_type-warning_mx3cw_1vuka_413",
|
|
29
|
+
"type-success": "awsui_type-success_mx3cw_1vuka_421",
|
|
30
|
+
"type-info": "awsui_type-info_mx3cw_1vuka_429"
|
|
31
31
|
};
|
|
32
32
|
|
package/alert/styles.scoped.css
CHANGED
|
@@ -190,10 +190,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
190
190
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
191
191
|
SPDX-License-Identifier: Apache-2.0
|
|
192
192
|
*/
|
|
193
|
-
.
|
|
194
|
-
animation: awsui_awsui-motion-fade-
|
|
193
|
+
.awsui_alert_mx3cw_1vuka_193:not(#\9) {
|
|
194
|
+
animation: awsui_awsui-motion-fade-in_mx3cw_1vuka_1 var(--motion-duration-show-paced-otsjh8, 180ms) var(--motion-easing-show-paced-ym6eyn, ease-out);
|
|
195
195
|
}
|
|
196
|
-
@keyframes awsui_awsui-motion-fade-
|
|
196
|
+
@keyframes awsui_awsui-motion-fade-in_mx3cw_1vuka_1 {
|
|
197
197
|
from {
|
|
198
198
|
opacity: 0.2;
|
|
199
199
|
}
|
|
@@ -202,17 +202,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
204
|
@media (prefers-reduced-motion: reduce) {
|
|
205
|
-
.
|
|
205
|
+
.awsui_alert_mx3cw_1vuka_193:not(#\9) {
|
|
206
206
|
animation: none;
|
|
207
207
|
transition: none;
|
|
208
208
|
}
|
|
209
209
|
}
|
|
210
|
-
.awsui-motion-disabled .
|
|
210
|
+
.awsui-motion-disabled .awsui_alert_mx3cw_1vuka_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1vuka_193:not(#\9) {
|
|
211
211
|
animation: none;
|
|
212
212
|
transition: none;
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
-
.
|
|
215
|
+
.awsui_root_mx3cw_1vuka_215:not(#\9) {
|
|
216
216
|
border-collapse: separate;
|
|
217
217
|
border-spacing: 0;
|
|
218
218
|
box-sizing: border-box;
|
|
@@ -247,11 +247,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
247
247
|
overflow: hidden;
|
|
248
248
|
display: block;
|
|
249
249
|
}
|
|
250
|
-
.
|
|
250
|
+
.awsui_root_mx3cw_1vuka_215.awsui_hidden_mx3cw_1vuka_250:not(#\9) {
|
|
251
251
|
display: none;
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
-
.
|
|
254
|
+
.awsui_alert_mx3cw_1vuka_193:not(#\9) {
|
|
255
255
|
border-collapse: separate;
|
|
256
256
|
border-spacing: 0;
|
|
257
257
|
box-sizing: border-box;
|
|
@@ -293,10 +293,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
293
293
|
padding-block: var(--space-alert-vertical-dlp5wr, 8px);
|
|
294
294
|
padding-inline: var(--space-alert-horizontal-ul364s, 16px);
|
|
295
295
|
background-color: var(--color-background-container-content-6u8rvp, #ffffff);
|
|
296
|
-
--awsui-alert-focus-ring-box-shadow-
|
|
296
|
+
--awsui-alert-focus-ring-box-shadow-c5ek4l: 0 0 0 var(--awsui-alert-focus-ring-border-width-c5ek4l, 2px) var(--awsui-alert-focus-ring-border-color-c5ek4l, var(--color-border-item-focused-uk47pl, #006ce0));
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
-
.awsui_alert-
|
|
299
|
+
.awsui_alert-wrapper_mx3cw_1vuka_299:not(#\9) {
|
|
300
300
|
flex: 1;
|
|
301
301
|
display: flex;
|
|
302
302
|
flex-direction: row;
|
|
@@ -304,46 +304,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
304
304
|
column-gap: var(--space-alert-action-left-4s8zo5, 12px);
|
|
305
305
|
}
|
|
306
306
|
|
|
307
|
-
.
|
|
307
|
+
.awsui_hidden_mx3cw_1vuka_250:not(#\9) {
|
|
308
308
|
display: none;
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
.awsui_initial-
|
|
311
|
+
.awsui_initial-hidden_mx3cw_1vuka_311:not(#\9) {
|
|
312
312
|
overflow: hidden;
|
|
313
313
|
block-size: 0;
|
|
314
314
|
}
|
|
315
315
|
|
|
316
|
-
.
|
|
317
|
-
.awsui_header-
|
|
316
|
+
.awsui_header_mx3cw_1vuka_316:not(#\9),
|
|
317
|
+
.awsui_header-replacement_mx3cw_1vuka_317:not(#\9) {
|
|
318
318
|
font-weight: 700;
|
|
319
319
|
}
|
|
320
320
|
|
|
321
|
-
.
|
|
321
|
+
.awsui_action_mx3cw_1vuka_321:not(#\9) {
|
|
322
322
|
white-space: nowrap;
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
-
.awsui_action-
|
|
326
|
-
.awsui_action-
|
|
325
|
+
.awsui_action-slot_mx3cw_1vuka_325:not(#\9),
|
|
326
|
+
.awsui_action-button_mx3cw_1vuka_326:not(#\9) {
|
|
327
327
|
/* used in test-utils */
|
|
328
328
|
}
|
|
329
329
|
|
|
330
|
-
.awsui_alert-focus-
|
|
330
|
+
.awsui_alert-focus-wrapper_mx3cw_1vuka_330:not(#\9) {
|
|
331
331
|
flex: 1;
|
|
332
332
|
min-inline-size: 70%;
|
|
333
333
|
display: grid;
|
|
334
334
|
grid-template-columns: min-content auto;
|
|
335
335
|
}
|
|
336
|
-
.awsui_alert-focus-
|
|
336
|
+
.awsui_alert-focus-wrapper_mx3cw_1vuka_330:not(#\9):focus {
|
|
337
337
|
outline: none;
|
|
338
338
|
}
|
|
339
|
-
body[data-awsui-focus-visible=true] .awsui_alert-focus-
|
|
339
|
+
body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1vuka_330:not(#\9):focus {
|
|
340
340
|
position: relative;
|
|
341
341
|
}
|
|
342
|
-
body[data-awsui-focus-visible=true] .awsui_alert-focus-
|
|
342
|
+
body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1vuka_330:not(#\9):focus {
|
|
343
343
|
outline: 2px dotted transparent;
|
|
344
344
|
outline-offset: calc(var(--space-button-focus-outline-gutter-jj138g, 4px) - 1px);
|
|
345
345
|
}
|
|
346
|
-
body[data-awsui-focus-visible=true] .awsui_alert-focus-
|
|
346
|
+
body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1vuka_330:not(#\9):focus::before {
|
|
347
347
|
content: " ";
|
|
348
348
|
display: block;
|
|
349
349
|
position: absolute;
|
|
@@ -351,85 +351,85 @@ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_uee7s_330:n
|
|
|
351
351
|
inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-jj138g, 4px));
|
|
352
352
|
inline-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
|
|
353
353
|
block-size: calc(100% + var(--space-button-focus-outline-gutter-jj138g, 4px) + var(--space-button-focus-outline-gutter-jj138g, 4px));
|
|
354
|
-
border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-
|
|
355
|
-
border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-
|
|
356
|
-
border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-
|
|
357
|
-
border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-
|
|
358
|
-
box-shadow: var(--awsui-alert-focus-ring-box-shadow-
|
|
354
|
+
border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-1uabki, 4px));
|
|
355
|
+
border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-1uabki, 4px));
|
|
356
|
+
border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-1uabki, 4px));
|
|
357
|
+
border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-c5ek4l, var(--border-radius-control-default-focus-ring-1uabki, 4px));
|
|
358
|
+
box-shadow: var(--awsui-alert-focus-ring-box-shadow-c5ek4l);
|
|
359
359
|
}
|
|
360
360
|
|
|
361
|
-
.
|
|
361
|
+
.awsui_text_mx3cw_1vuka_361:not(#\9) {
|
|
362
362
|
min-inline-size: 0;
|
|
363
363
|
padding-block: var(--border-width-button-jm0qg7, 2px);
|
|
364
364
|
padding-inline: 0;
|
|
365
365
|
margin-block: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
366
366
|
margin-inline: var(--space-xxs-hwfkai, 4px);
|
|
367
367
|
}
|
|
368
|
-
.
|
|
368
|
+
.awsui_text_mx3cw_1vuka_361.awsui_icon_mx3cw_1vuka_368:not(#\9) {
|
|
369
369
|
margin-inline-start: 0;
|
|
370
370
|
}
|
|
371
|
-
.
|
|
371
|
+
.awsui_text_mx3cw_1vuka_361.awsui_message_mx3cw_1vuka_371:not(#\9) {
|
|
372
372
|
margin-inline-end: var(--space-alert-message-right-mrjbnn, 4px);
|
|
373
373
|
}
|
|
374
374
|
|
|
375
|
-
.awsui_action-
|
|
375
|
+
.awsui_action-wrapped_mx3cw_1vuka_375:not(#\9) {
|
|
376
376
|
margin-block-end: var(--space-xxs-hwfkai, 4px);
|
|
377
377
|
}
|
|
378
378
|
|
|
379
|
-
.awsui_icon-size-
|
|
379
|
+
.awsui_icon-size-medium_mx3cw_1vuka_379 > .awsui_alert-wrapper_mx3cw_1vuka_299 > .awsui_action-wrapped_mx3cw_1vuka_375:not(#\9) {
|
|
380
380
|
margin-inline-start: calc(var(--size-icon-medium-uv8xcz, 20px) + var(--space-xs-ymlm0b, 8px));
|
|
381
381
|
}
|
|
382
382
|
|
|
383
|
-
.awsui_icon-size-
|
|
383
|
+
.awsui_icon-size-big_mx3cw_1vuka_383 > .awsui_alert-wrapper_mx3cw_1vuka_299 > .awsui_action-wrapped_mx3cw_1vuka_375:not(#\9) {
|
|
384
384
|
margin-inline-start: calc(var(--size-icon-big-7pq9l3, 32px) + var(--space-xs-ymlm0b, 8px));
|
|
385
385
|
}
|
|
386
386
|
|
|
387
|
-
.awsui_icon-size-
|
|
387
|
+
.awsui_icon-size-normal_mx3cw_1vuka_387 > .awsui_alert-wrapper_mx3cw_1vuka_299 > .awsui_action-wrapped_mx3cw_1vuka_375:not(#\9) {
|
|
388
388
|
margin-inline-start: calc(var(--size-icon-normal-levt08, 16px) + var(--space-xs-ymlm0b, 8px));
|
|
389
389
|
}
|
|
390
390
|
|
|
391
|
-
.
|
|
392
|
-
.awsui_content-
|
|
391
|
+
.awsui_content_mx3cw_1vuka_391:not(#\9),
|
|
392
|
+
.awsui_content-replacement_mx3cw_1vuka_392:not(#\9) {
|
|
393
393
|
/* used in test-utils */
|
|
394
394
|
}
|
|
395
395
|
|
|
396
|
-
.
|
|
396
|
+
.awsui_dismiss_mx3cw_1vuka_396:not(#\9) {
|
|
397
397
|
margin-inline-end: calc(-1 * var(--space-xxs-hwfkai, 4px));
|
|
398
398
|
margin-inline-start: var(--space-s-tvghoh, 12px);
|
|
399
399
|
}
|
|
400
400
|
|
|
401
|
-
.awsui_dismiss-
|
|
401
|
+
.awsui_dismiss-button_mx3cw_1vuka_401:not(#\9) {
|
|
402
402
|
/* used in test-utils */
|
|
403
403
|
}
|
|
404
404
|
|
|
405
|
-
.awsui_type-
|
|
405
|
+
.awsui_type-error_mx3cw_1vuka_405:not(#\9) {
|
|
406
406
|
border-color: var(--color-border-status-error-j8acpp, #db0000);
|
|
407
407
|
background-color: var(--color-background-status-error-mu3lcw, #fff5f5);
|
|
408
408
|
}
|
|
409
|
-
.awsui_type-
|
|
410
|
-
color: var(--awsui-alert-icon-color-
|
|
409
|
+
.awsui_type-error_mx3cw_1vuka_405 > .awsui_alert-wrapper_mx3cw_1vuka_299 > .awsui_alert-focus-wrapper_mx3cw_1vuka_330 > .awsui_icon_mx3cw_1vuka_368:not(#\9) {
|
|
410
|
+
color: var(--awsui-alert-icon-color-c5ek4l, var(--color-text-status-error-ksqavh, #db0000));
|
|
411
411
|
}
|
|
412
412
|
|
|
413
|
-
.awsui_type-
|
|
413
|
+
.awsui_type-warning_mx3cw_1vuka_413:not(#\9) {
|
|
414
414
|
border-color: var(--color-border-status-warning-j40pg7, #855900);
|
|
415
415
|
background-color: var(--color-background-status-warning-cv83up, #fffef0);
|
|
416
416
|
}
|
|
417
|
-
.awsui_type-
|
|
418
|
-
color: var(--awsui-alert-icon-color-
|
|
417
|
+
.awsui_type-warning_mx3cw_1vuka_413 > .awsui_alert-wrapper_mx3cw_1vuka_299 > .awsui_alert-focus-wrapper_mx3cw_1vuka_330 > .awsui_icon_mx3cw_1vuka_368:not(#\9) {
|
|
418
|
+
color: var(--awsui-alert-icon-color-c5ek4l, var(--color-text-status-warning-6meo06, #855900));
|
|
419
419
|
}
|
|
420
420
|
|
|
421
|
-
.awsui_type-
|
|
421
|
+
.awsui_type-success_mx3cw_1vuka_421:not(#\9) {
|
|
422
422
|
border-color: var(--color-border-status-success-8z5f8u, #00802f);
|
|
423
423
|
background-color: var(--color-background-status-success-h6b8bh, #effff1);
|
|
424
424
|
}
|
|
425
|
-
.awsui_type-
|
|
426
|
-
color: var(--awsui-alert-icon-color-
|
|
425
|
+
.awsui_type-success_mx3cw_1vuka_421 > .awsui_alert-wrapper_mx3cw_1vuka_299 > .awsui_alert-focus-wrapper_mx3cw_1vuka_330 > .awsui_icon_mx3cw_1vuka_368:not(#\9) {
|
|
426
|
+
color: var(--awsui-alert-icon-color-c5ek4l, var(--color-text-status-success-ybmii8, #00802f));
|
|
427
427
|
}
|
|
428
428
|
|
|
429
|
-
.awsui_type-
|
|
429
|
+
.awsui_type-info_mx3cw_1vuka_429:not(#\9) {
|
|
430
430
|
border-color: var(--color-border-status-info-qf6jok, #006ce0);
|
|
431
431
|
background-color: var(--color-background-status-info-sfobba, #f0fbff);
|
|
432
432
|
}
|
|
433
|
-
.awsui_type-
|
|
434
|
-
color: var(--awsui-alert-icon-color-
|
|
433
|
+
.awsui_type-info_mx3cw_1vuka_429 > .awsui_alert-wrapper_mx3cw_1vuka_299 > .awsui_alert-focus-wrapper_mx3cw_1vuka_330 > .awsui_icon_mx3cw_1vuka_368:not(#\9) {
|
|
434
|
+
color: var(--awsui-alert-icon-color-c5ek4l, var(--color-text-status-info-ue8bd2, #006ce0));
|
|
435
435
|
}
|
|
@@ -2,32 +2,32 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"alert": "
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"root": "
|
|
8
|
-
"hidden": "
|
|
9
|
-
"alert-wrapper": "awsui_alert-
|
|
10
|
-
"initial-hidden": "awsui_initial-
|
|
11
|
-
"header": "
|
|
12
|
-
"header-replacement": "awsui_header-
|
|
13
|
-
"action": "
|
|
14
|
-
"action-slot": "awsui_action-
|
|
15
|
-
"action-button": "awsui_action-
|
|
16
|
-
"alert-focus-wrapper": "awsui_alert-focus-
|
|
17
|
-
"text": "
|
|
18
|
-
"icon": "
|
|
19
|
-
"message": "
|
|
20
|
-
"action-wrapped": "awsui_action-
|
|
21
|
-
"icon-size-medium": "awsui_icon-size-
|
|
22
|
-
"icon-size-big": "awsui_icon-size-
|
|
23
|
-
"icon-size-normal": "awsui_icon-size-
|
|
24
|
-
"content": "
|
|
25
|
-
"content-replacement": "awsui_content-
|
|
26
|
-
"dismiss": "
|
|
27
|
-
"dismiss-button": "awsui_dismiss-
|
|
28
|
-
"type-error": "awsui_type-
|
|
29
|
-
"type-warning": "awsui_type-
|
|
30
|
-
"type-success": "awsui_type-
|
|
31
|
-
"type-info": "awsui_type-
|
|
5
|
+
"alert": "awsui_alert_mx3cw_1vuka_193",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1vuka_1",
|
|
7
|
+
"root": "awsui_root_mx3cw_1vuka_215",
|
|
8
|
+
"hidden": "awsui_hidden_mx3cw_1vuka_250",
|
|
9
|
+
"alert-wrapper": "awsui_alert-wrapper_mx3cw_1vuka_299",
|
|
10
|
+
"initial-hidden": "awsui_initial-hidden_mx3cw_1vuka_311",
|
|
11
|
+
"header": "awsui_header_mx3cw_1vuka_316",
|
|
12
|
+
"header-replacement": "awsui_header-replacement_mx3cw_1vuka_317",
|
|
13
|
+
"action": "awsui_action_mx3cw_1vuka_321",
|
|
14
|
+
"action-slot": "awsui_action-slot_mx3cw_1vuka_325",
|
|
15
|
+
"action-button": "awsui_action-button_mx3cw_1vuka_326",
|
|
16
|
+
"alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1vuka_330",
|
|
17
|
+
"text": "awsui_text_mx3cw_1vuka_361",
|
|
18
|
+
"icon": "awsui_icon_mx3cw_1vuka_368",
|
|
19
|
+
"message": "awsui_message_mx3cw_1vuka_371",
|
|
20
|
+
"action-wrapped": "awsui_action-wrapped_mx3cw_1vuka_375",
|
|
21
|
+
"icon-size-medium": "awsui_icon-size-medium_mx3cw_1vuka_379",
|
|
22
|
+
"icon-size-big": "awsui_icon-size-big_mx3cw_1vuka_383",
|
|
23
|
+
"icon-size-normal": "awsui_icon-size-normal_mx3cw_1vuka_387",
|
|
24
|
+
"content": "awsui_content_mx3cw_1vuka_391",
|
|
25
|
+
"content-replacement": "awsui_content-replacement_mx3cw_1vuka_392",
|
|
26
|
+
"dismiss": "awsui_dismiss_mx3cw_1vuka_396",
|
|
27
|
+
"dismiss-button": "awsui_dismiss-button_mx3cw_1vuka_401",
|
|
28
|
+
"type-error": "awsui_type-error_mx3cw_1vuka_405",
|
|
29
|
+
"type-warning": "awsui_type-warning_mx3cw_1vuka_413",
|
|
30
|
+
"type-success": "awsui_type-success_mx3cw_1vuka_421",
|
|
31
|
+
"type-info": "awsui_type-info_mx3cw_1vuka_429"
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"annotation": "
|
|
5
|
-
"next-button": "awsui_next-
|
|
6
|
-
"previous-button": "awsui_previous-
|
|
7
|
-
"finish-button": "awsui_finish-
|
|
8
|
-
"header": "
|
|
9
|
-
"step-counter-content": "awsui_step-counter-
|
|
10
|
-
"content": "
|
|
11
|
-
"description": "
|
|
12
|
-
"actionBar": "
|
|
13
|
-
"stepCounter": "
|
|
14
|
-
"divider": "
|
|
15
|
-
"hotspot": "
|
|
16
|
-
"icon": "
|
|
4
|
+
"annotation": "awsui_annotation_1hpp3_1o897_185",
|
|
5
|
+
"next-button": "awsui_next-button_1hpp3_1o897_186",
|
|
6
|
+
"previous-button": "awsui_previous-button_1hpp3_1o897_187",
|
|
7
|
+
"finish-button": "awsui_finish-button_1hpp3_1o897_188",
|
|
8
|
+
"header": "awsui_header_1hpp3_1o897_189",
|
|
9
|
+
"step-counter-content": "awsui_step-counter-content_1hpp3_1o897_190",
|
|
10
|
+
"content": "awsui_content_1hpp3_1o897_191",
|
|
11
|
+
"description": "awsui_description_1hpp3_1o897_195",
|
|
12
|
+
"actionBar": "awsui_actionBar_1hpp3_1o897_200",
|
|
13
|
+
"stepCounter": "awsui_stepCounter_1hpp3_1o897_207",
|
|
14
|
+
"divider": "awsui_divider_1hpp3_1o897_211",
|
|
15
|
+
"hotspot": "awsui_hotspot_1hpp3_1o897_215",
|
|
16
|
+
"icon": "awsui_icon_1hpp3_1o897_286"
|
|
17
17
|
};
|
|
18
18
|
|
|
@@ -182,37 +182,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
182
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
|
-
.
|
|
186
|
-
.awsui_next-
|
|
187
|
-
.awsui_previous-
|
|
188
|
-
.awsui_finish-
|
|
189
|
-
.
|
|
190
|
-
.awsui_step-counter-
|
|
191
|
-
.
|
|
185
|
+
.awsui_annotation_1hpp3_1o897_185:not(#\9),
|
|
186
|
+
.awsui_next-button_1hpp3_1o897_186:not(#\9),
|
|
187
|
+
.awsui_previous-button_1hpp3_1o897_187:not(#\9),
|
|
188
|
+
.awsui_finish-button_1hpp3_1o897_188:not(#\9),
|
|
189
|
+
.awsui_header_1hpp3_1o897_189:not(#\9),
|
|
190
|
+
.awsui_step-counter-content_1hpp3_1o897_190:not(#\9),
|
|
191
|
+
.awsui_content_1hpp3_1o897_191:not(#\9) {
|
|
192
192
|
/* used in test-utils */
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
-
.
|
|
195
|
+
.awsui_description_1hpp3_1o897_195:not(#\9) {
|
|
196
196
|
overflow: hidden;
|
|
197
197
|
margin-block-start: var(--space-xxs-hwfkai, 4px);
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
.
|
|
200
|
+
.awsui_actionBar_1hpp3_1o897_200:not(#\9) {
|
|
201
201
|
display: flex;
|
|
202
202
|
justify-content: space-between;
|
|
203
203
|
align-items: center;
|
|
204
204
|
position: relative;
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
-
.
|
|
207
|
+
.awsui_stepCounter_1hpp3_1o897_207:not(#\9) {
|
|
208
208
|
margin-inline-end: 20px;
|
|
209
209
|
}
|
|
210
210
|
|
|
211
|
-
.
|
|
211
|
+
.awsui_divider_1hpp3_1o897_211:not(#\9) {
|
|
212
212
|
border-block-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
-
.
|
|
215
|
+
.awsui_hotspot_1hpp3_1o897_215:not(#\9) {
|
|
216
216
|
border-collapse: separate;
|
|
217
217
|
border-spacing: 0;
|
|
218
218
|
box-sizing: border-box;
|
|
@@ -248,28 +248,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
248
248
|
padding-block: 0;
|
|
249
249
|
padding-inline: 0;
|
|
250
250
|
cursor: pointer;
|
|
251
|
-
scroll-margin: var(--awsui-content-scroll-margin-
|
|
251
|
+
scroll-margin: var(--awsui-content-scroll-margin-c5ek4l, 40px 0 0 0);
|
|
252
252
|
position: relative;
|
|
253
253
|
inline-size: 16px;
|
|
254
254
|
block-size: 16px;
|
|
255
255
|
}
|
|
256
|
-
.
|
|
256
|
+
.awsui_hotspot_1hpp3_1o897_215:not(#\9):before {
|
|
257
257
|
content: "";
|
|
258
258
|
position: absolute;
|
|
259
259
|
inset: calc(-1 * var(--space-xxs-hwfkai, 4px));
|
|
260
260
|
z-index: 1;
|
|
261
261
|
}
|
|
262
|
-
.
|
|
262
|
+
.awsui_hotspot_1hpp3_1o897_215:not(#\9):focus {
|
|
263
263
|
outline: none;
|
|
264
264
|
}
|
|
265
|
-
body[data-awsui-focus-visible=true] .
|
|
265
|
+
body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1o897_215:not(#\9):focus {
|
|
266
266
|
position: relative;
|
|
267
267
|
}
|
|
268
|
-
body[data-awsui-focus-visible=true] .
|
|
268
|
+
body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1o897_215:not(#\9):focus {
|
|
269
269
|
outline: 2px dotted transparent;
|
|
270
270
|
outline-offset: calc(2px - 1px);
|
|
271
271
|
}
|
|
272
|
-
body[data-awsui-focus-visible=true] .
|
|
272
|
+
body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1o897_215:not(#\9):focus::before {
|
|
273
273
|
content: " ";
|
|
274
274
|
display: block;
|
|
275
275
|
position: absolute;
|
|
@@ -283,13 +283,13 @@ body[data-awsui-focus-visible=true] .awsui_hotspot_1hpp3_1rcws_215:not(#\9):focu
|
|
|
283
283
|
border-end-end-radius: var(--border-radius-control-circular-focus-ring-yjhscw, 4px);
|
|
284
284
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
285
285
|
}
|
|
286
|
-
.
|
|
286
|
+
.awsui_hotspot_1hpp3_1o897_215 > .awsui_icon_1hpp3_1o897_286:not(#\9) {
|
|
287
287
|
position: relative;
|
|
288
288
|
stroke: var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0);
|
|
289
289
|
}
|
|
290
|
-
.
|
|
290
|
+
.awsui_hotspot_1hpp3_1o897_215:not(#\9):hover > .awsui_icon_1hpp3_1o897_286 {
|
|
291
291
|
stroke: var(--color-text-tutorial-hotspot-hover-92pxog, #002b66);
|
|
292
292
|
}
|
|
293
|
-
.
|
|
293
|
+
.awsui_hotspot_1hpp3_1o897_215:not(#\9):active > .awsui_icon_1hpp3_1o897_286 {
|
|
294
294
|
stroke: var(--color-text-tutorial-hotspot-default-xfv3ow, #006ce0);
|
|
295
295
|
}
|
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"annotation": "
|
|
6
|
-
"next-button": "awsui_next-
|
|
7
|
-
"previous-button": "awsui_previous-
|
|
8
|
-
"finish-button": "awsui_finish-
|
|
9
|
-
"header": "
|
|
10
|
-
"step-counter-content": "awsui_step-counter-
|
|
11
|
-
"content": "
|
|
12
|
-
"description": "
|
|
13
|
-
"actionBar": "
|
|
14
|
-
"stepCounter": "
|
|
15
|
-
"divider": "
|
|
16
|
-
"hotspot": "
|
|
17
|
-
"icon": "
|
|
5
|
+
"annotation": "awsui_annotation_1hpp3_1o897_185",
|
|
6
|
+
"next-button": "awsui_next-button_1hpp3_1o897_186",
|
|
7
|
+
"previous-button": "awsui_previous-button_1hpp3_1o897_187",
|
|
8
|
+
"finish-button": "awsui_finish-button_1hpp3_1o897_188",
|
|
9
|
+
"header": "awsui_header_1hpp3_1o897_189",
|
|
10
|
+
"step-counter-content": "awsui_step-counter-content_1hpp3_1o897_190",
|
|
11
|
+
"content": "awsui_content_1hpp3_1o897_191",
|
|
12
|
+
"description": "awsui_description_1hpp3_1o897_195",
|
|
13
|
+
"actionBar": "awsui_actionBar_1hpp3_1o897_200",
|
|
14
|
+
"stepCounter": "awsui_stepCounter_1hpp3_1o897_207",
|
|
15
|
+
"divider": "awsui_divider_1hpp3_1o897_211",
|
|
16
|
+
"hotspot": "awsui_hotspot_1hpp3_1o897_215",
|
|
17
|
+
"icon": "awsui_icon_1hpp3_1o897_286"
|
|
18
18
|
};
|
|
19
19
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"notifications": "
|
|
5
|
-
"notifications-sticky": "awsui_notifications-
|
|
6
|
-
"no-content-paddings": "awsui_no-content-
|
|
4
|
+
"notifications": "awsui_notifications_1hmm4_bgqmz_9",
|
|
5
|
+
"notifications-sticky": "awsui_notifications-sticky_1hmm4_bgqmz_10",
|
|
6
|
+
"no-content-paddings": "awsui_no-content-paddings_1hmm4_bgqmz_25"
|
|
7
7
|
};
|
|
8
8
|
|
|
@@ -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
|
-
.
|
|
10
|
-
.awsui_notifications-
|
|
9
|
+
.awsui_notifications_1hmm4_bgqmz_9:not(#\9),
|
|
10
|
+
.awsui_notifications-sticky_1hmm4_bgqmz_10:not(#\9) {
|
|
11
11
|
z-index: 850;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.
|
|
14
|
+
.awsui_notifications_1hmm4_bgqmz_9:not(#\9) {
|
|
15
15
|
/* This is necessary for the z-index to have effect */
|
|
16
16
|
position: relative;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.awsui_notifications-
|
|
19
|
+
.awsui_notifications-sticky_1hmm4_bgqmz_10:not(#\9) {
|
|
20
20
|
inset-block-start: 0;
|
|
21
21
|
position: sticky;
|
|
22
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
22
|
+
--awsui-flashbar-sticky-bottom-margin-c5ek4l: var(--space-xxl-32srm4, 32px);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.awsui_no-content-
|
|
25
|
+
.awsui_no-content-paddings_1hmm4_bgqmz_25:not(#\9) {
|
|
26
26
|
/*
|
|
27
27
|
When using the disableContentPaddings option, the Flashbar will use this custom property to add additional space
|
|
28
28
|
when the notification bar is rendered, to prevent it from overlapping the content.
|
|
29
29
|
*/
|
|
30
|
-
--awsui-stacked-notifications-bottom-margin-
|
|
30
|
+
--awsui-stacked-notifications-bottom-margin-c5ek4l: var(--space-scaled-l-sej05l, 20px);
|
|
31
31
|
}
|