@cloudscape-design/components 3.0.1071 → 3.0.1073
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 +0 -16
- 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 +46 -46
- package/alert/styles.selectors.js +27 -27
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +32 -32
- package/annotation-context/annotation/styles.selectors.js +24 -24
- 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 +17 -17
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +39 -39
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +17 -17
- 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 +23 -23
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +46 -46
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +23 -23
- 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/badge/interfaces.d.ts +0 -9
- 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 +6 -12
- package/button/interfaces.d.ts.map +1 -1
- package/button/interfaces.js.map +1 -1
- package/button/style.d.ts.map +1 -1
- package/button/style.js +17 -12
- package/button/style.js.map +1 -1
- package/button/styles.css.js +22 -22
- package/button/styles.scoped.css +256 -212
- package/button/styles.selectors.js +22 -22
- package/button-dropdown/item-element/styles.css.js +16 -16
- package/button-dropdown/item-element/styles.scoped.css +27 -27
- package/button-dropdown/item-element/styles.selectors.js +16 -16
- package/button-group/index.d.ts.map +1 -1
- package/button-group/index.js +11 -44
- package/button-group/interfaces.d.ts +41 -1
- package/button-group/interfaces.d.ts.map +1 -1
- package/button-group/interfaces.js.map +1 -1
- package/button-group/internal-do-not-use-core.js +51 -0
- package/button-group/internal-do-not-use-core.js.map +1 -0
- package/button-group/internal.d.ts.map +1 -1
- package/button-group/internal.js +5 -3
- package/button-group/internal.js.map +1 -1
- package/button-group/item-element.d.ts +1 -0
- package/button-group/item-element.d.ts.map +1 -1
- package/button-group/item-element.js +4 -2
- package/button-group/item-element.js.map +1 -1
- package/button-group/style.d.ts +12 -0
- package/button-group/style.d.ts.map +1 -0
- package/button-group/style.js +37 -0
- package/button-group/style.js.map +1 -0
- package/checkbox/interfaces.d.ts +0 -1
- 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 +0 -15
- 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-range-picker/time-offset.js +3 -3
- package/date-range-picker/time-offset.js.map +1 -1
- package/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/flashbar/collapsible-flashbar.js +3 -5
- package/flashbar/collapsible-flashbar.js.map +1 -1
- package/flashbar/common.d.ts.map +1 -1
- package/flashbar/common.js +2 -5
- package/flashbar/common.js.map +1 -1
- package/flashbar/flash.d.ts +1 -1
- package/flashbar/flash.d.ts.map +1 -1
- package/flashbar/flash.js +4 -2
- package/flashbar/flash.js.map +1 -1
- package/flashbar/interfaces.d.ts +0 -24
- 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/flashbar/utils.d.ts +1 -1
- package/flashbar/utils.d.ts.map +1 -1
- package/flashbar/utils.js +1 -1
- package/flashbar/utils.js.map +1 -1
- 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/internal/base-component/styles.scoped.css +1 -1
- package/internal/components/drag-handle-wrapper/styles.css.js +21 -21
- package/internal/components/drag-handle-wrapper/styles.scoped.css +44 -44
- package/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +38 -38
- package/internal/components/dropdown/styles.selectors.js +20 -20
- 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 +4 -0
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +83 -79
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/date-time/format-time-offset.d.ts +11 -0
- package/internal/utils/date-time/format-time-offset.d.ts.map +1 -1
- package/internal/utils/date-time/format-time-offset.js +17 -0
- package/internal/utils/date-time/format-time-offset.js.map +1 -1
- package/internal/utils/date-time/index.d.ts +1 -1
- package/internal/utils/date-time/index.d.ts.map +1 -1
- package/internal/utils/date-time/index.js +1 -1
- package/internal/utils/date-time/index.js.map +1 -1
- package/link/interfaces.d.ts +0 -6
- 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/package.json +1 -1
- package/radio-group/interfaces.d.ts +0 -1
- package/radio-group/interfaces.d.ts.map +1 -1
- package/radio-group/interfaces.js.map +1 -1
- package/radio-group/styles.css.js +10 -10
- package/radio-group/styles.scoped.css +22 -22
- package/radio-group/styles.selectors.js +10 -10
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +86 -86
- 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/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/toggle/interfaces.d.ts +0 -1
- 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/button-group/index.js.map +0 -1
package/alert/interfaces.d.ts
CHANGED
|
@@ -119,22 +119,6 @@ export interface AlertProps extends BaseComponentProps {
|
|
|
119
119
|
*/
|
|
120
120
|
analyticsMetadata?: AlertProps.AnalyticsMetadata;
|
|
121
121
|
/**
|
|
122
|
-
* Specifies an object of selectors and properties that are used to apply custom styles.
|
|
123
|
-
*
|
|
124
|
-
* - `root.background` (string) - (Optional) Background for alert.
|
|
125
|
-
* - `root.borderColor` (string) - (Optional) Border color for alert.
|
|
126
|
-
* - `root.borderRadius` (string) - (Optional) Alert border radius.
|
|
127
|
-
* - `root.borderWidth` (string) - (Optional) Alert border width.
|
|
128
|
-
* - `root.color` (string) - (Optional) Text color for alert.
|
|
129
|
-
* - `root.focusRing.borderColor` (string) - (Optional) Alert focus ring border color.
|
|
130
|
-
* - `root.focusRing.borderRadius` (string) - (Optional) Alert button focus ring border radius.
|
|
131
|
-
* - `root.focusRing.borderWidth` (string) - (Optional) Alert button focus ring border width.
|
|
132
|
-
* - `dismissButton.color.active` (string) - (Optional) Color for dismiss button active state.
|
|
133
|
-
* - `dismissButton.color.default` (string) - (Optional) Color for dismiss button default state.
|
|
134
|
-
* - `dismissButton.color.hover` (string) - (Optional) Color for dismiss button hover state.
|
|
135
|
-
* - `dismissButton.focusRing.borderColor` (string) - (Optional) Dismiss button focus ring border color.
|
|
136
|
-
* - `dismissButton.focusRing.borderRadius` (string) - (Optional) Dismiss button focus ring border radius.
|
|
137
|
-
* - `dismissButton.focusRing.borderWidth` (string) - (Optional) Dismiss button focus ring border width.
|
|
138
122
|
* @awsuiSystem core
|
|
139
123
|
*/
|
|
140
124
|
}
|
|
@@ -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,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;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":"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,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;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;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC;CAC1B"}
|
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 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}\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 *
|
|
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 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}\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"]}
|
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_10dr6_193",
|
|
5
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_10dr6_1",
|
|
6
|
+
"root": "awsui_root_mx3cw_10dr6_215",
|
|
7
|
+
"hidden": "awsui_hidden_mx3cw_10dr6_250",
|
|
8
|
+
"alert-wrapper": "awsui_alert-wrapper_mx3cw_10dr6_299",
|
|
9
|
+
"initial-hidden": "awsui_initial-hidden_mx3cw_10dr6_311",
|
|
10
|
+
"header": "awsui_header_mx3cw_10dr6_316",
|
|
11
|
+
"header-replacement": "awsui_header-replacement_mx3cw_10dr6_317",
|
|
12
|
+
"action": "awsui_action_mx3cw_10dr6_321",
|
|
13
|
+
"action-slot": "awsui_action-slot_mx3cw_10dr6_325",
|
|
14
|
+
"action-button": "awsui_action-button_mx3cw_10dr6_326",
|
|
15
|
+
"alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_10dr6_330",
|
|
16
|
+
"text": "awsui_text_mx3cw_10dr6_361",
|
|
17
|
+
"icon": "awsui_icon_mx3cw_10dr6_368",
|
|
18
|
+
"message": "awsui_message_mx3cw_10dr6_371",
|
|
19
|
+
"action-wrapped": "awsui_action-wrapped_mx3cw_10dr6_375",
|
|
20
|
+
"icon-size-medium": "awsui_icon-size-medium_mx3cw_10dr6_379",
|
|
21
|
+
"icon-size-big": "awsui_icon-size-big_mx3cw_10dr6_383",
|
|
22
|
+
"icon-size-normal": "awsui_icon-size-normal_mx3cw_10dr6_387",
|
|
23
|
+
"content": "awsui_content_mx3cw_10dr6_391",
|
|
24
|
+
"content-replacement": "awsui_content-replacement_mx3cw_10dr6_392",
|
|
25
|
+
"dismiss": "awsui_dismiss_mx3cw_10dr6_396",
|
|
26
|
+
"dismiss-button": "awsui_dismiss-button_mx3cw_10dr6_401",
|
|
27
|
+
"type-error": "awsui_type-error_mx3cw_10dr6_405",
|
|
28
|
+
"type-warning": "awsui_type-warning_mx3cw_10dr6_413",
|
|
29
|
+
"type-success": "awsui_type-success_mx3cw_10dr6_421",
|
|
30
|
+
"type-info": "awsui_type-info_mx3cw_10dr6_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_10dr6_193:not(#\9) {
|
|
194
|
+
animation: awsui_awsui-motion-fade-in_mx3cw_10dr6_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_10dr6_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_10dr6_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_10dr6_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_10dr6_193:not(#\9) {
|
|
211
211
|
animation: none;
|
|
212
212
|
transition: none;
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
-
.
|
|
215
|
+
.awsui_root_mx3cw_10dr6_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_10dr6_215.awsui_hidden_mx3cw_10dr6_250:not(#\9) {
|
|
251
251
|
display: none;
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
-
.
|
|
254
|
+
.awsui_alert_mx3cw_10dr6_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-kiajpc: 0 0 0 var(--awsui-alert-focus-ring-border-width-kiajpc, 2px) var(--awsui-alert-focus-ring-border-color-kiajpc, var(--color-border-item-focused-uk47pl, #006ce0));
|
|
297
297
|
}
|
|
298
298
|
|
|
299
|
-
.awsui_alert-
|
|
299
|
+
.awsui_alert-wrapper_mx3cw_10dr6_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_10dr6_250:not(#\9) {
|
|
308
308
|
display: none;
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
.awsui_initial-
|
|
311
|
+
.awsui_initial-hidden_mx3cw_10dr6_311:not(#\9) {
|
|
312
312
|
overflow: hidden;
|
|
313
313
|
block-size: 0;
|
|
314
314
|
}
|
|
315
315
|
|
|
316
|
-
.
|
|
317
|
-
.awsui_header-
|
|
316
|
+
.awsui_header_mx3cw_10dr6_316:not(#\9),
|
|
317
|
+
.awsui_header-replacement_mx3cw_10dr6_317:not(#\9) {
|
|
318
318
|
font-weight: 700;
|
|
319
319
|
}
|
|
320
320
|
|
|
321
|
-
.
|
|
321
|
+
.awsui_action_mx3cw_10dr6_321:not(#\9) {
|
|
322
322
|
white-space: nowrap;
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
-
.awsui_action-
|
|
326
|
-
.awsui_action-
|
|
325
|
+
.awsui_action-slot_mx3cw_10dr6_325:not(#\9),
|
|
326
|
+
.awsui_action-button_mx3cw_10dr6_326:not(#\9) {
|
|
327
327
|
/* used in test-utils */
|
|
328
328
|
}
|
|
329
329
|
|
|
330
|
-
.awsui_alert-focus-
|
|
330
|
+
.awsui_alert-focus-wrapper_mx3cw_10dr6_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_10dr6_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_10dr6_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_10dr6_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_10dr6_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_10rwy_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-kiajpc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
|
|
355
|
+
border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
|
|
356
|
+
border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
|
|
357
|
+
border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-kiajpc, var(--border-radius-control-default-focus-ring-1uabki, 4px));
|
|
358
|
+
box-shadow: var(--awsui-alert-focus-ring-box-shadow-kiajpc);
|
|
359
359
|
}
|
|
360
360
|
|
|
361
|
-
.
|
|
361
|
+
.awsui_text_mx3cw_10dr6_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_10dr6_361.awsui_icon_mx3cw_10dr6_368:not(#\9) {
|
|
369
369
|
margin-inline-start: 0;
|
|
370
370
|
}
|
|
371
|
-
.
|
|
371
|
+
.awsui_text_mx3cw_10dr6_361.awsui_message_mx3cw_10dr6_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_10dr6_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_10dr6_379 > .awsui_alert-wrapper_mx3cw_10dr6_299 > .awsui_action-wrapped_mx3cw_10dr6_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_10dr6_383 > .awsui_alert-wrapper_mx3cw_10dr6_299 > .awsui_action-wrapped_mx3cw_10dr6_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_10dr6_387 > .awsui_alert-wrapper_mx3cw_10dr6_299 > .awsui_action-wrapped_mx3cw_10dr6_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_10dr6_391:not(#\9),
|
|
392
|
+
.awsui_content-replacement_mx3cw_10dr6_392:not(#\9) {
|
|
393
393
|
/* used in test-utils */
|
|
394
394
|
}
|
|
395
395
|
|
|
396
|
-
.
|
|
396
|
+
.awsui_dismiss_mx3cw_10dr6_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_10dr6_401:not(#\9) {
|
|
402
402
|
/* used in test-utils */
|
|
403
403
|
}
|
|
404
404
|
|
|
405
|
-
.awsui_type-
|
|
405
|
+
.awsui_type-error_mx3cw_10dr6_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-
|
|
409
|
+
.awsui_type-error_mx3cw_10dr6_405 > .awsui_alert-wrapper_mx3cw_10dr6_299 > .awsui_alert-focus-wrapper_mx3cw_10dr6_330 > .awsui_icon_mx3cw_10dr6_368:not(#\9) {
|
|
410
410
|
color: var(--color-text-status-error-ksqavh, #db0000);
|
|
411
411
|
}
|
|
412
412
|
|
|
413
|
-
.awsui_type-
|
|
413
|
+
.awsui_type-warning_mx3cw_10dr6_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-
|
|
417
|
+
.awsui_type-warning_mx3cw_10dr6_413 > .awsui_alert-wrapper_mx3cw_10dr6_299 > .awsui_alert-focus-wrapper_mx3cw_10dr6_330 > .awsui_icon_mx3cw_10dr6_368:not(#\9) {
|
|
418
418
|
color: var(--color-text-status-warning-6meo06, #855900);
|
|
419
419
|
}
|
|
420
420
|
|
|
421
|
-
.awsui_type-
|
|
421
|
+
.awsui_type-success_mx3cw_10dr6_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-
|
|
425
|
+
.awsui_type-success_mx3cw_10dr6_421 > .awsui_alert-wrapper_mx3cw_10dr6_299 > .awsui_alert-focus-wrapper_mx3cw_10dr6_330 > .awsui_icon_mx3cw_10dr6_368:not(#\9) {
|
|
426
426
|
color: var(--color-text-status-success-ybmii8, #00802f);
|
|
427
427
|
}
|
|
428
428
|
|
|
429
|
-
.awsui_type-
|
|
429
|
+
.awsui_type-info_mx3cw_10dr6_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-
|
|
433
|
+
.awsui_type-info_mx3cw_10dr6_429 > .awsui_alert-wrapper_mx3cw_10dr6_299 > .awsui_alert-focus-wrapper_mx3cw_10dr6_330 > .awsui_icon_mx3cw_10dr6_368:not(#\9) {
|
|
434
434
|
color: 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_10dr6_193",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_10dr6_1",
|
|
7
|
+
"root": "awsui_root_mx3cw_10dr6_215",
|
|
8
|
+
"hidden": "awsui_hidden_mx3cw_10dr6_250",
|
|
9
|
+
"alert-wrapper": "awsui_alert-wrapper_mx3cw_10dr6_299",
|
|
10
|
+
"initial-hidden": "awsui_initial-hidden_mx3cw_10dr6_311",
|
|
11
|
+
"header": "awsui_header_mx3cw_10dr6_316",
|
|
12
|
+
"header-replacement": "awsui_header-replacement_mx3cw_10dr6_317",
|
|
13
|
+
"action": "awsui_action_mx3cw_10dr6_321",
|
|
14
|
+
"action-slot": "awsui_action-slot_mx3cw_10dr6_325",
|
|
15
|
+
"action-button": "awsui_action-button_mx3cw_10dr6_326",
|
|
16
|
+
"alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_10dr6_330",
|
|
17
|
+
"text": "awsui_text_mx3cw_10dr6_361",
|
|
18
|
+
"icon": "awsui_icon_mx3cw_10dr6_368",
|
|
19
|
+
"message": "awsui_message_mx3cw_10dr6_371",
|
|
20
|
+
"action-wrapped": "awsui_action-wrapped_mx3cw_10dr6_375",
|
|
21
|
+
"icon-size-medium": "awsui_icon-size-medium_mx3cw_10dr6_379",
|
|
22
|
+
"icon-size-big": "awsui_icon-size-big_mx3cw_10dr6_383",
|
|
23
|
+
"icon-size-normal": "awsui_icon-size-normal_mx3cw_10dr6_387",
|
|
24
|
+
"content": "awsui_content_mx3cw_10dr6_391",
|
|
25
|
+
"content-replacement": "awsui_content-replacement_mx3cw_10dr6_392",
|
|
26
|
+
"dismiss": "awsui_dismiss_mx3cw_10dr6_396",
|
|
27
|
+
"dismiss-button": "awsui_dismiss-button_mx3cw_10dr6_401",
|
|
28
|
+
"type-error": "awsui_type-error_mx3cw_10dr6_405",
|
|
29
|
+
"type-warning": "awsui_type-warning_mx3cw_10dr6_413",
|
|
30
|
+
"type-success": "awsui_type-success_mx3cw_10dr6_421",
|
|
31
|
+
"type-info": "awsui_type-info_mx3cw_10dr6_429"
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"arrow": "
|
|
5
|
-
"arrow-outer": "awsui_arrow-
|
|
6
|
-
"arrow-inner": "awsui_arrow-
|
|
7
|
-
"arrow-position-right-top": "awsui_arrow-position-right-
|
|
8
|
-
"arrow-position-right-bottom": "awsui_arrow-position-right-
|
|
9
|
-
"arrow-position-left-top": "awsui_arrow-position-left-
|
|
10
|
-
"arrow-position-left-bottom": "awsui_arrow-position-left-
|
|
11
|
-
"arrow-position-top-center": "awsui_arrow-position-top-
|
|
12
|
-
"arrow-position-top-responsive": "awsui_arrow-position-top-
|
|
13
|
-
"arrow-position-bottom-center": "awsui_arrow-position-bottom-
|
|
14
|
-
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-
|
|
15
|
-
"annotation": "
|
|
16
|
-
"next-button": "awsui_next-
|
|
17
|
-
"previous-button": "awsui_previous-
|
|
18
|
-
"finish-button": "awsui_finish-
|
|
19
|
-
"header": "
|
|
20
|
-
"step-counter-content": "awsui_step-counter-
|
|
21
|
-
"content": "
|
|
22
|
-
"description": "
|
|
23
|
-
"actionBar": "
|
|
24
|
-
"stepCounter": "
|
|
25
|
-
"divider": "
|
|
26
|
-
"hotspot": "
|
|
27
|
-
"icon": "
|
|
4
|
+
"arrow": "awsui_arrow_1hpp3_1l1rw_193",
|
|
5
|
+
"arrow-outer": "awsui_arrow-outer_1hpp3_1l1rw_197",
|
|
6
|
+
"arrow-inner": "awsui_arrow-inner_1hpp3_1l1rw_197",
|
|
7
|
+
"arrow-position-right-top": "awsui_arrow-position-right-top_1hpp3_1l1rw_239",
|
|
8
|
+
"arrow-position-right-bottom": "awsui_arrow-position-right-bottom_1hpp3_1l1rw_239",
|
|
9
|
+
"arrow-position-left-top": "awsui_arrow-position-left-top_1hpp3_1l1rw_242",
|
|
10
|
+
"arrow-position-left-bottom": "awsui_arrow-position-left-bottom_1hpp3_1l1rw_242",
|
|
11
|
+
"arrow-position-top-center": "awsui_arrow-position-top-center_1hpp3_1l1rw_245",
|
|
12
|
+
"arrow-position-top-responsive": "awsui_arrow-position-top-responsive_1hpp3_1l1rw_245",
|
|
13
|
+
"arrow-position-bottom-center": "awsui_arrow-position-bottom-center_1hpp3_1l1rw_248",
|
|
14
|
+
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_1hpp3_1l1rw_248",
|
|
15
|
+
"annotation": "awsui_annotation_1hpp3_1l1rw_252",
|
|
16
|
+
"next-button": "awsui_next-button_1hpp3_1l1rw_253",
|
|
17
|
+
"previous-button": "awsui_previous-button_1hpp3_1l1rw_254",
|
|
18
|
+
"finish-button": "awsui_finish-button_1hpp3_1l1rw_255",
|
|
19
|
+
"header": "awsui_header_1hpp3_1l1rw_256",
|
|
20
|
+
"step-counter-content": "awsui_step-counter-content_1hpp3_1l1rw_257",
|
|
21
|
+
"content": "awsui_content_1hpp3_1l1rw_258",
|
|
22
|
+
"description": "awsui_description_1hpp3_1l1rw_262",
|
|
23
|
+
"actionBar": "awsui_actionBar_1hpp3_1l1rw_267",
|
|
24
|
+
"stepCounter": "awsui_stepCounter_1hpp3_1l1rw_274",
|
|
25
|
+
"divider": "awsui_divider_1hpp3_1l1rw_278",
|
|
26
|
+
"hotspot": "awsui_hotspot_1hpp3_1l1rw_282",
|
|
27
|
+
"icon": "awsui_icon_1hpp3_1l1rw_352"
|
|
28
28
|
};
|
|
29
29
|
|