@cloudscape-design/components-themeable 3.0.1255 → 3.0.1257

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 (139) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +152 -142
  3. package/lib/internal/scss/token/mixins.scss +11 -6
  4. package/lib/internal/scss/token/styles.scss +28 -10
  5. package/lib/internal/template/alert/styles.css.js +27 -27
  6. package/lib/internal/template/alert/styles.scoped.css +50 -50
  7. package/lib/internal/template/alert/styles.selectors.js +27 -27
  8. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  9. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  10. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  11. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  12. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  13. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  14. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  15. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  16. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  17. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  18. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  19. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  20. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +7 -7
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +27 -27
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +54 -54
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +27 -27
  26. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  27. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  28. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  29. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  30. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  31. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  32. package/lib/internal/template/button/styles.css.js +22 -22
  33. package/lib/internal/template/button/styles.scoped.css +256 -256
  34. package/lib/internal/template/button/styles.selectors.js +22 -22
  35. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  36. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
  37. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  38. package/lib/internal/template/checkbox/styles.css.js +3 -3
  39. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  40. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  41. package/lib/internal/template/content-layout/styles.css.js +14 -14
  42. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  43. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  44. package/lib/internal/template/file-token-group/styles.css.js +23 -23
  45. package/lib/internal/template/file-token-group/styles.scoped.css +36 -36
  46. package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
  47. package/lib/internal/template/flashbar/styles.css.js +50 -50
  48. package/lib/internal/template/flashbar/styles.scoped.css +187 -187
  49. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  50. package/lib/internal/template/help-panel/styles.css.js +6 -6
  51. package/lib/internal/template/help-panel/styles.scoped.css +73 -73
  52. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  53. package/lib/internal/template/input/styles.css.js +13 -13
  54. package/lib/internal/template/input/styles.scoped.css +74 -74
  55. package/lib/internal/template/input/styles.selectors.js +13 -13
  56. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  57. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  58. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  59. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  60. package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.d.ts +3 -2
  61. package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.d.ts.map +1 -1
  62. package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.js +5 -3
  63. package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.js.map +1 -1
  64. package/lib/internal/template/internal/components/dropdown/index.d.ts +1 -1
  65. package/lib/internal/template/internal/components/dropdown/index.d.ts.map +1 -1
  66. package/lib/internal/template/internal/components/dropdown/index.js +10 -7
  67. package/lib/internal/template/internal/components/dropdown/index.js.map +1 -1
  68. package/lib/internal/template/internal/components/dropdown/interfaces.d.ts +16 -0
  69. package/lib/internal/template/internal/components/dropdown/interfaces.d.ts.map +1 -1
  70. package/lib/internal/template/internal/components/dropdown/interfaces.js.map +1 -1
  71. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  72. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +39 -39
  73. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  74. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  75. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  76. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  77. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  78. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  79. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  80. package/lib/internal/template/internal/environment.js +2 -2
  81. package/lib/internal/template/internal/environment.json +2 -2
  82. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +10 -0
  83. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  84. package/lib/internal/template/internal/generated/custom-css-properties/index.js +151 -141
  85. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  86. package/lib/internal/template/link/styles.css.js +20 -20
  87. package/lib/internal/template/link/styles.scoped.css +103 -103
  88. package/lib/internal/template/link/styles.selectors.js +20 -20
  89. package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.d.ts +1 -1
  90. package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.d.ts.map +1 -1
  91. package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.js +13 -5
  92. package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.js.map +1 -1
  93. package/lib/internal/template/modal/styles.css.js +31 -31
  94. package/lib/internal/template/modal/styles.scoped.css +48 -48
  95. package/lib/internal/template/modal/styles.selectors.js +31 -31
  96. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  97. package/lib/internal/template/progress-bar/styles.scoped.css +48 -48
  98. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  99. package/lib/internal/template/prompt-input/styles.css.js +17 -17
  100. package/lib/internal/template/prompt-input/styles.scoped.css +79 -79
  101. package/lib/internal/template/prompt-input/styles.selectors.js +17 -17
  102. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  103. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  104. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  105. package/lib/internal/template/slider/styles.css.js +26 -26
  106. package/lib/internal/template/slider/styles.scoped.css +165 -165
  107. package/lib/internal/template/slider/styles.selectors.js +26 -26
  108. package/lib/internal/template/spinner/styles.css.js +13 -13
  109. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  110. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  111. package/lib/internal/template/tabs/styles.css.js +30 -30
  112. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  113. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  114. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  115. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  116. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  117. package/lib/internal/template/text-content/styles.css.js +1 -1
  118. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  119. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  120. package/lib/internal/template/textarea/styles.css.js +5 -5
  121. package/lib/internal/template/textarea/styles.scoped.css +45 -45
  122. package/lib/internal/template/textarea/styles.selectors.js +5 -5
  123. package/lib/internal/template/toggle/styles.css.js +10 -10
  124. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  125. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  126. package/lib/internal/template/token/interfaces.d.ts +37 -0
  127. package/lib/internal/template/token/interfaces.d.ts.map +1 -1
  128. package/lib/internal/template/token/interfaces.js.map +1 -1
  129. package/lib/internal/template/token/internal.d.ts.map +1 -1
  130. package/lib/internal/template/token/internal.js +3 -1
  131. package/lib/internal/template/token/internal.js.map +1 -1
  132. package/lib/internal/template/token/styles.css.js +14 -14
  133. package/lib/internal/template/token/styles.d.ts +3 -0
  134. package/lib/internal/template/token/styles.d.ts.map +1 -0
  135. package/lib/internal/template/token/styles.js +32 -0
  136. package/lib/internal/template/token/styles.js.map +1 -0
  137. package/lib/internal/template/token/styles.scoped.css +51 -45
  138. package/lib/internal/template/token/styles.selectors.js +14 -14
  139. package/package.json +1 -1
package/lib/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "bd81b05d9b73816c923710ca0f728909982381a9"
2
+ "commit": "7d3ac020952863cc20ab259ee5357365efb23f78"
3
3
  }
package/lib/internal/scss/internal/generated/custom-css-properties/index.scss CHANGED
@@ -1,146 +1,156 @@
1
1
 
2
2
  // Build environment
3
- $awsui-commit-hash: "bd81b05d";
3
+ $awsui-commit-hash: "7d3ac020";
4
4
  // Manually managed CSS-variables
5
- $maxContentWidth: --awsui-max-content-width-n6lfw8;
6
- $minContentWidth: --awsui-min-content-width-n6lfw8;
7
- $breadcrumbsGap: --awsui-breadcrumbs-gap-n6lfw8;
8
- $contentGapLeft: --awsui-content-gap-left-n6lfw8;
9
- $contentGapRight: --awsui-content-gap-right-n6lfw8;
10
- $contentHeight: --awsui-content-height-n6lfw8;
11
- $contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-n6lfw8;
12
- $contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-n6lfw8;
13
- $contentLayoutMainGap: --awsui-content-layout-main-gap-n6lfw8;
14
- $defaultMaxContentWidth: --awsui-default-max-content-width-n6lfw8;
15
- $defaultMinContentWidth: --awsui-default-min-content-width-n6lfw8;
16
- $drawerSize: --awsui-drawer-size-n6lfw8;
17
- $drawerMinSize: --awsui-drawer-min-size-n6lfw8;
18
- $bottomDrawerSize: --awsui-bottom-drawer-size-n6lfw8;
19
- $footerHeight: --awsui-footer-height-n6lfw8;
20
- $headerGap: --awsui-header-gap-n6lfw8;
21
- $headerHeight: --awsui-header-height-n6lfw8;
22
- $layoutWidth: --awsui-layout-width-n6lfw8;
23
- $mainGap: --awsui-main-gap-n6lfw8;
24
- $mainOffsetLeft: --awsui-main-offset-left-n6lfw8;
25
- $mainTemplateRows: --awsui-main-template-rows-n6lfw8;
26
- $mobileBarHeight: --awsui-mobile-bar-height-n6lfw8;
27
- $notificationsHeight: --awsui-notifications-height-n6lfw8;
28
- $offsetTop: --awsui-offset-top-n6lfw8;
29
- $overlapHeight: --awsui-overlap-height-n6lfw8;
30
- $navigationWidth: --awsui-navigation-width-n6lfw8;
31
- $splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-n6lfw8;
32
- $splitPanelReportedSize: --awsui-split-panel-reported-size-n6lfw8;
33
- $splitPanelHeight: --awsui-split-panel-height-n6lfw8;
34
- $splitPanelMinWidth: --awsui-split-panel-min-width-n6lfw8;
35
- $splitPanelMaxWidth: --awsui-split-panel-max-width-n6lfw8;
36
- $toolsMaxWidth: --awsui-tools-max-width-n6lfw8;
37
- $toolsWidth: --awsui-tools-width-n6lfw8;
38
- $toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-n6lfw8;
39
- $contentScrollMargin: --awsui-content-scroll-margin-n6lfw8;
40
- $flashbarStackDepth: --awsui-flashbar-stack-depth-n6lfw8;
41
- $flashbarStackIndex: --awsui-flashbar-stack-index-n6lfw8;
42
- $flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-n6lfw8;
43
- $stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-n6lfw8;
44
- $stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-n6lfw8;
45
- $dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-n6lfw8;
46
- $dropdownDefaultMinWidth: --awsui-dropdown-default-min-width-n6lfw8;
47
- $modalCustomWidth: --awsui-modal-custom-width-n6lfw8;
48
- $modalCustomHeight: --awsui-modal-custom-height-n6lfw8;
49
- $spinnerRotatorFrom: --awsui-spinner-rotator-from-n6lfw8;
50
- $spinnerRotatorTo: --awsui-spinner-rotator-to-n6lfw8;
51
- $spinnerLineLeftFrom: --awsui-spinner-line-left-from-n6lfw8;
52
- $spinnerLineLeftTo: --awsui-spinner-line-left-to-n6lfw8;
53
- $spinnerLineRightFrom: --awsui-spinner-line-right-from-n6lfw8;
54
- $spinnerLineRightTo: --awsui-spinner-line-right-to-n6lfw8;
55
- $sliderLabelCount: --awsui-slider-label-count-n6lfw8;
56
- $sliderTickCount: --awsui-slider-tick-count-n6lfw8;
57
- $sliderReferenceColumn: --awsui-slider-reference-column-n6lfw8;
58
- $sliderNextReferenceColumn: --awsui-slider-next-reference-column-n6lfw8;
59
- $sliderMaxStart: --awsui-slider-max-start-n6lfw8;
60
- $sliderMinEnd: --awsui-slider-min-end-n6lfw8;
61
- $sliderRangeInlineSize: --awsui-slider-range-inline-size-n6lfw8;
62
- $sliderTooltipPosition: --awsui-slider-tooltip-position-n6lfw8;
63
- $togglesLeftWidth: --awsui-toggles-left-width-n6lfw8;
64
- $togglesRightWidth: --awsui-toggles-right-width-n6lfw8;
65
- $promptInputMaxRows: --awsui-prompt-input-max-rows-n6lfw8;
66
- $promptInputScrollHeight: --awsui-prompt-input-scroll-height-n6lfw8;
67
- $dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-n6lfw8;
68
- $dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-n6lfw8;
69
- $styleBackgroundActive: --awsui-style-background-active-n6lfw8;
70
- $styleBackgroundDefault: --awsui-style-background-default-n6lfw8;
71
- $styleBackgroundDisabled: --awsui-style-background-disabled-n6lfw8;
72
- $styleBackgroundHover: --awsui-style-background-hover-n6lfw8;
73
- $styleBorderColorActive: --awsui-style-border-color-active-n6lfw8;
74
- $styleBorderColorDefault: --awsui-style-border-color-default-n6lfw8;
75
- $styleBorderColorDisabled: --awsui-style-border-color-disabled-n6lfw8;
76
- $styleBorderColorHover: --awsui-style-border-color-hover-n6lfw8;
77
- $styleColorActive: --awsui-style-color-active-n6lfw8;
78
- $styleColorDefault: --awsui-style-color-default-n6lfw8;
79
- $styleColorDisabled: --awsui-style-color-disabled-n6lfw8;
80
- $styleColorHover: --awsui-style-color-hover-n6lfw8;
81
- $styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-n6lfw8;
82
- $styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-n6lfw8;
83
- $styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-n6lfw8;
84
- $styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-n6lfw8;
85
- $styleBoxShadowActive: --awsui-style-box-shadow-active-n6lfw8;
86
- $styleBoxShadowDefault: --awsui-style-box-shadow-default-n6lfw8;
87
- $styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-n6lfw8;
88
- $styleBoxShadowHover: --awsui-style-box-shadow-hover-n6lfw8;
89
- $styleBackgroundReadonly: --awsui-style-background-readonly-n6lfw8;
90
- $styleBorderColorReadonly: --awsui-style-border-color-readonly-n6lfw8;
91
- $styleBoxShadowReadonly: --awsui-style-box-shadow-readonly-n6lfw8;
92
- $styleColorReadonly: --awsui-style-color-readonly-n6lfw8;
93
- $styleBackgroundFocus: --awsui-style-background-focus-n6lfw8;
94
- $styleBorderColorFocus: --awsui-style-border-color-focus-n6lfw8;
95
- $styleBoxShadowFocus: --awsui-style-box-shadow-focus-n6lfw8;
96
- $styleColorFocus: --awsui-style-color-focus-n6lfw8;
97
- $stylePlaceholderColor: --awsui-style-placeholder-color-n6lfw8;
98
- $stylePlaceholderFontSize: --awsui-style-placeholder-font-size-n6lfw8;
99
- $stylePlaceholderFontStyle: --awsui-style-placeholder-font-style-n6lfw8;
100
- $stylePlaceholderFontWeight: --awsui-style-placeholder-font-weight-n6lfw8;
101
- $styleTabsActiveIndicatorColor: --awsui-style-tabs-active-indicator-color-n6lfw8;
102
- $styleTabsActiveIndicatorWidth: --awsui-style-tabs-active-indicator-width-n6lfw8;
103
- $styleTabsActiveIndicatorBorderRadius: --awsui-style-tabs-active-indicator-border-radius-n6lfw8;
104
- $styleTabsSeparatorColor: --awsui-style-tabs-separator-color-n6lfw8;
105
- $styleTabsSeparatorWidth: --awsui-style-tabs-separator-width-n6lfw8;
106
- $alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-n6lfw8;
107
- $alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-n6lfw8;
108
- $alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-n6lfw8;
109
- $alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-n6lfw8;
110
- $alertIconColor: --awsui-alert-icon-color-n6lfw8;
111
- $promptInputStyleBackgroundDefault: --awsui-prompt-input-style-background-default-n6lfw8;
112
- $promptInputStyleBackgroundDisabled: --awsui-prompt-input-style-background-disabled-n6lfw8;
113
- $promptInputStyleBackgroundFocus: --awsui-prompt-input-style-background-focus-n6lfw8;
114
- $promptInputStyleBackgroundHover: --awsui-prompt-input-style-background-hover-n6lfw8;
115
- $promptInputStyleBackgroundReadonly: --awsui-prompt-input-style-background-readonly-n6lfw8;
116
- $promptInputStyleBorderColorDefault: --awsui-prompt-input-style-border-color-default-n6lfw8;
117
- $promptInputStyleBorderColorDisabled: --awsui-prompt-input-style-border-color-disabled-n6lfw8;
118
- $promptInputStyleBorderColorFocus: --awsui-prompt-input-style-border-color-focus-n6lfw8;
119
- $promptInputStyleBorderColorHover: --awsui-prompt-input-style-border-color-hover-n6lfw8;
120
- $promptInputStyleBorderColorReadonly: --awsui-prompt-input-style-border-color-readonly-n6lfw8;
121
- $promptInputStyleBoxShadowDefault: --awsui-prompt-input-style-box-shadow-default-n6lfw8;
122
- $promptInputStyleBoxShadowDisabled: --awsui-prompt-input-style-box-shadow-disabled-n6lfw8;
123
- $promptInputStyleBoxShadowFocus: --awsui-prompt-input-style-box-shadow-focus-n6lfw8;
124
- $promptInputStyleBoxShadowHover: --awsui-prompt-input-style-box-shadow-hover-n6lfw8;
125
- $promptInputStyleBoxShadowReadonly: --awsui-prompt-input-style-box-shadow-readonly-n6lfw8;
126
- $promptInputStyleColorDefault: --awsui-prompt-input-style-color-default-n6lfw8;
127
- $promptInputStyleColorDisabled: --awsui-prompt-input-style-color-disabled-n6lfw8;
128
- $promptInputStyleColorFocus: --awsui-prompt-input-style-color-focus-n6lfw8;
129
- $promptInputStyleColorHover: --awsui-prompt-input-style-color-hover-n6lfw8;
130
- $promptInputStyleColorReadonly: --awsui-prompt-input-style-color-readonly-n6lfw8;
131
- $promptInputStylePlaceholderColor: --awsui-prompt-input-style-placeholder-color-n6lfw8;
132
- $promptInputStylePlaceholderFontSize: --awsui-prompt-input-style-placeholder-font-size-n6lfw8;
133
- $promptInputStylePlaceholderFontStyle: --awsui-prompt-input-style-placeholder-font-style-n6lfw8;
134
- $promptInputStylePlaceholderFontWeight: --awsui-prompt-input-style-placeholder-font-weight-n6lfw8;
135
- $progressBarBackgroundColor: --awsui-progress-bar-background-color-n6lfw8;
136
- $progressBarBorderRadius: --awsui-progress-bar-border-radius-n6lfw8;
137
- $progressBarHeight: --awsui-progress-bar-height-n6lfw8;
138
- $progressValueBackgroundColor: --awsui-progress-value-background-color-n6lfw8;
139
- $styleSliderTrackBackgroundColor: --awsui-style-slider-track-background-color-n6lfw8;
140
- $styleSliderRangeBackgroundDefault: --awsui-style-slider-range-background-default-n6lfw8;
141
- $styleSliderRangeBackgroundActive: --awsui-style-slider-range-background-active-n6lfw8;
142
- $styleSliderHandleBackgroundDefault: --awsui-style-slider-handle-background-default-n6lfw8;
143
- $styleSliderHandleBackgroundHover: --awsui-style-slider-handle-background-hover-n6lfw8;
144
- $styleSliderHandleBackgroundActive: --awsui-style-slider-handle-background-active-n6lfw8;
145
- $styleSliderHandleBorderRadius: --awsui-style-slider-handle-border-radius-n6lfw8;
5
+ $maxContentWidth: --awsui-max-content-width-hzjhvz;
6
+ $minContentWidth: --awsui-min-content-width-hzjhvz;
7
+ $breadcrumbsGap: --awsui-breadcrumbs-gap-hzjhvz;
8
+ $contentGapLeft: --awsui-content-gap-left-hzjhvz;
9
+ $contentGapRight: --awsui-content-gap-right-hzjhvz;
10
+ $contentHeight: --awsui-content-height-hzjhvz;
11
+ $contentLayoutDefaultHorizontalPadding: --awsui-content-layout-default-horizontal-padding-hzjhvz;
12
+ $contentLayoutMaxContentWidth: --awsui-content-layout-max-content-width-hzjhvz;
13
+ $contentLayoutMainGap: --awsui-content-layout-main-gap-hzjhvz;
14
+ $defaultMaxContentWidth: --awsui-default-max-content-width-hzjhvz;
15
+ $defaultMinContentWidth: --awsui-default-min-content-width-hzjhvz;
16
+ $drawerSize: --awsui-drawer-size-hzjhvz;
17
+ $drawerMinSize: --awsui-drawer-min-size-hzjhvz;
18
+ $bottomDrawerSize: --awsui-bottom-drawer-size-hzjhvz;
19
+ $footerHeight: --awsui-footer-height-hzjhvz;
20
+ $headerGap: --awsui-header-gap-hzjhvz;
21
+ $headerHeight: --awsui-header-height-hzjhvz;
22
+ $layoutWidth: --awsui-layout-width-hzjhvz;
23
+ $mainGap: --awsui-main-gap-hzjhvz;
24
+ $mainOffsetLeft: --awsui-main-offset-left-hzjhvz;
25
+ $mainTemplateRows: --awsui-main-template-rows-hzjhvz;
26
+ $mobileBarHeight: --awsui-mobile-bar-height-hzjhvz;
27
+ $notificationsHeight: --awsui-notifications-height-hzjhvz;
28
+ $offsetTop: --awsui-offset-top-hzjhvz;
29
+ $overlapHeight: --awsui-overlap-height-hzjhvz;
30
+ $navigationWidth: --awsui-navigation-width-hzjhvz;
31
+ $splitPanelReportedHeaderSize: --awsui-split-panel-reported-header-size-hzjhvz;
32
+ $splitPanelReportedSize: --awsui-split-panel-reported-size-hzjhvz;
33
+ $splitPanelHeight: --awsui-split-panel-height-hzjhvz;
34
+ $splitPanelMinWidth: --awsui-split-panel-min-width-hzjhvz;
35
+ $splitPanelMaxWidth: --awsui-split-panel-max-width-hzjhvz;
36
+ $toolsMaxWidth: --awsui-tools-max-width-hzjhvz;
37
+ $toolsWidth: --awsui-tools-width-hzjhvz;
38
+ $toolsAnimationStartingOpacity: --awsui-tools-animation-starting-opacity-hzjhvz;
39
+ $contentScrollMargin: --awsui-content-scroll-margin-hzjhvz;
40
+ $flashbarStackDepth: --awsui-flashbar-stack-depth-hzjhvz;
41
+ $flashbarStackIndex: --awsui-flashbar-stack-index-hzjhvz;
42
+ $flashbarStickyBottomMargin: --awsui-flashbar-sticky-bottom-margin-hzjhvz;
43
+ $stackedNotificationsBottomMargin: --awsui-stacked-notifications-bottom-margin-hzjhvz;
44
+ $stackedNotificationsDefaultBottomMargin: --awsui-stacked-notifications-default-bottom-margin-hzjhvz;
45
+ $dropdownDefaultMaxWidth: --awsui-dropdown-default-max-width-hzjhvz;
46
+ $dropdownDefaultMinWidth: --awsui-dropdown-default-min-width-hzjhvz;
47
+ $modalCustomWidth: --awsui-modal-custom-width-hzjhvz;
48
+ $modalCustomHeight: --awsui-modal-custom-height-hzjhvz;
49
+ $spinnerRotatorFrom: --awsui-spinner-rotator-from-hzjhvz;
50
+ $spinnerRotatorTo: --awsui-spinner-rotator-to-hzjhvz;
51
+ $spinnerLineLeftFrom: --awsui-spinner-line-left-from-hzjhvz;
52
+ $spinnerLineLeftTo: --awsui-spinner-line-left-to-hzjhvz;
53
+ $spinnerLineRightFrom: --awsui-spinner-line-right-from-hzjhvz;
54
+ $spinnerLineRightTo: --awsui-spinner-line-right-to-hzjhvz;
55
+ $sliderLabelCount: --awsui-slider-label-count-hzjhvz;
56
+ $sliderTickCount: --awsui-slider-tick-count-hzjhvz;
57
+ $sliderReferenceColumn: --awsui-slider-reference-column-hzjhvz;
58
+ $sliderNextReferenceColumn: --awsui-slider-next-reference-column-hzjhvz;
59
+ $sliderMaxStart: --awsui-slider-max-start-hzjhvz;
60
+ $sliderMinEnd: --awsui-slider-min-end-hzjhvz;
61
+ $sliderRangeInlineSize: --awsui-slider-range-inline-size-hzjhvz;
62
+ $sliderTooltipPosition: --awsui-slider-tooltip-position-hzjhvz;
63
+ $togglesLeftWidth: --awsui-toggles-left-width-hzjhvz;
64
+ $togglesRightWidth: --awsui-toggles-right-width-hzjhvz;
65
+ $promptInputMaxRows: --awsui-prompt-input-max-rows-hzjhvz;
66
+ $promptInputScrollHeight: --awsui-prompt-input-scroll-height-hzjhvz;
67
+ $dragHandleAnimationInlineOffset: --awsui-drag-handle-animation-inline-offset-hzjhvz;
68
+ $dragHandleAnimationBlockOffset: --awsui-drag-handle-animation-block-offset-hzjhvz;
69
+ $styleBackgroundActive: --awsui-style-background-active-hzjhvz;
70
+ $styleBackgroundDefault: --awsui-style-background-default-hzjhvz;
71
+ $styleBackgroundDisabled: --awsui-style-background-disabled-hzjhvz;
72
+ $styleBackgroundHover: --awsui-style-background-hover-hzjhvz;
73
+ $styleBorderColorActive: --awsui-style-border-color-active-hzjhvz;
74
+ $styleBorderColorDefault: --awsui-style-border-color-default-hzjhvz;
75
+ $styleBorderColorDisabled: --awsui-style-border-color-disabled-hzjhvz;
76
+ $styleBorderColorHover: --awsui-style-border-color-hover-hzjhvz;
77
+ $styleColorActive: --awsui-style-color-active-hzjhvz;
78
+ $styleColorDefault: --awsui-style-color-default-hzjhvz;
79
+ $styleColorDisabled: --awsui-style-color-disabled-hzjhvz;
80
+ $styleColorHover: --awsui-style-color-hover-hzjhvz;
81
+ $styleFocusRingBorderColor: --awsui-style-focus-ring-border-color-hzjhvz;
82
+ $styleFocusRingBorderRadius: --awsui-style-focus-ring-border-radius-hzjhvz;
83
+ $styleFocusRingBorderWidth: --awsui-style-focus-ring-border-width-hzjhvz;
84
+ $styleFocusRingBoxShadow: --awsui-style-focus-ring-box-shadow-hzjhvz;
85
+ $styleBoxShadowActive: --awsui-style-box-shadow-active-hzjhvz;
86
+ $styleBoxShadowDefault: --awsui-style-box-shadow-default-hzjhvz;
87
+ $styleBoxShadowDisabled: --awsui-style-box-shadow-disabled-hzjhvz;
88
+ $styleBoxShadowHover: --awsui-style-box-shadow-hover-hzjhvz;
89
+ $styleBackgroundReadonly: --awsui-style-background-readonly-hzjhvz;
90
+ $styleBorderColorReadonly: --awsui-style-border-color-readonly-hzjhvz;
91
+ $styleBoxShadowReadonly: --awsui-style-box-shadow-readonly-hzjhvz;
92
+ $styleColorReadonly: --awsui-style-color-readonly-hzjhvz;
93
+ $styleBackgroundFocus: --awsui-style-background-focus-hzjhvz;
94
+ $styleBorderColorFocus: --awsui-style-border-color-focus-hzjhvz;
95
+ $styleBoxShadowFocus: --awsui-style-box-shadow-focus-hzjhvz;
96
+ $styleColorFocus: --awsui-style-color-focus-hzjhvz;
97
+ $stylePlaceholderColor: --awsui-style-placeholder-color-hzjhvz;
98
+ $stylePlaceholderFontSize: --awsui-style-placeholder-font-size-hzjhvz;
99
+ $stylePlaceholderFontStyle: --awsui-style-placeholder-font-style-hzjhvz;
100
+ $stylePlaceholderFontWeight: --awsui-style-placeholder-font-weight-hzjhvz;
101
+ $styleTabsActiveIndicatorColor: --awsui-style-tabs-active-indicator-color-hzjhvz;
102
+ $styleTabsActiveIndicatorWidth: --awsui-style-tabs-active-indicator-width-hzjhvz;
103
+ $styleTabsActiveIndicatorBorderRadius: --awsui-style-tabs-active-indicator-border-radius-hzjhvz;
104
+ $styleTabsSeparatorColor: --awsui-style-tabs-separator-color-hzjhvz;
105
+ $styleTabsSeparatorWidth: --awsui-style-tabs-separator-width-hzjhvz;
106
+ $alertFocusRingBorderColor: --awsui-alert-focus-ring-border-color-hzjhvz;
107
+ $alertFocusRingBorderRadius: --awsui-alert-focus-ring-border-radius-hzjhvz;
108
+ $alertFocusRingBorderWidth: --awsui-alert-focus-ring-border-width-hzjhvz;
109
+ $alertFocusRingBoxShadow: --awsui-alert-focus-ring-box-shadow-hzjhvz;
110
+ $alertIconColor: --awsui-alert-icon-color-hzjhvz;
111
+ $promptInputStyleBackgroundDefault: --awsui-prompt-input-style-background-default-hzjhvz;
112
+ $promptInputStyleBackgroundDisabled: --awsui-prompt-input-style-background-disabled-hzjhvz;
113
+ $promptInputStyleBackgroundFocus: --awsui-prompt-input-style-background-focus-hzjhvz;
114
+ $promptInputStyleBackgroundHover: --awsui-prompt-input-style-background-hover-hzjhvz;
115
+ $promptInputStyleBackgroundReadonly: --awsui-prompt-input-style-background-readonly-hzjhvz;
116
+ $promptInputStyleBorderColorDefault: --awsui-prompt-input-style-border-color-default-hzjhvz;
117
+ $promptInputStyleBorderColorDisabled: --awsui-prompt-input-style-border-color-disabled-hzjhvz;
118
+ $promptInputStyleBorderColorFocus: --awsui-prompt-input-style-border-color-focus-hzjhvz;
119
+ $promptInputStyleBorderColorHover: --awsui-prompt-input-style-border-color-hover-hzjhvz;
120
+ $promptInputStyleBorderColorReadonly: --awsui-prompt-input-style-border-color-readonly-hzjhvz;
121
+ $promptInputStyleBoxShadowDefault: --awsui-prompt-input-style-box-shadow-default-hzjhvz;
122
+ $promptInputStyleBoxShadowDisabled: --awsui-prompt-input-style-box-shadow-disabled-hzjhvz;
123
+ $promptInputStyleBoxShadowFocus: --awsui-prompt-input-style-box-shadow-focus-hzjhvz;
124
+ $promptInputStyleBoxShadowHover: --awsui-prompt-input-style-box-shadow-hover-hzjhvz;
125
+ $promptInputStyleBoxShadowReadonly: --awsui-prompt-input-style-box-shadow-readonly-hzjhvz;
126
+ $promptInputStyleColorDefault: --awsui-prompt-input-style-color-default-hzjhvz;
127
+ $promptInputStyleColorDisabled: --awsui-prompt-input-style-color-disabled-hzjhvz;
128
+ $promptInputStyleColorFocus: --awsui-prompt-input-style-color-focus-hzjhvz;
129
+ $promptInputStyleColorHover: --awsui-prompt-input-style-color-hover-hzjhvz;
130
+ $promptInputStyleColorReadonly: --awsui-prompt-input-style-color-readonly-hzjhvz;
131
+ $promptInputStylePlaceholderColor: --awsui-prompt-input-style-placeholder-color-hzjhvz;
132
+ $promptInputStylePlaceholderFontSize: --awsui-prompt-input-style-placeholder-font-size-hzjhvz;
133
+ $promptInputStylePlaceholderFontStyle: --awsui-prompt-input-style-placeholder-font-style-hzjhvz;
134
+ $promptInputStylePlaceholderFontWeight: --awsui-prompt-input-style-placeholder-font-weight-hzjhvz;
135
+ $progressBarBackgroundColor: --awsui-progress-bar-background-color-hzjhvz;
136
+ $progressBarBorderRadius: --awsui-progress-bar-border-radius-hzjhvz;
137
+ $progressBarHeight: --awsui-progress-bar-height-hzjhvz;
138
+ $progressValueBackgroundColor: --awsui-progress-value-background-color-hzjhvz;
139
+ $styleSliderTrackBackgroundColor: --awsui-style-slider-track-background-color-hzjhvz;
140
+ $styleSliderRangeBackgroundDefault: --awsui-style-slider-range-background-default-hzjhvz;
141
+ $styleSliderRangeBackgroundActive: --awsui-style-slider-range-background-active-hzjhvz;
142
+ $styleSliderHandleBackgroundDefault: --awsui-style-slider-handle-background-default-hzjhvz;
143
+ $styleSliderHandleBackgroundHover: --awsui-style-slider-handle-background-hover-hzjhvz;
144
+ $styleSliderHandleBackgroundActive: --awsui-style-slider-handle-background-active-hzjhvz;
145
+ $styleSliderHandleBorderRadius: --awsui-style-slider-handle-border-radius-hzjhvz;
146
+ $tokenStyleBackgroundDefault: --awsui-token-style-background-default-hzjhvz;
147
+ $tokenStyleBackgroundDisabled: --awsui-token-style-background-disabled-hzjhvz;
148
+ $tokenStyleBackgroundReadOnly: --awsui-token-style-background-read-only-hzjhvz;
149
+ $tokenStyleBorderColorDefault: --awsui-token-style-border-color-default-hzjhvz;
150
+ $tokenStyleBorderColorDisabled: --awsui-token-style-border-color-disabled-hzjhvz;
151
+ $tokenStyleBorderColorReadOnly: --awsui-token-style-border-color-read-only-hzjhvz;
152
+ $tokenStyleDismissColorDefault: --awsui-token-style-dismiss-color-default-hzjhvz;
153
+ $tokenStyleDismissColorDisabled: --awsui-token-style-dismiss-color-disabled-hzjhvz;
154
+ $tokenStyleDismissColorHover: --awsui-token-style-dismiss-color-hover-hzjhvz;
155
+ $tokenStyleDismissColorReadOnly: --awsui-token-style-dismiss-color-read-only-hzjhvz;
146
156
 
package/lib/internal/scss/token/mixins.scss CHANGED
@@ -4,20 +4,23 @@
4
4
  */
5
5
  @use '../internal/styles' as styles;
6
6
  @use '../internal/styles/tokens' as awsui;
7
+ @use '../internal/generated/custom-css-properties/index.scss' as custom-props;
7
8
  @use './constants' as constants;
8
9
 
9
10
  @mixin token-box-styles {
10
11
  position: relative;
11
12
  block-size: 100%;
12
- border-block: awsui.$border-width-token solid constants.$token-border-color;
13
- border-inline: awsui.$border-width-token solid constants.$token-border-color;
13
+ border-block: awsui.$border-width-token solid
14
+ var(#{custom-props.$tokenStyleBorderColorDefault}, constants.$token-border-color);
15
+ border-inline: awsui.$border-width-token solid
16
+ var(#{custom-props.$tokenStyleBorderColorDefault}, constants.$token-border-color);
14
17
  padding-block-start: styles.$control-padding-vertical;
15
18
  padding-block-end: styles.$control-padding-vertical;
16
19
  padding-inline-start: styles.$control-padding-horizontal;
17
20
  padding-inline-end: awsui.$space-xxs;
18
21
  display: flex;
19
22
  align-items: flex-start;
20
- background: constants.$token-background;
23
+ background: var(#{custom-props.$tokenStyleBackgroundDefault}, constants.$token-background);
21
24
  border-start-start-radius: awsui.$border-radius-token;
22
25
  border-start-end-radius: awsui.$border-radius-token;
23
26
  border-end-start-radius: awsui.$border-radius-token;
@@ -30,13 +33,15 @@
30
33
  position: relative;
31
34
  block-size: constants.$token-max-height-inline;
32
35
  max-block-size: constants.$token-max-height-inline;
33
- border-block: awsui.$border-width-field solid constants.$token-border-color;
34
- border-inline: awsui.$border-width-field solid constants.$token-border-color;
36
+ border-block: awsui.$border-width-field solid
37
+ var(#{custom-props.$tokenStyleBorderColorDefault}, constants.$token-border-color);
38
+ border-inline: awsui.$border-width-field solid
39
+ var(#{custom-props.$tokenStyleBorderColorDefault}, constants.$token-border-color);
35
40
  padding-inline-start: awsui.$space-scaled-xxs;
36
41
  padding-inline-end: awsui.$space-scaled-xxs;
37
42
  display: flex;
38
43
  align-items: center;
39
- background: constants.$token-background;
44
+ background: var(#{custom-props.$tokenStyleBackgroundDefault}, constants.$token-background);
40
45
  border-start-start-radius: awsui.$space-scaled-xxs;
41
46
  border-start-end-radius: awsui.$space-scaled-xxs;
42
47
  border-end-start-radius: awsui.$space-scaled-xxs;
package/lib/internal/scss/token/styles.scss CHANGED
@@ -5,7 +5,9 @@
5
5
 
6
6
  @use '../internal/styles' as styles;
7
7
  @use '../internal/styles/tokens' as awsui;
8
+ @use '../internal/styles/foundation' as foundation;
8
9
  @use '@cloudscape-design/component-toolkit/internal/focus-visible' as focus-visible;
10
+ @use '../internal/generated/custom-css-properties/index.scss' as custom-props;
9
11
  @use './constants' as constants;
10
12
  @use './mixins.scss' as mixins;
11
13
 
@@ -21,12 +23,20 @@
21
23
  border-inline: awsui.$border-width-field solid transparent;
22
24
  padding-block: 0;
23
25
  padding-inline: awsui.$space-xxs;
24
- color: awsui.$color-text-button-inline-icon-default;
26
+ color: var(#{custom-props.$tokenStyleDismissColorDefault}, awsui.$color-text-button-inline-icon-default);
25
27
  background-color: transparent;
26
28
  cursor: pointer;
27
29
 
30
+ #{custom-props.$styleFocusRingBoxShadow}: 0 0 0
31
+ var(#{custom-props.$styleFocusRingBorderWidth}, foundation.$box-shadow-focused-width)
32
+ var(#{custom-props.$styleFocusRingBorderColor}, awsui.$color-border-item-focused);
33
+
28
34
  @include focus-visible.when-visible {
29
- @include styles.focus-highlight(0px);
35
+ @include styles.focus-highlight(
36
+ $gutter: 0px,
37
+ $border-radius: var(#{custom-props.$styleFocusRingBorderRadius}, awsui.$border-radius-control-default-focus-ring),
38
+ $box-shadow: var(#{custom-props.$styleFocusRingBoxShadow})
39
+ );
30
40
  }
31
41
 
32
42
  &:focus {
@@ -35,7 +45,7 @@
35
45
  }
36
46
 
37
47
  &:hover {
38
- color: awsui.$color-text-button-inline-icon-hover;
48
+ color: var(#{custom-props.$tokenStyleDismissColorHover}, awsui.$color-text-button-inline-icon-hover);
39
49
  }
40
50
 
41
51
  &-inline {
@@ -99,21 +109,29 @@
99
109
 
100
110
  .token-box-readonly,
101
111
  .token-box-disabled {
102
- border-color: awsui.$color-border-input-disabled;
103
- background-color: awsui.$color-background-container-content;
104
112
  pointer-events: none;
105
113
 
106
114
  > .dismiss-button {
107
- color: awsui.$color-text-button-inline-icon-disabled;
108
115
  cursor: initial;
116
+ }
117
+ }
118
+
119
+ .token-box-readonly {
120
+ border-color: var(#{custom-props.$tokenStyleBorderColorReadOnly}, awsui.$color-border-input-disabled);
121
+ background: var(#{custom-props.$tokenStyleBackgroundReadOnly}, awsui.$color-background-container-content);
109
122
 
110
- &:hover {
111
- color: awsui.$color-text-button-inline-icon-disabled;
112
- }
123
+ > .dismiss-button {
124
+ color: var(#{custom-props.$tokenStyleDismissColorReadOnly}, awsui.$color-text-button-inline-icon-disabled);
113
125
  }
114
126
  }
115
127
 
116
128
  .token-box-disabled {
117
- border-color: awsui.$color-border-control-disabled;
129
+ border-color: var(#{custom-props.$tokenStyleBorderColorDisabled}, awsui.$color-border-control-disabled);
130
+ background: var(#{custom-props.$tokenStyleBackgroundDisabled}, awsui.$color-background-container-content);
118
131
  color: awsui.$color-text-disabled;
132
+
133
+ // stylelint-disable-next-line no-descending-specificity
134
+ > .dismiss-button {
135
+ color: var(#{custom-props.$tokenStyleDismissColorDisabled}, awsui.$color-text-button-inline-icon-disabled);
136
+ }
119
137
  }
package/lib/internal/template/alert/styles.css.js CHANGED
@@ -1,32 +1,32 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "alert": "awsui_alert_mx3cw_1uiie_193",
5
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1uiie_1",
6
- "root": "awsui_root_mx3cw_1uiie_215",
7
- "hidden": "awsui_hidden_mx3cw_1uiie_250",
8
- "alert-wrapper": "awsui_alert-wrapper_mx3cw_1uiie_299",
9
- "initial-hidden": "awsui_initial-hidden_mx3cw_1uiie_311",
10
- "header": "awsui_header_mx3cw_1uiie_316",
11
- "header-replacement": "awsui_header-replacement_mx3cw_1uiie_317",
12
- "action": "awsui_action_mx3cw_1uiie_321",
13
- "action-slot": "awsui_action-slot_mx3cw_1uiie_325",
14
- "action-button": "awsui_action-button_mx3cw_1uiie_326",
15
- "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1uiie_330",
16
- "text": "awsui_text_mx3cw_1uiie_361",
17
- "icon": "awsui_icon_mx3cw_1uiie_368",
18
- "message": "awsui_message_mx3cw_1uiie_371",
19
- "action-wrapped": "awsui_action-wrapped_mx3cw_1uiie_375",
20
- "icon-size-medium": "awsui_icon-size-medium_mx3cw_1uiie_379",
21
- "icon-size-big": "awsui_icon-size-big_mx3cw_1uiie_383",
22
- "icon-size-normal": "awsui_icon-size-normal_mx3cw_1uiie_387",
23
- "content": "awsui_content_mx3cw_1uiie_391",
24
- "content-replacement": "awsui_content-replacement_mx3cw_1uiie_392",
25
- "dismiss": "awsui_dismiss_mx3cw_1uiie_396",
26
- "dismiss-button": "awsui_dismiss-button_mx3cw_1uiie_401",
27
- "type-error": "awsui_type-error_mx3cw_1uiie_405",
28
- "type-warning": "awsui_type-warning_mx3cw_1uiie_413",
29
- "type-success": "awsui_type-success_mx3cw_1uiie_421",
30
- "type-info": "awsui_type-info_mx3cw_1uiie_429"
4
+ "alert": "awsui_alert_mx3cw_1737l_193",
5
+ "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_mx3cw_1737l_1",
6
+ "root": "awsui_root_mx3cw_1737l_215",
7
+ "hidden": "awsui_hidden_mx3cw_1737l_250",
8
+ "alert-wrapper": "awsui_alert-wrapper_mx3cw_1737l_299",
9
+ "initial-hidden": "awsui_initial-hidden_mx3cw_1737l_311",
10
+ "header": "awsui_header_mx3cw_1737l_316",
11
+ "header-replacement": "awsui_header-replacement_mx3cw_1737l_317",
12
+ "action": "awsui_action_mx3cw_1737l_321",
13
+ "action-slot": "awsui_action-slot_mx3cw_1737l_325",
14
+ "action-button": "awsui_action-button_mx3cw_1737l_326",
15
+ "alert-focus-wrapper": "awsui_alert-focus-wrapper_mx3cw_1737l_330",
16
+ "text": "awsui_text_mx3cw_1737l_361",
17
+ "icon": "awsui_icon_mx3cw_1737l_368",
18
+ "message": "awsui_message_mx3cw_1737l_371",
19
+ "action-wrapped": "awsui_action-wrapped_mx3cw_1737l_375",
20
+ "icon-size-medium": "awsui_icon-size-medium_mx3cw_1737l_379",
21
+ "icon-size-big": "awsui_icon-size-big_mx3cw_1737l_383",
22
+ "icon-size-normal": "awsui_icon-size-normal_mx3cw_1737l_387",
23
+ "content": "awsui_content_mx3cw_1737l_391",
24
+ "content-replacement": "awsui_content-replacement_mx3cw_1737l_392",
25
+ "dismiss": "awsui_dismiss_mx3cw_1737l_396",
26
+ "dismiss-button": "awsui_dismiss-button_mx3cw_1737l_401",
27
+ "type-error": "awsui_type-error_mx3cw_1737l_405",
28
+ "type-warning": "awsui_type-warning_mx3cw_1737l_413",
29
+ "type-success": "awsui_type-success_mx3cw_1737l_421",
30
+ "type-info": "awsui_type-info_mx3cw_1737l_429"
31
31
  };
32
32