@cloudscape-design/components-themeable 3.0.1074 → 3.0.1076

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.
Files changed (97) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/alert/styles.scss +5 -5
  3. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +80 -76
  4. package/lib/internal/template/alert/style.js +3 -3
  5. package/lib/internal/template/alert/style.js.map +1 -1
  6. package/lib/internal/template/alert/styles.css.js +27 -27
  7. package/lib/internal/template/alert/styles.scoped.css +46 -46
  8. package/lib/internal/template/alert/styles.selectors.js +27 -27
  9. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  10. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -32
  11. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  12. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  13. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  14. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  15. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  16. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  17. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +17 -17
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +39 -39
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +17 -17
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/index.d.ts.map +1 -1
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js +2 -2
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/index.js.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  27. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.d.ts.map +1 -1
  28. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js +1 -0
  29. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/index.js.map +1 -1
  30. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +23 -23
  31. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +46 -46
  32. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +23 -23
  33. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  34. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  35. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  36. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  37. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  38. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  39. package/lib/internal/template/button/styles.css.js +22 -22
  40. package/lib/internal/template/button/styles.scoped.css +212 -212
  41. package/lib/internal/template/button/styles.selectors.js +22 -22
  42. package/lib/internal/template/button-dropdown/item-element/styles.css.js +16 -16
  43. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +27 -27
  44. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +16 -16
  45. package/lib/internal/template/checkbox/styles.css.js +3 -3
  46. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  47. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  48. package/lib/internal/template/content-layout/styles.css.js +14 -14
  49. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  50. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  51. package/lib/internal/template/flashbar/styles.css.js +50 -50
  52. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  53. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  54. package/lib/internal/template/help-panel/styles.css.js +6 -6
  55. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  56. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  57. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  58. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +21 -21
  59. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +44 -44
  60. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
  61. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  62. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -38
  63. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  64. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  65. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  66. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  67. package/lib/internal/template/internal/environment.js +2 -2
  68. package/lib/internal/template/internal/environment.json +2 -2
  69. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +4 -0
  70. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  71. package/lib/internal/template/internal/generated/custom-css-properties/index.js +79 -75
  72. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  73. package/lib/internal/template/link/styles.css.js +20 -20
  74. package/lib/internal/template/link/styles.scoped.css +103 -103
  75. package/lib/internal/template/link/styles.selectors.js +20 -20
  76. package/lib/internal/template/property-filter/interfaces.d.ts +2 -1
  77. package/lib/internal/template/property-filter/interfaces.d.ts.map +1 -1
  78. package/lib/internal/template/property-filter/interfaces.js.map +1 -1
  79. package/lib/internal/template/radio-group/styles.css.js +10 -10
  80. package/lib/internal/template/radio-group/styles.scoped.css +22 -22
  81. package/lib/internal/template/radio-group/styles.selectors.js +10 -10
  82. package/lib/internal/template/slider/styles.css.js +26 -26
  83. package/lib/internal/template/slider/styles.scoped.css +86 -86
  84. package/lib/internal/template/slider/styles.selectors.js +26 -26
  85. package/lib/internal/template/spinner/styles.css.js +13 -13
  86. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  87. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  88. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  89. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  90. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  91. package/lib/internal/template/text-content/styles.css.js +1 -1
  92. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  93. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  94. package/lib/internal/template/toggle/styles.css.js +10 -10
  95. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  96. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  97. package/package.json +1 -1
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "77f8676d3292eaebae045452f8599e72cb95cfd3"
2
+ "commit": "9dea6b568b8e1fccd5a2cacdc4776a446916f1f9"
3
3
  }
@@ -37,9 +37,9 @@
37
37
  padding-inline: awsui.$space-alert-horizontal;
38
38
  background-color: awsui.$color-background-container-content;
39
39
 
40
- #{custom-props.$styleFocusRingBoxShadow}: 0 0 0
41
- var(#{custom-props.$styleFocusRingBorderWidth}, foundation.$box-shadow-focused-width)
42
- var(#{custom-props.$styleFocusRingBorderColor}, awsui.$color-border-item-focused);
40
+ #{custom-props.$alertFocusRingBoxShadow}: 0 0 0
41
+ var(#{custom-props.$alertFocusRingBorderWidth}, foundation.$box-shadow-focused-width)
42
+ var(#{custom-props.$alertFocusRingBorderColor}, awsui.$color-border-item-focused);
43
43
  }
44
44
 
45
45
  .alert-wrapper {
@@ -85,8 +85,8 @@
85
85
  @include focus-visible.when-visible {
86
86
  @include styles.focus-highlight(
87
87
  $gutter: awsui.$space-button-focus-outline-gutter,
88
- $border-radius: var(#{custom-props.$styleFocusRingBorderRadius}, awsui.$border-radius-control-default-focus-ring),
89
- $box-shadow: var(#{custom-props.$styleFocusRingBoxShadow})
88
+ $border-radius: var(#{custom-props.$alertFocusRingBorderRadius}, awsui.$border-radius-control-default-focus-ring),
89
+ $box-shadow: var(#{custom-props.$alertFocusRingBoxShadow})
90
90
  );
91
91
  }
92
92
  }
@@ -1,80 +1,84 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "77f8676d";
3
+ $awsui-commit-hash: "9dea6b56";
4
4
  // Manually managed CSS-variables
5
- $maxContentWidth: --awsui-max-content-width-kcc2gu;
6
- $minContentWidth: --awsui-min-content-width-kcc2gu;
7
- $breadcrumbsGap: --awsui-breadcrumbs-gap-kcc2gu;
8
- $contentGapLeft: --awsui-content-gap-left-kcc2gu;
9
- $contentGapRight: --awsui-content-gap-right-kcc2gu;
10
- $contentHeight: --awsui-content-height-kcc2gu;
11
- $contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-kcc2gu;
12
- $contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-kcc2gu;
13
- $contentLayoutMainGap: --awsui-content-layout-main-gap-kcc2gu;
14
- $defaultMaxContentWidth: --awsui-default-max-content-width-kcc2gu;
15
- $defaultMinContentWidth: --awsui-default-min-content-width-kcc2gu;
16
- $drawerSize: --awsui-drawer-size-kcc2gu;
17
- $footerHeight: --awsui-footer-height-kcc2gu;
18
- $headerGap: --awsui-header-gap-kcc2gu;
19
- $headerHeight: --awsui-header-height-kcc2gu;
20
- $layoutWidth: --awsui-layout-width-kcc2gu;
21
- $mainGap: --awsui-main-gap-kcc2gu;
22
- $mainOffsetLeft: --awsui-main-offset-left-kcc2gu;
23
- $mainTemplateRows: --awsui-main-template-rows-kcc2gu;
24
- $mobileBarHeight: --awsui-mobile-bar-height-kcc2gu;
25
- $notificationsHeight: --awsui-notifications-height-kcc2gu;
26
- $offsetTop: --awsui-offset-top-kcc2gu;
27
- $overlapHeight: --awsui-overlap-height-kcc2gu;
28
- $navigationWidth: --awsui-navigation-width-kcc2gu;
29
- $splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-kcc2gu;
30
- $splitPanelReportedSize: --awsui-split-panel-reported-size-kcc2gu;
31
- $splitPanelHeight: --awsui-split-panel-height-kcc2gu;
32
- $splitPanelMinWidth: --awsui-split-panel-min-width-kcc2gu;
33
- $splitPanelMaxWidth: --awsui-split-panel-max-width-kcc2gu;
34
- $toolsMaxWidth: --awsui-tools-max-width-kcc2gu;
35
- $toolsWidth: --awsui-tools-width-kcc2gu;
36
- $toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-kcc2gu;
37
- $contentScrollMargin: --awsui-content-scroll-margin-kcc2gu;
38
- $flashbarStackDepth: --awsui-flashbar-stack-depth-kcc2gu;
39
- $flashbarStackIndex: --awsui-flashbar-stack-index-kcc2gu;
40
- $flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-kcc2gu;
41
- $stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-kcc2gu;
42
- $stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-kcc2gu;
43
- $dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-kcc2gu;
44
- $spinnerRotatorFrom: --awsui-spinner-rotator-from-kcc2gu;
45
- $spinnerRotatorTo: --awsui-spinner-rotator-to-kcc2gu;
46
- $spinnerLineLeftFrom: --awsui-spinner-line-left-from-kcc2gu;
47
- $spinnerLineLeftTo: --awsui-spinner-line-left-to-kcc2gu;
48
- $spinnerLineRightFrom: --awsui-spinner-line-right-from-kcc2gu;
49
- $spinnerLineRightTo: --awsui-spinner-line-right-to-kcc2gu;
50
- $sliderLabelCount: --awsui-slider-label-count-kcc2gu;
51
- $sliderTickCount: --awsui-slider-tick-count-kcc2gu;
52
- $sliderReferenceColumn: --awsui-slider-reference-column-kcc2gu;
53
- $sliderNextReferenceColumn: --awsui-slider-next-reference-column-kcc2gu;
54
- $sliderMaxStart: --awsui-slider-max-start-kcc2gu;
55
- $sliderMinEnd: --awsui-slider-min-end-kcc2gu;
56
- $sliderRangeInlineSize: --awsui-slider-range-inline-size-kcc2gu;
57
- $sliderTooltipPosition: --awsui-slider-tooltip-position-kcc2gu;
58
- $togglesLeftWidth: --awsui-toggles-left-width-kcc2gu;
59
- $togglesRightWidth: --awsui-toggles-right-width-kcc2gu;
60
- $promptInputMaxRows: --awsui-prompt-input-max-rows-kcc2gu;
61
- $promptInputScrollHeight: --awsui-prompt-input-scroll-height-kcc2gu;
62
- $dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-kcc2gu;
63
- $dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-kcc2gu;
64
- $styleBackgroundActive: --awsui-style-background-active-kcc2gu;
65
- $styleBackgroundDefault: --awsui-style-background-default-kcc2gu;
66
- $styleBackgroundDisabled: --awsui-style-background-disabled-kcc2gu;
67
- $styleBackgroundHover: --awsui-style-background-hover-kcc2gu;
68
- $styleBorderColorActive: --awsui-style-border-color-active-kcc2gu;
69
- $styleBorderColorDefault: --awsui-style-border-color-default-kcc2gu;
70
- $styleBorderColorDisabled: --awsui-style-border-color-disabled-kcc2gu;
71
- $styleBorderColorHover: --awsui-style-border-color-hover-kcc2gu;
72
- $styleColorActive: --awsui-style-color-active-kcc2gu;
73
- $styleColorDefault: --awsui-style-color-default-kcc2gu;
74
- $styleColorDisabled: --awsui-style-color-disabled-kcc2gu;
75
- $styleColorHover: --awsui-style-color-hover-kcc2gu;
76
- $styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-kcc2gu;
77
- $styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-kcc2gu;
78
- $styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-kcc2gu;
79
- $styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-kcc2gu;
5
+ $maxContentWidth: --awsui-max-content-width-mdigke;
6
+ $minContentWidth: --awsui-min-content-width-mdigke;
7
+ $breadcrumbsGap: --awsui-breadcrumbs-gap-mdigke;
8
+ $contentGapLeft: --awsui-content-gap-left-mdigke;
9
+ $contentGapRight: --awsui-content-gap-right-mdigke;
10
+ $contentHeight: --awsui-content-height-mdigke;
11
+ $contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-mdigke;
12
+ $contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-mdigke;
13
+ $contentLayoutMainGap: --awsui-content-layout-main-gap-mdigke;
14
+ $defaultMaxContentWidth: --awsui-default-max-content-width-mdigke;
15
+ $defaultMinContentWidth: --awsui-default-min-content-width-mdigke;
16
+ $drawerSize: --awsui-drawer-size-mdigke;
17
+ $footerHeight: --awsui-footer-height-mdigke;
18
+ $headerGap: --awsui-header-gap-mdigke;
19
+ $headerHeight: --awsui-header-height-mdigke;
20
+ $layoutWidth: --awsui-layout-width-mdigke;
21
+ $mainGap: --awsui-main-gap-mdigke;
22
+ $mainOffsetLeft: --awsui-main-offset-left-mdigke;
23
+ $mainTemplateRows: --awsui-main-template-rows-mdigke;
24
+ $mobileBarHeight: --awsui-mobile-bar-height-mdigke;
25
+ $notificationsHeight: --awsui-notifications-height-mdigke;
26
+ $offsetTop: --awsui-offset-top-mdigke;
27
+ $overlapHeight: --awsui-overlap-height-mdigke;
28
+ $navigationWidth: --awsui-navigation-width-mdigke;
29
+ $splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-mdigke;
30
+ $splitPanelReportedSize: --awsui-split-panel-reported-size-mdigke;
31
+ $splitPanelHeight: --awsui-split-panel-height-mdigke;
32
+ $splitPanelMinWidth: --awsui-split-panel-min-width-mdigke;
33
+ $splitPanelMaxWidth: --awsui-split-panel-max-width-mdigke;
34
+ $toolsMaxWidth: --awsui-tools-max-width-mdigke;
35
+ $toolsWidth: --awsui-tools-width-mdigke;
36
+ $toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-mdigke;
37
+ $contentScrollMargin: --awsui-content-scroll-margin-mdigke;
38
+ $flashbarStackDepth: --awsui-flashbar-stack-depth-mdigke;
39
+ $flashbarStackIndex: --awsui-flashbar-stack-index-mdigke;
40
+ $flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-mdigke;
41
+ $stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-mdigke;
42
+ $stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-mdigke;
43
+ $dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-mdigke;
44
+ $spinnerRotatorFrom: --awsui-spinner-rotator-from-mdigke;
45
+ $spinnerRotatorTo: --awsui-spinner-rotator-to-mdigke;
46
+ $spinnerLineLeftFrom: --awsui-spinner-line-left-from-mdigke;
47
+ $spinnerLineLeftTo: --awsui-spinner-line-left-to-mdigke;
48
+ $spinnerLineRightFrom: --awsui-spinner-line-right-from-mdigke;
49
+ $spinnerLineRightTo: --awsui-spinner-line-right-to-mdigke;
50
+ $sliderLabelCount: --awsui-slider-label-count-mdigke;
51
+ $sliderTickCount: --awsui-slider-tick-count-mdigke;
52
+ $sliderReferenceColumn: --awsui-slider-reference-column-mdigke;
53
+ $sliderNextReferenceColumn: --awsui-slider-next-reference-column-mdigke;
54
+ $sliderMaxStart: --awsui-slider-max-start-mdigke;
55
+ $sliderMinEnd: --awsui-slider-min-end-mdigke;
56
+ $sliderRangeInlineSize: --awsui-slider-range-inline-size-mdigke;
57
+ $sliderTooltipPosition: --awsui-slider-tooltip-position-mdigke;
58
+ $togglesLeftWidth: --awsui-toggles-left-width-mdigke;
59
+ $togglesRightWidth: --awsui-toggles-right-width-mdigke;
60
+ $promptInputMaxRows: --awsui-prompt-input-max-rows-mdigke;
61
+ $promptInputScrollHeight: --awsui-prompt-input-scroll-height-mdigke;
62
+ $dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-mdigke;
63
+ $dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-mdigke;
64
+ $styleBackgroundActive: --awsui-style-background-active-mdigke;
65
+ $styleBackgroundDefault: --awsui-style-background-default-mdigke;
66
+ $styleBackgroundDisabled: --awsui-style-background-disabled-mdigke;
67
+ $styleBackgroundHover: --awsui-style-background-hover-mdigke;
68
+ $styleBorderColorActive: --awsui-style-border-color-active-mdigke;
69
+ $styleBorderColorDefault: --awsui-style-border-color-default-mdigke;
70
+ $styleBorderColorDisabled: --awsui-style-border-color-disabled-mdigke;
71
+ $styleBorderColorHover: --awsui-style-border-color-hover-mdigke;
72
+ $styleColorActive: --awsui-style-color-active-mdigke;
73
+ $styleColorDefault: --awsui-style-color-default-mdigke;
74
+ $styleColorDisabled: --awsui-style-color-disabled-mdigke;
75
+ $styleColorHover: --awsui-style-color-hover-mdigke;
76
+ $styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-mdigke;
77
+ $styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-mdigke;
78
+ $styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-mdigke;
79
+ $styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-mdigke;
80
+ $alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-mdigke;
81
+ $alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-mdigke;
82
+ $alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-mdigke;
83
+ $alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-mdigke;
80
84
 
@@ -8,9 +8,9 @@ export function getAlertStyles(style) {
8
8
  return undefined;
9
9
  }
10
10
  return Object.assign({ background: (_a = style.root) === null || _a === void 0 ? void 0 : _a.background, borderColor: (_b = style.root) === null || _b === void 0 ? void 0 : _b.borderColor, borderRadius: (_c = style.root) === null || _c === void 0 ? void 0 : _c.borderRadius, borderWidth: (_d = style.root) === null || _d === void 0 ? void 0 : _d.borderWidth, color: (_e = style.root) === null || _e === void 0 ? void 0 : _e.color }, (((_f = style.root) === null || _f === void 0 ? void 0 : _f.focusRing) && {
11
- [customCssProps.styleFocusRingBorderColor]: (_g = style.root.focusRing) === null || _g === void 0 ? void 0 : _g.borderColor,
12
- [customCssProps.styleFocusRingBorderRadius]: (_h = style.root.focusRing) === null || _h === void 0 ? void 0 : _h.borderRadius,
13
- [customCssProps.styleFocusRingBorderWidth]: (_j = style.root.focusRing) === null || _j === void 0 ? void 0 : _j.borderWidth,
11
+ [customCssProps.alertFocusRingBorderColor]: (_g = style.root.focusRing) === null || _g === void 0 ? void 0 : _g.borderColor,
12
+ [customCssProps.alertFocusRingBorderRadius]: (_h = style.root.focusRing) === null || _h === void 0 ? void 0 : _h.borderRadius,
13
+ [customCssProps.alertFocusRingBorderWidth]: (_j = style.root.focusRing) === null || _j === void 0 ? void 0 : _j.borderWidth,
14
14
  }));
15
15
  }
16
16
  export function getDismissButtonStyles(style) {
@@ -1 +1 @@
1
- {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/alert/style.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAGzE,MAAM,UAAU,cAAc,CAAC,KAA0B;;IACvD,IAAI,MAAM,KAAK,MAAM,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA,EAAE;QACrC,OAAO,SAAS,CAAC;KAClB;IAED,uBACE,UAAU,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,UAAU,EAClC,WAAW,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,WAAW,EACpC,YAAY,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,YAAY,EACtC,WAAW,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,WAAW,EACpC,KAAK,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,KAAK,IACrB,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,KAAI;QAC3B,CAAC,cAAc,CAAC,yBAAyB,CAAC,EAAE,MAAA,KAAK,CAAC,IAAI,CAAC,SAAS,0CAAE,WAAW;QAC7E,CAAC,cAAc,CAAC,0BAA0B,CAAC,EAAE,MAAA,KAAK,CAAC,IAAI,CAAC,SAAS,0CAAE,YAAY;QAC/E,CAAC,cAAc,CAAC,yBAAyB,CAAC,EAAE,MAAA,KAAK,CAAC,IAAI,CAAC,SAAS,0CAAE,WAAW;KAC9E,CAAC,EACF;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAA0B;;IAC/D,IAAI,MAAM,KAAK,MAAM,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,CAAA,EAAE;QAC9C,OAAO,SAAS,CAAC;KAClB;IAED,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,KAAK,0CAAE,MAAM;gBAC1C,OAAO,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,KAAK,0CAAE,OAAO;gBAC5C,KAAK,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,KAAK,0CAAE,KAAK;aACzC;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,SAAS,0CAAE,WAAW;gBACxD,YAAY,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,SAAS,0CAAE,YAAY;gBAC1D,WAAW,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,SAAS,0CAAE,WAAW;aACzD;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { AlertProps } from './interfaces';\n\nexport function getAlertStyles(style: AlertProps['style']) {\n if (SYSTEM !== 'core' || !style?.root) {\n return undefined;\n }\n\n return {\n background: style.root?.background,\n borderColor: style.root?.borderColor,\n borderRadius: style.root?.borderRadius,\n borderWidth: style.root?.borderWidth,\n color: style.root?.color,\n ...(style.root?.focusRing && {\n [customCssProps.styleFocusRingBorderColor]: style.root.focusRing?.borderColor,\n [customCssProps.styleFocusRingBorderRadius]: style.root.focusRing?.borderRadius,\n [customCssProps.styleFocusRingBorderWidth]: style.root.focusRing?.borderWidth,\n }),\n };\n}\n\nexport function getDismissButtonStyles(style: AlertProps['style']) {\n if (SYSTEM !== 'core' || !style?.dismissButton) {\n return undefined;\n }\n\n return {\n root: {\n color: {\n active: style.dismissButton?.color?.active,\n default: style.dismissButton?.color?.default,\n hover: style.dismissButton?.color?.hover,\n },\n focusRing: {\n borderColor: style.dismissButton?.focusRing?.borderColor,\n borderRadius: style.dismissButton?.focusRing?.borderRadius,\n borderWidth: style.dismissButton?.focusRing?.borderWidth,\n },\n },\n };\n}\n"]}
1
+ {"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/alert/style.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,cAAc,MAAM,6CAA6C,CAAC;AAGzE,MAAM,UAAU,cAAc,CAAC,KAA0B;;IACvD,IAAI,MAAM,KAAK,MAAM,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAA,EAAE;QACrC,OAAO,SAAS,CAAC;KAClB;IAED,uBACE,UAAU,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,UAAU,EAClC,WAAW,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,WAAW,EACpC,YAAY,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,YAAY,EACtC,WAAW,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,WAAW,EACpC,KAAK,EAAE,MAAA,KAAK,CAAC,IAAI,0CAAE,KAAK,IACrB,CAAC,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,SAAS,KAAI;QAC3B,CAAC,cAAc,CAAC,yBAAyB,CAAC,EAAE,MAAA,KAAK,CAAC,IAAI,CAAC,SAAS,0CAAE,WAAW;QAC7E,CAAC,cAAc,CAAC,0BAA0B,CAAC,EAAE,MAAA,KAAK,CAAC,IAAI,CAAC,SAAS,0CAAE,YAAY;QAC/E,CAAC,cAAc,CAAC,yBAAyB,CAAC,EAAE,MAAA,KAAK,CAAC,IAAI,CAAC,SAAS,0CAAE,WAAW;KAC9E,CAAC,EACF;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAA0B;;IAC/D,IAAI,MAAM,KAAK,MAAM,IAAI,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,CAAA,EAAE;QAC9C,OAAO,SAAS,CAAC;KAClB;IAED,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,KAAK,0CAAE,MAAM;gBAC1C,OAAO,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,KAAK,0CAAE,OAAO;gBAC5C,KAAK,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,KAAK,0CAAE,KAAK;aACzC;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,SAAS,0CAAE,WAAW;gBACxD,YAAY,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,SAAS,0CAAE,YAAY;gBAC1D,WAAW,EAAE,MAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,SAAS,0CAAE,WAAW;aACzD;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { SYSTEM } from '../internal/environment';\nimport customCssProps from '../internal/generated/custom-css-properties';\nimport { AlertProps } from './interfaces';\n\nexport function getAlertStyles(style: AlertProps['style']) {\n if (SYSTEM !== 'core' || !style?.root) {\n return undefined;\n }\n\n return {\n background: style.root?.background,\n borderColor: style.root?.borderColor,\n borderRadius: style.root?.borderRadius,\n borderWidth: style.root?.borderWidth,\n color: style.root?.color,\n ...(style.root?.focusRing && {\n [customCssProps.alertFocusRingBorderColor]: style.root.focusRing?.borderColor,\n [customCssProps.alertFocusRingBorderRadius]: style.root.focusRing?.borderRadius,\n [customCssProps.alertFocusRingBorderWidth]: style.root.focusRing?.borderWidth,\n }),\n };\n}\n\nexport function getDismissButtonStyles(style: AlertProps['style']) {\n if (SYSTEM !== 'core' || !style?.dismissButton) {\n return undefined;\n }\n\n return {\n root: {\n color: {\n active: style.dismissButton?.color?.active,\n default: style.dismissButton?.color?.default,\n hover: style.dismissButton?.color?.hover,\n },\n focusRing: {\n borderColor: style.dismissButton?.focusRing?.borderColor,\n borderRadius: style.dismissButton?.focusRing?.borderRadius,\n borderWidth: style.dismissButton?.focusRing?.borderWidth,\n },\n },\n };\n}\n"]}
@@ -1,32 +1,32 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "alert": "awsui_alert_mx3cw_bzq5z_193",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_bzq5z_1",
6
- "root": "awsui_root_mx3cw_bzq5z_215",
7
- "hidden": "awsui_hidden_mx3cw_bzq5z_250",
8
- "alert-wrapper": "awsui_alert-wrapper_mx3cw_bzq5z_299",
9
- "initial-hidden": "awsui_initial-hidden_mx3cw_bzq5z_311",
10
- "header": "awsui_header_mx3cw_bzq5z_316",
11
- "header-replacement": "awsui_header-replacement_mx3cw_bzq5z_317",
12
- "action": "awsui_action_mx3cw_bzq5z_321",
13
- "action-slot": "awsui_action-slot_mx3cw_bzq5z_325",
14
- "action-button": "awsui_action-button_mx3cw_bzq5z_326",
15
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_bzq5z_330",
16
- "text": "awsui_text_mx3cw_bzq5z_361",
17
- "icon": "awsui_icon_mx3cw_bzq5z_368",
18
- "message": "awsui_message_mx3cw_bzq5z_371",
19
- "action-wrapped": "awsui_action-wrapped_mx3cw_bzq5z_375",
20
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_bzq5z_379",
21
- "icon-size-big": "awsui_icon-size-big_mx3cw_bzq5z_383",
22
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_bzq5z_387",
23
- "content": "awsui_content_mx3cw_bzq5z_391",
24
- "content-replacement": "awsui_content-replacement_mx3cw_bzq5z_392",
25
- "dismiss": "awsui_dismiss_mx3cw_bzq5z_396",
26
- "dismiss-button": "awsui_dismiss-button_mx3cw_bzq5z_401",
27
- "type-error": "awsui_type-error_mx3cw_bzq5z_405",
28
- "type-warning": "awsui_type-warning_mx3cw_bzq5z_413",
29
- "type-success": "awsui_type-success_mx3cw_bzq5z_421",
30
- "type-info": "awsui_type-info_mx3cw_bzq5z_429"
4
+ "alert": "awsui_alert_mx3cw_1obtu_193",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1obtu_1",
6
+ "root": "awsui_root_mx3cw_1obtu_215",
7
+ "hidden": "awsui_hidden_mx3cw_1obtu_250",
8
+ "alert-wrapper": "awsui_alert-wrapper_mx3cw_1obtu_299",
9
+ "initial-hidden": "awsui_initial-hidden_mx3cw_1obtu_311",
10
+ "header": "awsui_header_mx3cw_1obtu_316",
11
+ "header-replacement": "awsui_header-replacement_mx3cw_1obtu_317",
12
+ "action": "awsui_action_mx3cw_1obtu_321",
13
+ "action-slot": "awsui_action-slot_mx3cw_1obtu_325",
14
+ "action-button": "awsui_action-button_mx3cw_1obtu_326",
15
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1obtu_330",
16
+ "text": "awsui_text_mx3cw_1obtu_361",
17
+ "icon": "awsui_icon_mx3cw_1obtu_368",
18
+ "message": "awsui_message_mx3cw_1obtu_371",
19
+ "action-wrapped": "awsui_action-wrapped_mx3cw_1obtu_375",
20
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_1obtu_379",
21
+ "icon-size-big": "awsui_icon-size-big_mx3cw_1obtu_383",
22
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_1obtu_387",
23
+ "content": "awsui_content_mx3cw_1obtu_391",
24
+ "content-replacement": "awsui_content-replacement_mx3cw_1obtu_392",
25
+ "dismiss": "awsui_dismiss_mx3cw_1obtu_396",
26
+ "dismiss-button": "awsui_dismiss-button_mx3cw_1obtu_401",
27
+ "type-error": "awsui_type-error_mx3cw_1obtu_405",
28
+ "type-warning": "awsui_type-warning_mx3cw_1obtu_413",
29
+ "type-success": "awsui_type-success_mx3cw_1obtu_421",
30
+ "type-info": "awsui_type-info_mx3cw_1obtu_429"
31
31
  };
32
32
 
@@ -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
- .awsui_alert_mx3cw_bzq5z_193:not(#\9) {
194
- animation: awsui_awsui-motion-fade-in_mx3cw_bzq5z_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
193
+ .awsui_alert_mx3cw_1obtu_193:not(#\9) {
194
+ animation: awsui_awsui-motion-fade-in_mx3cw_1obtu_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
195
195
  }
196
- @keyframes awsui_awsui-motion-fade-in_mx3cw_bzq5z_1 {
196
+ @keyframes awsui_awsui-motion-fade-in_mx3cw_1obtu_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
- .awsui_alert_mx3cw_bzq5z_193:not(#\9) {
205
+ .awsui_alert_mx3cw_1obtu_193:not(#\9) {
206
206
  animation: none;
207
207
  transition: none;
208
208
  }
209
209
  }
210
- .awsui-motion-disabled .awsui_alert_mx3cw_bzq5z_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_bzq5z_193:not(#\9) {
210
+ .awsui-motion-disabled .awsui_alert_mx3cw_1obtu_193:not(#\9), .awsui-mode-entering .awsui_alert_mx3cw_1obtu_193:not(#\9) {
211
211
  animation: none;
212
212
  transition: none;
213
213
  }
214
214
 
215
- .awsui_root_mx3cw_bzq5z_215:not(#\9) {
215
+ .awsui_root_mx3cw_1obtu_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
- .awsui_root_mx3cw_bzq5z_215.awsui_hidden_mx3cw_bzq5z_250:not(#\9) {
250
+ .awsui_root_mx3cw_1obtu_215.awsui_hidden_mx3cw_1obtu_250:not(#\9) {
251
251
  display: none;
252
252
  }
253
253
 
254
- .awsui_alert_mx3cw_bzq5z_193:not(#\9) {
254
+ .awsui_alert_mx3cw_1obtu_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-7hsinh, 12px);
294
294
  padding-inline: var(--space-alert-horizontal-vvafy5, 20px);
295
295
  background-color: var(--color-background-container-content-aemn43, #ffffff);
296
- --awsui-style-focus-ring-box-shadow-kcc2gu: 0 0 0 var(--awsui-style-focus-ring-border-width-kcc2gu, 2px) var(--awsui-style-focus-ring-border-color-kcc2gu, var(--color-border-item-focused-r5f6xl, #0073bb));
296
+ --awsui-alert-focus-ring-box-shadow-mdigke: 0 0 0 var(--awsui-alert-focus-ring-border-width-mdigke, 2px) var(--awsui-alert-focus-ring-border-color-mdigke, var(--color-border-item-focused-r5f6xl, #0073bb));
297
297
  }
298
298
 
299
- .awsui_alert-wrapper_mx3cw_bzq5z_299:not(#\9) {
299
+ .awsui_alert-wrapper_mx3cw_1obtu_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-ii45xs, 20px);
305
305
  }
306
306
 
307
- .awsui_hidden_mx3cw_bzq5z_250:not(#\9) {
307
+ .awsui_hidden_mx3cw_1obtu_250:not(#\9) {
308
308
  display: none;
309
309
  }
310
310
 
311
- .awsui_initial-hidden_mx3cw_bzq5z_311:not(#\9) {
311
+ .awsui_initial-hidden_mx3cw_1obtu_311:not(#\9) {
312
312
  overflow: hidden;
313
313
  block-size: 0;
314
314
  }
315
315
 
316
- .awsui_header_mx3cw_bzq5z_316:not(#\9),
317
- .awsui_header-replacement_mx3cw_bzq5z_317:not(#\9) {
316
+ .awsui_header_mx3cw_1obtu_316:not(#\9),
317
+ .awsui_header-replacement_mx3cw_1obtu_317:not(#\9) {
318
318
  font-weight: 700;
319
319
  }
320
320
 
321
- .awsui_action_mx3cw_bzq5z_321:not(#\9) {
321
+ .awsui_action_mx3cw_1obtu_321:not(#\9) {
322
322
  white-space: nowrap;
323
323
  }
324
324
 
325
- .awsui_action-slot_mx3cw_bzq5z_325:not(#\9),
326
- .awsui_action-button_mx3cw_bzq5z_326:not(#\9) {
325
+ .awsui_action-slot_mx3cw_1obtu_325:not(#\9),
326
+ .awsui_action-button_mx3cw_1obtu_326:not(#\9) {
327
327
  /* used in test-utils */
328
328
  }
329
329
 
330
- .awsui_alert-focus-wrapper_mx3cw_bzq5z_330:not(#\9) {
330
+ .awsui_alert-focus-wrapper_mx3cw_1obtu_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-wrapper_mx3cw_bzq5z_330:not(#\9):focus {
336
+ .awsui_alert-focus-wrapper_mx3cw_1obtu_330:not(#\9):focus {
337
337
  outline: none;
338
338
  }
339
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_bzq5z_330:not(#\9):focus {
339
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1obtu_330:not(#\9):focus {
340
340
  position: relative;
341
341
  }
342
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_bzq5z_330:not(#\9):focus {
342
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1obtu_330:not(#\9):focus {
343
343
  outline: 2px dotted transparent;
344
344
  outline-offset: calc(var(--space-button-focus-outline-gutter-vsdlzg, 3px) - 1px);
345
345
  }
346
- body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_bzq5z_330:not(#\9):focus::before {
346
+ body[data-awsui-focus-visible=true] .awsui_alert-focus-wrapper_mx3cw_1obtu_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_bzq5z_330:n
351
351
  inset-block-start: calc(-1 * var(--space-button-focus-outline-gutter-vsdlzg, 3px));
352
352
  inline-size: calc(100% + var(--space-button-focus-outline-gutter-vsdlzg, 3px) + var(--space-button-focus-outline-gutter-vsdlzg, 3px));
353
353
  block-size: calc(100% + var(--space-button-focus-outline-gutter-vsdlzg, 3px) + var(--space-button-focus-outline-gutter-vsdlzg, 3px));
354
- border-start-start-radius: var(--awsui-style-focus-ring-border-radius-kcc2gu, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
355
- border-start-end-radius: var(--awsui-style-focus-ring-border-radius-kcc2gu, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
356
- border-end-start-radius: var(--awsui-style-focus-ring-border-radius-kcc2gu, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
357
- border-end-end-radius: var(--awsui-style-focus-ring-border-radius-kcc2gu, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
358
- box-shadow: var(--awsui-style-focus-ring-box-shadow-kcc2gu);
354
+ border-start-start-radius: var(--awsui-alert-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
355
+ border-start-end-radius: var(--awsui-alert-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
356
+ border-end-start-radius: var(--awsui-alert-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
357
+ border-end-end-radius: var(--awsui-alert-focus-ring-border-radius-mdigke, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
358
+ box-shadow: var(--awsui-alert-focus-ring-box-shadow-mdigke);
359
359
  }
360
360
 
361
- .awsui_text_mx3cw_bzq5z_361:not(#\9) {
361
+ .awsui_text_mx3cw_1obtu_361:not(#\9) {
362
362
  min-inline-size: 0;
363
363
  padding-block: var(--border-width-button-40y1n5, 1px);
364
364
  padding-inline: 0;
365
365
  margin-block: var(--space-scaled-xxs-jatbiv, 4px);
366
366
  margin-inline: var(--space-xxs-jnczic, 4px);
367
367
  }
368
- .awsui_text_mx3cw_bzq5z_361.awsui_icon_mx3cw_bzq5z_368:not(#\9) {
368
+ .awsui_text_mx3cw_1obtu_361.awsui_icon_mx3cw_1obtu_368:not(#\9) {
369
369
  margin-inline-start: 0;
370
370
  }
371
- .awsui_text_mx3cw_bzq5z_361.awsui_message_mx3cw_bzq5z_371:not(#\9) {
371
+ .awsui_text_mx3cw_1obtu_361.awsui_message_mx3cw_1obtu_371:not(#\9) {
372
372
  margin-inline-end: var(--space-alert-message-right-ipx6aa, 0px);
373
373
  }
374
374
 
375
- .awsui_action-wrapped_mx3cw_bzq5z_375:not(#\9) {
375
+ .awsui_action-wrapped_mx3cw_1obtu_375:not(#\9) {
376
376
  margin-block-end: var(--space-xxs-jnczic, 4px);
377
377
  }
378
378
 
379
- .awsui_icon-size-medium_mx3cw_bzq5z_379 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_action-wrapped_mx3cw_bzq5z_375:not(#\9) {
379
+ .awsui_icon-size-medium_mx3cw_1obtu_379 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_action-wrapped_mx3cw_1obtu_375:not(#\9) {
380
380
  margin-inline-start: calc(var(--size-icon-medium-3ovt3t, 16px) + var(--space-xs-kw7k3v, 8px));
381
381
  }
382
382
 
383
- .awsui_icon-size-big_mx3cw_bzq5z_383 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_action-wrapped_mx3cw_bzq5z_375:not(#\9) {
383
+ .awsui_icon-size-big_mx3cw_1obtu_383 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_action-wrapped_mx3cw_1obtu_375:not(#\9) {
384
384
  margin-inline-start: calc(var(--size-icon-big-hnqj8f, 32px) + var(--space-xs-kw7k3v, 8px));
385
385
  }
386
386
 
387
- .awsui_icon-size-normal_mx3cw_bzq5z_387 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_action-wrapped_mx3cw_bzq5z_375:not(#\9) {
387
+ .awsui_icon-size-normal_mx3cw_1obtu_387 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_action-wrapped_mx3cw_1obtu_375:not(#\9) {
388
388
  margin-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + var(--space-xs-kw7k3v, 8px));
389
389
  }
390
390
 
391
- .awsui_content_mx3cw_bzq5z_391:not(#\9),
392
- .awsui_content-replacement_mx3cw_bzq5z_392:not(#\9) {
391
+ .awsui_content_mx3cw_1obtu_391:not(#\9),
392
+ .awsui_content-replacement_mx3cw_1obtu_392:not(#\9) {
393
393
  /* used in test-utils */
394
394
  }
395
395
 
396
- .awsui_dismiss_mx3cw_bzq5z_396:not(#\9) {
396
+ .awsui_dismiss_mx3cw_1obtu_396:not(#\9) {
397
397
  margin-inline-end: calc(-1 * var(--space-xxs-jnczic, 4px));
398
398
  margin-inline-start: var(--space-s-4a5hs8, 12px);
399
399
  }
400
400
 
401
- .awsui_dismiss-button_mx3cw_bzq5z_401:not(#\9) {
401
+ .awsui_dismiss-button_mx3cw_1obtu_401:not(#\9) {
402
402
  /* used in test-utils */
403
403
  }
404
404
 
405
- .awsui_type-error_mx3cw_bzq5z_405:not(#\9) {
405
+ .awsui_type-error_mx3cw_1obtu_405:not(#\9) {
406
406
  border-color: var(--color-border-status-error-jybbdz, #d13212);
407
407
  background-color: var(--color-background-status-error-5i5ikf, #fdf3f1);
408
408
  }
409
- .awsui_type-error_mx3cw_bzq5z_405 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_alert-focus-wrapper_mx3cw_bzq5z_330 > .awsui_icon_mx3cw_bzq5z_368:not(#\9) {
409
+ .awsui_type-error_mx3cw_1obtu_405 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_alert-focus-wrapper_mx3cw_1obtu_330 > .awsui_icon_mx3cw_1obtu_368:not(#\9) {
410
410
  color: var(--color-text-status-error-aknuvu, #d13212);
411
411
  }
412
412
 
413
- .awsui_type-warning_mx3cw_bzq5z_413:not(#\9) {
413
+ .awsui_type-warning_mx3cw_1obtu_413:not(#\9) {
414
414
  border-color: var(--color-border-status-warning-qmz1c4, #906806);
415
415
  background-color: var(--color-background-status-warning-mvw8w7, #fffef0);
416
416
  }
417
- .awsui_type-warning_mx3cw_bzq5z_413 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_alert-focus-wrapper_mx3cw_bzq5z_330 > .awsui_icon_mx3cw_bzq5z_368:not(#\9) {
417
+ .awsui_type-warning_mx3cw_1obtu_413 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_alert-focus-wrapper_mx3cw_1obtu_330 > .awsui_icon_mx3cw_1obtu_368:not(#\9) {
418
418
  color: var(--color-text-status-warning-9b45qh, #906806);
419
419
  }
420
420
 
421
- .awsui_type-success_mx3cw_bzq5z_421:not(#\9) {
421
+ .awsui_type-success_mx3cw_1obtu_421:not(#\9) {
422
422
  border-color: var(--color-border-status-success-e61wev, #1d8102);
423
423
  background-color: var(--color-background-status-success-tkxjye, #f2f8f0);
424
424
  }
425
- .awsui_type-success_mx3cw_bzq5z_421 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_alert-focus-wrapper_mx3cw_bzq5z_330 > .awsui_icon_mx3cw_bzq5z_368:not(#\9) {
425
+ .awsui_type-success_mx3cw_1obtu_421 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_alert-focus-wrapper_mx3cw_1obtu_330 > .awsui_icon_mx3cw_1obtu_368:not(#\9) {
426
426
  color: var(--color-text-status-success-yodf3z, #1d8102);
427
427
  }
428
428
 
429
- .awsui_type-info_mx3cw_bzq5z_429:not(#\9) {
429
+ .awsui_type-info_mx3cw_1obtu_429:not(#\9) {
430
430
  border-color: var(--color-border-status-info-kp0iif, #0073bb);
431
431
  background-color: var(--color-background-status-info-nzp1n3, #f1faff);
432
432
  }
433
- .awsui_type-info_mx3cw_bzq5z_429 > .awsui_alert-wrapper_mx3cw_bzq5z_299 > .awsui_alert-focus-wrapper_mx3cw_bzq5z_330 > .awsui_icon_mx3cw_bzq5z_368:not(#\9) {
433
+ .awsui_type-info_mx3cw_1obtu_429 > .awsui_alert-wrapper_mx3cw_1obtu_299 > .awsui_alert-focus-wrapper_mx3cw_1obtu_330 > .awsui_icon_mx3cw_1obtu_368:not(#\9) {
434
434
  color: var(--color-text-status-info-xt2ka7, #0073bb);
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": "awsui_alert_mx3cw_bzq5z_193",
6
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_bzq5z_1",
7
- "root": "awsui_root_mx3cw_bzq5z_215",
8
- "hidden": "awsui_hidden_mx3cw_bzq5z_250",
9
- "alert-wrapper": "awsui_alert-wrapper_mx3cw_bzq5z_299",
10
- "initial-hidden": "awsui_initial-hidden_mx3cw_bzq5z_311",
11
- "header": "awsui_header_mx3cw_bzq5z_316",
12
- "header-replacement": "awsui_header-replacement_mx3cw_bzq5z_317",
13
- "action": "awsui_action_mx3cw_bzq5z_321",
14
- "action-slot": "awsui_action-slot_mx3cw_bzq5z_325",
15
- "action-button": "awsui_action-button_mx3cw_bzq5z_326",
16
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_bzq5z_330",
17
- "text": "awsui_text_mx3cw_bzq5z_361",
18
- "icon": "awsui_icon_mx3cw_bzq5z_368",
19
- "message": "awsui_message_mx3cw_bzq5z_371",
20
- "action-wrapped": "awsui_action-wrapped_mx3cw_bzq5z_375",
21
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_bzq5z_379",
22
- "icon-size-big": "awsui_icon-size-big_mx3cw_bzq5z_383",
23
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_bzq5z_387",
24
- "content": "awsui_content_mx3cw_bzq5z_391",
25
- "content-replacement": "awsui_content-replacement_mx3cw_bzq5z_392",
26
- "dismiss": "awsui_dismiss_mx3cw_bzq5z_396",
27
- "dismiss-button": "awsui_dismiss-button_mx3cw_bzq5z_401",
28
- "type-error": "awsui_type-error_mx3cw_bzq5z_405",
29
- "type-warning": "awsui_type-warning_mx3cw_bzq5z_413",
30
- "type-success": "awsui_type-success_mx3cw_bzq5z_421",
31
- "type-info": "awsui_type-info_mx3cw_bzq5z_429"
5
+ "alert": "awsui_alert_mx3cw_1obtu_193",
6
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1obtu_1",
7
+ "root": "awsui_root_mx3cw_1obtu_215",
8
+ "hidden": "awsui_hidden_mx3cw_1obtu_250",
9
+ "alert-wrapper": "awsui_alert-wrapper_mx3cw_1obtu_299",
10
+ "initial-hidden": "awsui_initial-hidden_mx3cw_1obtu_311",
11
+ "header": "awsui_header_mx3cw_1obtu_316",
12
+ "header-replacement": "awsui_header-replacement_mx3cw_1obtu_317",
13
+ "action": "awsui_action_mx3cw_1obtu_321",
14
+ "action-slot": "awsui_action-slot_mx3cw_1obtu_325",
15
+ "action-button": "awsui_action-button_mx3cw_1obtu_326",
16
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1obtu_330",
17
+ "text": "awsui_text_mx3cw_1obtu_361",
18
+ "icon": "awsui_icon_mx3cw_1obtu_368",
19
+ "message": "awsui_message_mx3cw_1obtu_371",
20
+ "action-wrapped": "awsui_action-wrapped_mx3cw_1obtu_375",
21
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_1obtu_379",
22
+ "icon-size-big": "awsui_icon-size-big_mx3cw_1obtu_383",
23
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_1obtu_387",
24
+ "content": "awsui_content_mx3cw_1obtu_391",
25
+ "content-replacement": "awsui_content-replacement_mx3cw_1obtu_392",
26
+ "dismiss": "awsui_dismiss_mx3cw_1obtu_396",
27
+ "dismiss-button": "awsui_dismiss-button_mx3cw_1obtu_401",
28
+ "type-error": "awsui_type-error_mx3cw_1obtu_405",
29
+ "type-warning": "awsui_type-warning_mx3cw_1obtu_413",
30
+ "type-success": "awsui_type-success_mx3cw_1obtu_421",
31
+ "type-info": "awsui_type-info_mx3cw_1obtu_429"
32
32
  };
33
33