@cloudscape-design/components 3.0.23 → 3.0.26

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 (163) hide show
  1. package/alert/styles.scoped.css +0 -34
  2. package/annotation-context/annotation/styles.scoped.css +0 -18
  3. package/app-layout/content-wrapper/styles.scoped.css +0 -4
  4. package/app-layout/mobile-toolbar/styles.scoped.css +0 -9
  5. package/app-layout/styles.scoped.css +0 -20
  6. package/app-layout/toggles/styles.scoped.css +0 -16
  7. package/app-layout/visual-refresh/styles.scoped.css +0 -71
  8. package/area-chart/styles.scoped.css +0 -13
  9. package/attribute-editor/styles.scoped.css +0 -23
  10. package/badge/styles.scoped.css +0 -15
  11. package/bar-chart/interfaces.d.ts +1 -1
  12. package/bar-chart/interfaces.d.ts.map +1 -1
  13. package/bar-chart/interfaces.js.map +1 -1
  14. package/box/styles.scoped.css +0 -171
  15. package/breadcrumb-group/item/styles.scoped.css +0 -11
  16. package/breadcrumb-group/styles.scoped.css +0 -10
  17. package/button/styles.scoped.css +0 -264
  18. package/button-dropdown/category-elements/styles.scoped.css +0 -26
  19. package/button-dropdown/item-element/styles.scoped.css +0 -22
  20. package/button-dropdown/mobile-expandable-group/styles.scoped.css +0 -5
  21. package/button-dropdown/styles.scoped.css +0 -7
  22. package/cards/styles.scoped.css +0 -45
  23. package/checkbox/styles.scoped.css +0 -11
  24. package/code-editor/styles.scoped.css +0 -87
  25. package/collection-preferences/styles.scoped.css +0 -12
  26. package/column-layout/styles.scoped.css +0 -12
  27. package/container/styles.scoped.css +0 -27
  28. package/date-picker/styles.scoped.css +0 -45
  29. package/date-range-picker/calendar/grids/day/styles.scoped.css +0 -45
  30. package/date-range-picker/index.d.ts.map +1 -1
  31. package/date-range-picker/index.js +13 -15
  32. package/date-range-picker/index.js.map +1 -1
  33. package/date-range-picker/relative-range/styles.scoped.css +0 -3
  34. package/date-range-picker/styles.css.js +41 -42
  35. package/date-range-picker/styles.scoped.css +49 -92
  36. package/date-range-picker/styles.selectors.js +41 -42
  37. package/expandable-section/styles.scoped.css +0 -33
  38. package/flashbar/styles.scoped.css +0 -36
  39. package/form/styles.scoped.css +0 -12
  40. package/form-field/styles.scoped.css +0 -26
  41. package/grid/styles.scoped.css +0 -6
  42. package/header/styles.scoped.css +0 -51
  43. package/help-panel/styles.scoped.css +0 -73
  44. package/hotspot/styles.scoped.css +0 -3
  45. package/icon/styles.scoped.css +0 -33
  46. package/input/styles.scoped.css +0 -49
  47. package/internal/base-component/styles.scoped.css +0 -1
  48. package/internal/components/abstract-switch/styles.scoped.css +0 -7
  49. package/internal/components/button-trigger/styles.scoped.css +0 -42
  50. package/internal/components/cartesian-chart/styles.scoped.css +0 -10
  51. package/internal/components/chart-filter/styles.scoped.css +0 -4
  52. package/internal/components/chart-legend/styles.scoped.css +0 -8
  53. package/internal/components/chart-plot/styles.scoped.css +0 -1
  54. package/internal/components/chart-popover/styles.scoped.css +0 -4
  55. package/internal/components/chart-series-details/styles.scoped.css +0 -12
  56. package/internal/components/chart-series-marker/styles.scoped.css +0 -7
  57. package/internal/components/chart-status-container/styles.scoped.css +0 -1
  58. package/internal/components/checkbox-icon/styles.scoped.css +0 -10
  59. package/internal/components/content-layout/styles.scoped.css +0 -5
  60. package/internal/components/dark-ribbon/styles.scoped.css +0 -1
  61. package/internal/components/dropdown/styles.scoped.css +0 -17
  62. package/internal/components/dropdown-footer/styles.scoped.css +0 -6
  63. package/internal/components/dropdown-status/styles.scoped.css +0 -6
  64. package/internal/components/filtering-token/styles.scoped.css +0 -21
  65. package/internal/components/menu-dropdown/styles.scoped.css +0 -17
  66. package/internal/components/option/styles.scoped.css +0 -16
  67. package/internal/components/options-list/styles.scoped.css +0 -5
  68. package/internal/components/selectable-item/styles.scoped.css +0 -44
  69. package/internal/environment.js +1 -1
  70. package/line-chart/interfaces.d.ts +1 -1
  71. package/line-chart/interfaces.d.ts.map +1 -1
  72. package/line-chart/interfaces.js.map +1 -1
  73. package/link/styles.scoped.css +0 -77
  74. package/mixed-line-bar-chart/bar-series.d.ts +1 -1
  75. package/mixed-line-bar-chart/bar-series.d.ts.map +1 -1
  76. package/mixed-line-bar-chart/bar-series.js.map +1 -1
  77. package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  78. package/mixed-line-bar-chart/chart-container.js +9 -10
  79. package/mixed-line-bar-chart/chart-container.js.map +1 -1
  80. package/mixed-line-bar-chart/chart-filters.d.ts +2 -2
  81. package/mixed-line-bar-chart/chart-filters.d.ts.map +1 -1
  82. package/mixed-line-bar-chart/chart-filters.js +1 -2
  83. package/mixed-line-bar-chart/chart-filters.js.map +1 -1
  84. package/mixed-line-bar-chart/chart-legend.d.ts +2 -2
  85. package/mixed-line-bar-chart/chart-legend.d.ts.map +1 -1
  86. package/mixed-line-bar-chart/chart-legend.js +1 -2
  87. package/mixed-line-bar-chart/chart-legend.js.map +1 -1
  88. package/mixed-line-bar-chart/domain.d.ts +4 -0
  89. package/mixed-line-bar-chart/domain.d.ts.map +1 -0
  90. package/mixed-line-bar-chart/domain.js +138 -0
  91. package/mixed-line-bar-chart/domain.js.map +1 -0
  92. package/mixed-line-bar-chart/format-highlighted.d.ts +2 -4
  93. package/mixed-line-bar-chart/format-highlighted.d.ts.map +1 -1
  94. package/mixed-line-bar-chart/format-highlighted.js +26 -15
  95. package/mixed-line-bar-chart/format-highlighted.js.map +1 -1
  96. package/mixed-line-bar-chart/hooks/use-mouse-hover.d.ts.map +1 -1
  97. package/mixed-line-bar-chart/hooks/use-mouse-hover.js +3 -2
  98. package/mixed-line-bar-chart/hooks/use-mouse-hover.js.map +1 -1
  99. package/mixed-line-bar-chart/hooks/use-navigation.d.ts.map +1 -1
  100. package/mixed-line-bar-chart/hooks/use-navigation.js +23 -35
  101. package/mixed-line-bar-chart/hooks/use-navigation.js.map +1 -1
  102. package/mixed-line-bar-chart/interfaces.d.ts +12 -2
  103. package/mixed-line-bar-chart/interfaces.d.ts.map +1 -1
  104. package/mixed-line-bar-chart/interfaces.js.map +1 -1
  105. package/mixed-line-bar-chart/internal.d.ts.map +1 -1
  106. package/mixed-line-bar-chart/internal.js +14 -6
  107. package/mixed-line-bar-chart/internal.js.map +1 -1
  108. package/mixed-line-bar-chart/line-series.d.ts +2 -2
  109. package/mixed-line-bar-chart/line-series.d.ts.map +1 -1
  110. package/mixed-line-bar-chart/line-series.js +21 -9
  111. package/mixed-line-bar-chart/line-series.js.map +1 -1
  112. package/mixed-line-bar-chart/make-scaled-bar-groups.d.ts.map +1 -1
  113. package/mixed-line-bar-chart/make-scaled-bar-groups.js +11 -4
  114. package/mixed-line-bar-chart/make-scaled-bar-groups.js.map +1 -1
  115. package/mixed-line-bar-chart/make-scaled-series.d.ts +2 -4
  116. package/mixed-line-bar-chart/make-scaled-series.d.ts.map +1 -1
  117. package/mixed-line-bar-chart/make-scaled-series.js +89 -25
  118. package/mixed-line-bar-chart/make-scaled-series.js.map +1 -1
  119. package/mixed-line-bar-chart/styles.scoped.css +0 -13
  120. package/mixed-line-bar-chart/utils.d.ts +5 -6
  121. package/mixed-line-bar-chart/utils.d.ts.map +1 -1
  122. package/mixed-line-bar-chart/utils.js +11 -112
  123. package/mixed-line-bar-chart/utils.js.map +1 -1
  124. package/modal/styles.scoped.css +0 -31
  125. package/multiselect/styles.scoped.css +0 -4
  126. package/package.json +1 -1
  127. package/pagination/styles.scoped.css +0 -22
  128. package/pie-chart/styles.scoped.css +0 -25
  129. package/popover/styles.scoped.css +0 -35
  130. package/progress-bar/styles.scoped.css +0 -25
  131. package/property-filter/styles.scoped.css +0 -22
  132. package/radio-group/styles.scoped.css +0 -22
  133. package/s3-resource-selector/s3-in-context/styles.scoped.css +0 -6
  134. package/segmented-control/styles.scoped.css +0 -36
  135. package/select/parts/styles.scoped.css +0 -6
  136. package/select/styles.scoped.css +0 -4
  137. package/side-navigation/styles.scoped.css +0 -38
  138. package/space-between/styles.scoped.css +0 -40
  139. package/spinner/styles.scoped.css +0 -17
  140. package/split-panel/styles.scoped.css +0 -65
  141. package/status-indicator/styles.scoped.css +0 -20
  142. package/table/body-cell/styles.scoped.css +0 -29
  143. package/table/header-cell/styles.scoped.css +0 -32
  144. package/table/resizer/styles.scoped.css +0 -6
  145. package/table/selection-control/styles.scoped.css +0 -3
  146. package/table/styles.scoped.css +0 -39
  147. package/table/use-selection.d.ts.map +1 -1
  148. package/table/use-selection.js +5 -5
  149. package/table/use-selection.js.map +1 -1
  150. package/tabs/styles.scoped.css +0 -41
  151. package/tag-editor/styles.scoped.css +0 -12
  152. package/text-content/styles.scoped.css +0 -54
  153. package/text-filter/styles.scoped.css +0 -7
  154. package/textarea/styles.scoped.css +0 -30
  155. package/tiles/styles.scoped.css +0 -55
  156. package/toggle/styles.scoped.css +0 -14
  157. package/token-group/styles.scoped.css +0 -35
  158. package/top-navigation/1.0-beta/styles.scoped.css +0 -40
  159. package/top-navigation/styles.scoped.css +0 -75
  160. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +0 -22
  161. package/tutorial-panel/components/tutorial-list/styles.scoped.css +0 -24
  162. package/tutorial-panel/styles.scoped.css +0 -5
  163. package/wizard/styles.scoped.css +0 -54
@@ -93,32 +93,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
93
93
  .awsui_header_16mm3_o5wv1_93:not(#\9) {
94
94
  position: relative;
95
95
  margin: 0;
96
- color: #414d5c;
97
96
  color: var(--color-text-dropdown-group-label-eaqlcl, #414d5c);
98
- border: 1px solid transparent;
99
97
  border: var(--border-divider-list-width-hacikr, 1px) solid transparent;
100
98
  border-left: 0;
101
99
  border-right: 0;
102
100
  font-weight: bold;
103
101
  display: flex;
104
102
  justify-content: space-between;
105
- padding: calc(
106
- 4px + (2px - 1px)
107
- ) calc(20px + 2px);
108
103
  padding: calc(
109
104
  var(--space-xxs-ynfts5, 4px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
110
105
  ) calc(var(--space-l-4vl6xu, 20px) + var(--border-item-width-qbbbsa, 2px));
111
106
  z-index: 1;
112
107
  }
113
108
  .awsui_header_16mm3_o5wv1_93.awsui_disabled_16mm3_o5wv1_108:not(#\9) {
114
- color: #9ba7b6;
115
109
  color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
116
110
  cursor: default;
117
111
  }
118
112
  .awsui_header_16mm3_o5wv1_93.awsui_expandable-header_16mm3_o5wv1_112:not(#\9) {
119
- border-top-color: #e9ebed;
120
113
  border-top-color: var(--color-border-dropdown-group-0utpsr, #e9ebed);
121
- border-bottom-color: #e9ebed;
122
114
  border-bottom-color: var(--color-border-dropdown-group-0utpsr, #e9ebed);
123
115
  cursor: pointer;
124
116
  }
@@ -132,46 +124,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
132
124
  border-bottom-color: transparent;
133
125
  }
134
126
  .awsui_header_16mm3_o5wv1_93.awsui_expandable-header_16mm3_o5wv1_112.awsui_highlighted_16mm3_o5wv1_126:not(#\9) {
135
- background-color: #f4f4f4;
136
127
  background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
137
- color: #000716;
138
128
  color: var(--color-text-dropdown-item-highlighted-oaabyk, #000716);
139
- padding: 4px 20px;
140
129
  padding: var(--space-xxs-ynfts5, 4px) var(--space-l-4vl6xu, 20px);
141
- border: 2px solid #7d8998;
142
130
  border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
143
- border-radius: 8px;
144
131
  border-radius: var(--border-radius-item-u2ibpi, 8px);
145
132
  z-index: 2;
146
133
  }
147
134
  .awsui_header_16mm3_o5wv1_93.awsui_expandable-header_16mm3_o5wv1_112.awsui_highlighted_16mm3_o5wv1_126.awsui_disabled_16mm3_o5wv1_108:not(#\9) {
148
- background-color: transparent;
149
135
  background-color: var(--color-background-dropdown-item-dimmed-qw48ma, transparent);
150
- border-color: #7d8998;
151
136
  border-color: var(--color-border-dropdown-item-dimmed-hover-6dhy15, #7d8998);
152
- color: #9ba7b6;
153
137
  color: var(--color-text-dropdown-item-dimmed-jyqdrs, #9ba7b6);
154
138
  }
155
139
  .awsui_header_16mm3_o5wv1_93.awsui_expandable-header_16mm3_o5wv1_112.awsui_variant-navigation_16mm3_o5wv1_139:not(#\9) {
156
- padding-top: 8px;
157
140
  padding-top: var(--space-xs-rsr2qu, 8px);
158
- padding-bottom: 8px;
159
141
  padding-bottom: var(--space-xs-rsr2qu, 8px);
160
142
  }
161
143
  .awsui_header_16mm3_o5wv1_93.awsui_expandable-header_16mm3_o5wv1_112.awsui_variant-navigation_16mm3_o5wv1_139.awsui_highlighted_16mm3_o5wv1_126:not(#\9) {
162
144
  border-color: transparent;
163
- border-top-color: #e9ebed;
164
145
  border-top-color: var(--color-border-dropdown-group-0utpsr, #e9ebed);
165
- border-bottom-color: #e9ebed;
166
146
  border-bottom-color: var(--color-border-dropdown-group-0utpsr, #e9ebed);
167
147
  background-color: transparent;
168
- color: #0972d3;
169
148
  color: var(--color-text-accent-s1eqko, #0972d3);
170
149
  }
171
150
 
172
151
  .awsui_category_16mm3_o5wv1_151:not(#\9) {
173
152
  list-style: none;
174
- margin-top: calc(-1 * 1px);
175
153
  margin-top: calc(-1 * var(--border-divider-list-width-hacikr, 1px));
176
154
  padding: 0;
177
155
  }
@@ -185,7 +163,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
185
163
  border-bottom: none;
186
164
  }
187
165
  .awsui_category_16mm3_o5wv1_151.awsui_variant-navigation_16mm3_o5wv1_139:not(#\9) {
188
- padding-top: 4px;
189
166
  padding-top: var(--space-xxs-ynfts5, 4px);
190
167
  }
191
168
  .awsui_category_16mm3_o5wv1_151.awsui_variant-navigation_16mm3_o5wv1_139.awsui_expandable_16mm3_o5wv1_112:not(#\9) {
@@ -194,12 +171,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
194
171
 
195
172
  .awsui_expand-icon_16mm3_o5wv1_172:not(#\9) {
196
173
  position: relative;
197
- left: 12px;
198
174
  left: var(--space-s-hv8c1d, 12px);
199
- width: 16px;
200
175
  width: var(--space-m-17eucw, 16px);
201
176
  display: inline-block;
202
- transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
203
177
  transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
204
178
  }
205
179
  .awsui_expand-icon-up_16mm3_o5wv1_179:not(#\9) {
@@ -93,69 +93,51 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
93
93
  .awsui_item-element_93a1u_1cg8g_93:not(#\9) {
94
94
  position: relative;
95
95
  z-index: 1;
96
- border: 2px solid transparent;
97
96
  border: var(--border-item-width-qbbbsa, 2px) solid transparent;
98
97
  list-style: none;
99
98
  padding: 0;
100
- color: #000716;
101
99
  color: var(--color-text-dropdown-item-default-7tg9p2, #000716);
102
- margin-top: calc(-1 * 2px);
103
100
  margin-top: calc(-1 * var(--border-field-width-idlekx, 2px));
104
101
  cursor: pointer;
105
102
  }
106
103
  .awsui_item-element_93a1u_1cg8g_93.awsui_disabled_93a1u_1cg8g_103:not(#\9) {
107
104
  cursor: default;
108
- color: #9ba7b6;
109
105
  color: var(--color-text-dropdown-item-disabled-varol7, #9ba7b6);
110
106
  }
111
107
  .awsui_item-element_93a1u_1cg8g_93:not(#\9):first-child {
112
108
  margin-top: 0;
113
109
  }
114
110
  .awsui_item-element_93a1u_1cg8g_93.awsui_last_93a1u_1cg8g_110:not(#\9) {
115
- border-bottom: 2px solid #e9ebed;
116
111
  border-bottom: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-dropdown-group-0utpsr, #e9ebed);
117
112
  }
118
113
  .awsui_item-element_93a1u_1cg8g_93.awsui_highlighted_93a1u_1cg8g_113:not(#\9) {
119
- color: #000716;
120
114
  color: var(--color-text-dropdown-item-highlighted-oaabyk, #000716);
121
115
  z-index: 2;
122
116
  }
123
117
  .awsui_item-element_93a1u_1cg8g_93.awsui_highlighted_93a1u_1cg8g_113.awsui_variant-icon_93a1u_1cg8g_117:not(#\9), .awsui_item-element_93a1u_1cg8g_93.awsui_highlighted_93a1u_1cg8g_113.awsui_variant-normal_93a1u_1cg8g_117:not(#\9), .awsui_item-element_93a1u_1cg8g_93.awsui_highlighted_93a1u_1cg8g_113.awsui_variant-primary_93a1u_1cg8g_117:not(#\9) {
124
- background-color: #f4f4f4;
125
118
  background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
126
- border-color: #7d8998;
127
119
  border-color: var(--color-border-dropdown-item-hover-tyzq9m, #7d8998);
128
- border-radius: 8px;
129
120
  border-radius: var(--border-radius-item-u2ibpi, 8px);
130
121
  }
131
122
  .awsui_item-element_93a1u_1cg8g_93.awsui_highlighted_93a1u_1cg8g_113.awsui_variant-icon_93a1u_1cg8g_117.awsui_disabled_93a1u_1cg8g_103:not(#\9), .awsui_item-element_93a1u_1cg8g_93.awsui_highlighted_93a1u_1cg8g_113.awsui_variant-normal_93a1u_1cg8g_117.awsui_disabled_93a1u_1cg8g_103:not(#\9), .awsui_item-element_93a1u_1cg8g_93.awsui_highlighted_93a1u_1cg8g_113.awsui_variant-primary_93a1u_1cg8g_117.awsui_disabled_93a1u_1cg8g_103:not(#\9) {
132
- color: #9ba7b6;
133
123
  color: var(--color-text-dropdown-item-dimmed-jyqdrs, #9ba7b6);
134
- border-color: #7d8998;
135
124
  border-color: var(--color-border-dropdown-item-dimmed-hover-6dhy15, #7d8998);
136
- background-color: transparent;
137
125
  background-color: var(--color-background-dropdown-item-dimmed-qw48ma, transparent);
138
126
  }
139
127
  .awsui_item-element_93a1u_1cg8g_93.awsui_variant-navigation_93a1u_1cg8g_127.awsui_highlighted_93a1u_1cg8g_113:not(#\9) {
140
- color: #0972d3;
141
128
  color: var(--color-text-accent-s1eqko, #0972d3);
142
129
  }
143
130
  .awsui_item-element_93a1u_1cg8g_93.awsui_variant-navigation_93a1u_1cg8g_127.awsui_first_93a1u_1cg8g_130:not(#\9):not(.awsui_has-category-header_93a1u_1cg8g_130) {
144
- padding-top: 4px;
145
131
  padding-top: var(--space-xxs-ynfts5, 4px);
146
132
  }
147
133
  .awsui_item-element_93a1u_1cg8g_93.awsui_variant-navigation_93a1u_1cg8g_127.awsui_last_93a1u_1cg8g_110:not(#\9) {
148
- padding-bottom: 4px;
149
134
  padding-bottom: var(--space-xxs-ynfts5, 4px);
150
135
  }
151
136
  .awsui_item-element_93a1u_1cg8g_93.awsui_variant-navigation_93a1u_1cg8g_127.awsui_first_93a1u_1cg8g_130.awsui_last_93a1u_1cg8g_110:not(#\9) {
152
- padding-bottom: 4px;
153
137
  padding-bottom: var(--space-xxs-ynfts5, 4px);
154
- padding-top: 4px;
155
138
  padding-top: var(--space-xxs-ynfts5, 4px);
156
139
  }
157
140
  .awsui_item-element_93a1u_1cg8g_93.awsui_variant-navigation_93a1u_1cg8g_127.awsui_last_93a1u_1cg8g_110:not(#\9):last-child {
158
- padding-bottom: 4px;
159
141
  padding-bottom: var(--space-xxs-ynfts5, 4px);
160
142
  }
161
143
 
@@ -165,7 +147,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
165
147
  word-break: break-word;
166
148
  display: flex;
167
149
  align-items: flex-start;
168
- padding: 4px 20px;
169
150
  padding: var(--space-xxs-ynfts5, 4px) var(--space-l-4vl6xu, 20px);
170
151
  color: inherit;
171
152
  text-decoration: none;
@@ -175,17 +156,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
175
156
  outline: none;
176
157
  }
177
158
  .awsui_has-category-header_93a1u_1cg8g_130 > .awsui_menu-item_93a1u_1cg8g_144:not(#\9), .awsui_has-category-header_93a1u_1cg8g_130 > span > .awsui_menu-item_93a1u_1cg8g_144:not(#\9) {
178
- padding-left: 32px;
179
159
  padding-left: var(--space-xxl-2nvmf1, 32px);
180
160
  }
181
161
 
182
162
  .awsui_icon_93a1u_1cg8g_162:not(#\9) {
183
- padding-right: 8px;
184
163
  padding-right: var(--space-xs-rsr2qu, 8px);
185
164
  flex-shrink: 0;
186
165
  }
187
166
 
188
167
  .awsui_external-icon_93a1u_1cg8g_167:not(#\9) {
189
- margin-left: 4px;
190
168
  margin-left: var(--space-xxs-ynfts5, 4px);
191
169
  }
@@ -120,14 +120,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: 14px;
124
123
  font-size: var(--font-body-m-size-sregvd, 14px);
125
- line-height: 22px;
126
124
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
127
- color: #000716;
128
125
  color: var(--color-text-body-default-ajf1h5, #000716);
129
126
  font-weight: 400;
130
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
131
127
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
132
128
  position: static;
133
129
  white-space: inherit;
@@ -140,7 +136,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
140
136
  position: static;
141
137
  -webkit-user-select: none;
142
138
  user-select: none;
143
- background-color: #ffffff;
144
139
  background-color: var(--color-background-dropdown-item-default-fzdqsg, #ffffff);
145
140
  outline: none;
146
141
  border-top: none;
@@ -97,7 +97,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
97
97
  .awsui_items-list-container_sne0l_1gwdq_97:not(#\9) {
98
98
  padding: 0;
99
99
  margin: 0;
100
- animation: awsui_awsui-motion-fade-in-0_sne0l_1gwdq_1 500ms ease-out;
101
100
  animation: awsui_awsui-motion-fade-in-0_sne0l_1gwdq_1 500ms var(--motion-easing-show-quick-1fcgbv, ease-out);
102
101
  animation-fill-mode: none;
103
102
  }
@@ -114,7 +113,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
114
113
 
115
114
  .awsui_rotate-up_sne0l_1gwdq_114:not(#\9) {
116
115
  transform: rotate(-180deg);
117
- transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
118
116
  transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
119
117
  }
120
118
  @media (prefers-reduced-motion: reduce) {
@@ -130,7 +128,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
130
128
 
131
129
  .awsui_rotate-down_sne0l_1gwdq_129:not(#\9) {
132
130
  transform: rotate(0deg);
133
- transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
134
131
  transition: transform var(--motion-duration-rotate-180-ofa1ir, 135ms) var(--motion-easing-rotate-180-3rbbga, cubic-bezier(0.165, 0.84, 0.44, 1));
135
132
  }
136
133
  @media (prefers-reduced-motion: reduce) {
@@ -148,16 +145,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
148
145
  display: flex;
149
146
  flex-direction: column;
150
147
  list-style: none;
151
- padding: 12px 20px;
152
148
  padding: var(--space-s-hv8c1d, 12px) var(--space-l-4vl6xu, 20px);
153
- border: 2px solid transparent;
154
149
  border: var(--border-field-width-idlekx, 2px) solid transparent;
155
- border-bottom: 2px solid #e9ebed;
156
150
  border-bottom: var(--border-field-width-idlekx, 2px) solid var(--color-border-dropdown-group-0utpsr, #e9ebed);
157
151
  }
158
152
 
159
153
  .awsui_title_sne0l_1gwdq_153:not(#\9),
160
154
  .awsui_description_sne0l_1gwdq_154:not(#\9) {
161
- color: #000716;
162
155
  color: var(--color-text-dropdown-header-6e05nm, #000716);
163
156
  }
@@ -96,9 +96,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
96
  */
97
97
  .awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
98
98
  transition-property: background-color, border-top-color, border-bottom-color, border-left-color, border-right-color;
99
- transition-duration: 180ms;
100
99
  transition-duration: var(--motion-duration-transition-show-paced-ai4wlf, 180ms);
101
- transition-timing-function: ease-out;
102
100
  transition-timing-function: var(--motion-easing-transition-show-paced-bg1hyg, ease-out);
103
101
  }
104
102
  @media (prefers-reduced-motion: reduce) {
@@ -146,44 +144,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
146
144
  widows: 2;
147
145
  word-spacing: normal;
148
146
  box-sizing: border-box;
149
- font-size: 14px;
150
147
  font-size: var(--font-body-m-size-sregvd, 14px);
151
- line-height: 22px;
152
148
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
153
- color: #000716;
154
149
  color: var(--color-text-body-default-ajf1h5, #000716);
155
150
  font-weight: 400;
156
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
157
151
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
158
- font-size: 14px;
159
152
  font-size: var(--font-body-m-size-sregvd, 14px);
160
- line-height: 22px;
161
153
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
162
- color: #000716;
163
154
  color: var(--color-text-body-default-ajf1h5, #000716);
164
155
  font-weight: 400;
165
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
166
156
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
167
157
  }
168
158
 
169
159
  .awsui_header-variant-full-page_p8a6i_9tpvn_133.awsui_header-refresh_p8a6i_9tpvn_133:not(#\9) {
170
- box-shadow: 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
171
160
  box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
172
- border-top: 0px solid transparent;
173
161
  border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
174
- border-radius: 16px;
175
162
  border-radius: var(--border-radius-container-gh9ysk, 16px);
176
163
  box-sizing: border-box;
177
- padding-top: 12px;
178
164
  padding-top: var(--space-container-header-vertical-zsjhel, 12px);
179
165
  padding-left: 0;
180
166
  padding-right: 0;
181
- padding-bottom: calc(12px + 4px);
182
167
  padding-bottom: calc(var(--space-container-header-vertical-zsjhel, 12px) + var(--space-scaled-xxs-95dhkm, 4px));
183
168
  }
184
169
  @media screen and (-ms-high-contrast: active) {
185
170
  .awsui_header-variant-full-page_p8a6i_9tpvn_133.awsui_header-refresh_p8a6i_9tpvn_133:not(#\9) {
186
- border: 2px solid transparent;
187
171
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
188
172
  }
189
173
  }
@@ -194,7 +178,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
194
178
  box-sizing: border-box;
195
179
  padding: 0;
196
180
  list-style: none;
197
- margin: 0 0 0 calc(20px * -1);
198
181
  margin: 0 0 0 calc(var(--space-grid-gutter-0subky, 20px) * -1);
199
182
  }
200
183
  .awsui_list_p8a6i_9tpvn_149.awsui_list-grid-1_p8a6i_9tpvn_157 > .awsui_card_p8a6i_9tpvn_97:not(#\9) {
@@ -261,11 +244,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
261
244
  .awsui_selection-control_p8a6i_9tpvn_218:not(#\9) {
262
245
  position: absolute;
263
246
  box-sizing: border-box;
264
- width: calc(16px + (2 * 24px));
265
247
  width: calc(var(--size-control-n9i4yo, 16px) + (2 * var(--space-card-horizontal-dkvuen, 24px)));
266
248
  top: 0;
267
249
  right: 0;
268
- padding: 20px 24px;
269
250
  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-card-horizontal-dkvuen, 24px);
270
251
  }
271
252
 
@@ -273,14 +254,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
273
254
  .awsui_empty_p8a6i_9tpvn_228:not(#\9) {
274
255
  overflow: hidden;
275
256
  text-align: center;
276
- color: #5f6b7a;
277
257
  color: var(--color-text-empty-fjv325, #5f6b7a);
278
- margin-bottom: 20px;
279
258
  margin-bottom: var(--space-scaled-l-t03y3z, 20px);
280
259
  }
281
260
 
282
261
  .awsui_has-header_p8a6i_9tpvn_235:not(#\9) {
283
- margin-top: 20px;
284
262
  margin-top: var(--space-grid-gutter-0subky, 20px);
285
263
  }
286
264
 
@@ -294,21 +272,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
294
272
  }
295
273
  .awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
296
274
  position: relative;
297
- background-color: #ffffff;
298
275
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
299
- margin: 0 0 20px 20px;
300
276
  margin: 0 0 var(--space-grid-gutter-0subky, 20px) var(--space-grid-gutter-0subky, 20px);
301
- padding: 20px 24px 20px;
302
277
  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-card-horizontal-dkvuen, 24px) var(--space-scaled-l-t03y3z, 20px);
303
278
  border-color: transparent;
304
- box-shadow: 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12);
305
279
  box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
306
- border-top: 0px solid transparent;
307
280
  border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
308
- border-radius: 16px;
309
281
  border-radius: var(--border-radius-container-gh9ysk, 16px);
310
282
  box-sizing: border-box;
311
- border-width: 2px;
312
283
  border-width: var(--border-item-width-qbbbsa, 2px);
313
284
  width: 100%;
314
285
  min-width: 0;
@@ -316,24 +287,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
316
287
  }
317
288
  @media screen and (-ms-high-contrast: active) {
318
289
  .awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
319
- padding: calc(20px - 2px) calc(24px - 2px) calc(20px - 2px);
320
290
  padding: calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-card-horizontal-dkvuen, 24px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px));
321
291
  }
322
292
  }
323
293
  @media screen and (-ms-high-contrast: active) {
324
294
  .awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
325
- border: 2px solid transparent;
326
295
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
327
296
  }
328
297
  }
329
298
  .awsui_card-header_p8a6i_9tpvn_272:not(#\9) {
330
- font-size: 20px;
331
299
  font-size: var(--font-heading-m-size-6e3jmg, 20px);
332
- line-height: 24px;
333
300
  line-height: var(--font-heading-m-line-height-u3t54f, 24px);
334
- letter-spacing: -0.01em;
335
301
  letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
336
- font-weight: 800;
337
302
  font-weight: var(--font-heading-m-weight-hi5n0j, 800);
338
303
  }
339
304
  .awsui_card-header-inner_p8a6i_9tpvn_278:not(#\9) {
@@ -344,33 +309,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
344
309
  width: 90%;
345
310
  }
346
311
  .awsui_card-selected_p8a6i_9tpvn_285 > .awsui_card-inner_p8a6i_9tpvn_97:not(#\9) {
347
- border: 2px solid #0972d3;
348
312
  border: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
349
- background-color: #f2f8fd;
350
313
  background-color: var(--color-background-item-selected-ebt4bi, #f2f8fd);
351
- padding: 20px calc(24px - 2px) calc(20px - 2px);
352
314
  padding: var(--space-scaled-l-t03y3z, 20px) calc(var(--space-card-horizontal-dkvuen, 24px) - var(--border-item-width-qbbbsa, 2px)) calc(var(--space-scaled-l-t03y3z, 20px) - var(--border-item-width-qbbbsa, 2px));
353
315
  }
354
316
  .awsui_card-selected_p8a6i_9tpvn_285 > .awsui_card-inner_p8a6i_9tpvn_97 > .awsui_card-header_p8a6i_9tpvn_272 > .awsui_selection-control_p8a6i_9tpvn_218:not(#\9) {
355
- margin-right: calc(-1 * 2px);
356
317
  margin-right: calc(-1 * var(--border-item-width-qbbbsa, 2px));
357
318
  }
358
319
 
359
320
  .awsui_section_p8a6i_9tpvn_294:not(#\9) {
360
321
  display: inline-block;
361
322
  box-sizing: border-box;
362
- padding: 8px 0 8px 0;
363
323
  padding: var(--space-xs-rsr2qu, 8px) 0 var(--space-scaled-xs-6859qs, 8px) 0;
364
324
  vertical-align: top;
365
325
  }
366
326
  .awsui_section-header_p8a6i_9tpvn_300:not(#\9) {
367
- font-size: 14px;
368
327
  font-size: var(--font-body-m-size-sregvd, 14px);
369
- line-height: 22px;
370
328
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
371
- font-weight: 700;
372
329
  font-weight: var(--font-display-label-weight-m18hjh, 700);
373
- color: #000716;
374
330
  color: var(--color-text-label-gxskdy, #000716);
375
331
  }
376
332
  .awsui_section-content_p8a6i_9tpvn_306:not(#\9) {
@@ -378,6 +334,5 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
378
334
  }
379
335
 
380
336
  .awsui_section_p8a6i_9tpvn_294:not(#\9):last-child {
381
- padding: 8px 0 0 0;
382
337
  padding: var(--space-xs-rsr2qu, 8px) 0 0 0;
383
338
  }
@@ -120,28 +120,19 @@ div.awsui_root_k2y2q_fyu7k_93:not(#\9) {
120
120
  widows: 2;
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
- font-size: 14px;
124
123
  font-size: var(--font-body-m-size-sregvd, 14px);
125
- line-height: 22px;
126
124
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
127
- color: #000716;
128
125
  color: var(--color-text-body-default-ajf1h5, #000716);
129
126
  font-weight: 400;
130
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
131
127
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
132
128
  display: flex;
133
129
  }
134
130
 
135
131
  .awsui_checkbox-control_k2y2q_fyu7k_105:not(#\9) {
136
- margin-top: calc((22px - 16px) / 2);
137
132
  margin-top: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-control-n9i4yo, 16px)) / 2);
138
- min-height: 16px;
139
133
  min-height: var(--size-control-n9i4yo, 16px);
140
- min-width: 16px;
141
134
  min-width: var(--size-control-n9i4yo, 16px);
142
- height: 16px;
143
135
  height: var(--size-control-n9i4yo, 16px);
144
- width: 16px;
145
136
  width: var(--size-control-n9i4yo, 16px);
146
137
  }
147
138
 
@@ -163,8 +154,6 @@ div.awsui_root_k2y2q_fyu7k_93:not(#\9) {
163
154
  top: calc(-1 * 2px);
164
155
  width: calc(100% + 2 * 2px);
165
156
  height: calc(100% + 2 * 2px);
166
- border-radius: 4px;
167
157
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
168
- box-shadow: 0 0 0 2px #0972d3;
169
158
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
170
159
  }