@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
@@ -90,12 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_calendar_mgja0_1iswd_93:not(#\9) {
94
- animation: awsui_awsui-motion-fade-in-0_mgja0_1iswd_1 135ms ease-out;
95
- animation: awsui_awsui-motion-fade-in-0_mgja0_1iswd_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
93
+ .awsui_calendar_mgja0_622o7_93:not(#\9) {
94
+ animation: awsui_awsui-motion-fade-in-0_mgja0_622o7_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
96
95
  animation-fill-mode: both;
97
96
  }
98
- @keyframes awsui_awsui-motion-fade-in-0_mgja0_1iswd_1 {
97
+ @keyframes awsui_awsui-motion-fade-in-0_mgja0_622o7_1 {
99
98
  from {
100
99
  opacity: 0;
101
100
  }
@@ -104,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
104
103
  }
105
104
  }
106
105
  @media (prefers-reduced-motion: reduce) {
107
- .awsui_calendar_mgja0_1iswd_93:not(#\9) {
106
+ .awsui_calendar_mgja0_622o7_93:not(#\9) {
108
107
  animation: none;
109
108
  transition: none;
110
109
  }
111
110
  }
112
- .awsui-motion-disabled .awsui_calendar_mgja0_1iswd_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_1iswd_93:not(#\9) {
111
+ .awsui-motion-disabled .awsui_calendar_mgja0_622o7_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_622o7_93:not(#\9) {
113
112
  animation: none;
114
113
  transition: none;
115
114
  }
@@ -118,7 +117,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
118
117
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
119
118
  SPDX-License-Identifier: Apache-2.0
120
119
  */
121
- .awsui_root_mgja0_1iswd_120:not(#\9) {
120
+ .awsui_root_mgja0_622o7_120:not(#\9) {
122
121
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
123
122
  border-collapse: separate;
124
123
  border-spacing: 0;
@@ -148,47 +147,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
148
147
  widows: 2;
149
148
  word-spacing: normal;
150
149
  box-sizing: border-box;
151
- font-size: 14px;
152
150
  font-size: var(--font-body-m-size-sregvd, 14px);
153
- line-height: 22px;
154
151
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
155
- color: #000716;
156
152
  color: var(--color-text-body-default-ajf1h5, #000716);
157
153
  font-weight: 400;
158
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
159
154
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
160
155
  max-width: 32em;
161
156
  }
162
157
 
163
- .awsui_trigger-wrapper_mgja0_1iswd_132:not(#\9) {
164
- min-width: calc(238px + 2 * 20px);
158
+ .awsui_trigger-wrapper_mgja0_622o7_132:not(#\9) {
165
159
  min-width: calc(var(--size-calendar-grid-width-lxsx0p, 238px) + 2 * var(--space-l-4vl6xu, 20px));
166
160
  }
167
161
 
168
- .awsui_trigger-flexbox_mgja0_1iswd_136:not(#\9) {
162
+ .awsui_trigger-flexbox_mgja0_622o7_136:not(#\9) {
169
163
  display: flex;
170
164
  }
171
165
 
172
- .awsui_preferred-wordbreak_mgja0_1iswd_140:not(#\9) {
173
- display: inline-block;
174
- }
175
-
176
- .awsui_calendar_mgja0_1iswd_93:not(#\9) {
166
+ .awsui_calendar_mgja0_622o7_93:not(#\9) {
177
167
  display: block;
178
- width: calc(2 * 238px + 8px);
179
168
  width: calc(2 * var(--size-calendar-grid-width-lxsx0p, 238px) + var(--space-xs-rsr2qu, 8px));
180
169
  }
181
- .awsui_calendar_mgja0_1iswd_93.awsui_one-grid_mgja0_1iswd_148:not(#\9) {
182
- width: 238px;
170
+ .awsui_calendar_mgja0_622o7_93.awsui_one-grid_mgja0_622o7_144:not(#\9) {
183
171
  width: var(--size-calendar-grid-width-lxsx0p, 238px);
184
172
  }
185
- .awsui_calendar-header_mgja0_1iswd_151:not(#\9) {
173
+ .awsui_calendar-header_mgja0_622o7_147:not(#\9) {
186
174
  display: flex;
187
175
  justify-content: space-between;
188
176
  align-items: center;
189
177
  position: relative;
190
178
  }
191
- .awsui_calendar-header-months-wrapper_mgja0_1iswd_157:not(#\9) {
179
+ .awsui_calendar-header-months-wrapper_mgja0_622o7_153:not(#\9) {
192
180
  position: absolute;
193
181
  right: 0;
194
182
  left: 0;
@@ -200,193 +188,162 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
200
188
  flex: 1;
201
189
  pointer-events: none;
202
190
  }
203
- .awsui_calendar-header-month_mgja0_1iswd_157:not(#\9) {
204
- font-size: 14px;
191
+ .awsui_calendar-header-month_mgja0_622o7_153:not(#\9) {
205
192
  font-size: var(--font-body-m-size-sregvd, 14px);
206
- line-height: 22px;
207
193
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
208
194
  font-weight: 700;
209
- color: #000716;
210
195
  color: var(--color-text-body-default-ajf1h5, #000716);
211
196
  display: flex;
212
197
  pointer-events: auto;
213
198
  }
214
- .awsui_calendar-next-month-btn_mgja0_1iswd_177:not(#\9) {
199
+ .awsui_calendar-next-month-btn_mgja0_622o7_173:not(#\9) {
215
200
  /* used for identifying element */
216
201
  }
217
- .awsui_calendar-prev-month-btn_mgja0_1iswd_180:not(#\9) {
202
+ .awsui_calendar-prev-month-btn_mgja0_622o7_176:not(#\9) {
218
203
  /* used for identifying element */
219
204
  }
220
- .awsui_calendar-day-names_mgja0_1iswd_183:not(#\9) {
205
+ .awsui_calendar-day-names_mgja0_622o7_179:not(#\9) {
221
206
  display: flex;
222
207
  justify-content: stretch;
223
208
  }
224
- .awsui_calendar-day-name_mgja0_1iswd_183:not(#\9) {
209
+ .awsui_calendar-day-name_mgja0_622o7_179:not(#\9) {
225
210
  flex: 1 1 0%;
226
211
  width: 0;
227
212
  word-break: break-word;
228
213
  text-align: center;
229
- padding: 12px 0 4px;
230
214
  padding: var(--space-s-hv8c1d, 12px) 0 var(--space-xxs-ynfts5, 4px);
231
- color: #5f6b7a;
232
215
  color: var(--color-text-calendar-month-elf7e9, #5f6b7a);
233
- font-size: 12px;
234
216
  font-size: var(--font-body-s-size-ukw2p9, 12px);
235
- line-height: 16px;
236
217
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
237
- letter-spacing: 0.005em;
238
218
  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
239
219
  }
240
- .awsui_calendar-week_mgja0_1iswd_198:not(#\9) {
220
+ .awsui_calendar-week_mgja0_622o7_194:not(#\9) {
241
221
  display: flex;
242
222
  justify-content: stretch;
243
223
  }
244
224
 
245
- .awsui_first-grid_mgja0_1iswd_203:not(#\9),
246
- .awsui_second-grid_mgja0_1iswd_204:not(#\9) {
225
+ .awsui_first-grid_mgja0_622o7_199:not(#\9),
226
+ .awsui_second-grid_mgja0_622o7_200:not(#\9) {
247
227
  /* used in test-utils */
248
228
  }
249
229
 
250
- .awsui_grid_mgja0_1iswd_208:not(#\9) {
251
- width: 238px;
230
+ .awsui_grid_mgja0_622o7_204:not(#\9) {
252
231
  width: var(--size-calendar-grid-width-lxsx0p, 238px);
253
232
  }
254
233
 
255
- .awsui_date-and-time-wrapper_mgja0_1iswd_212:not(#\9) {
234
+ .awsui_date-and-time-wrapper_mgja0_622o7_208:not(#\9) {
256
235
  display: flex;
257
- width: 238px;
258
236
  width: var(--size-calendar-grid-width-lxsx0p, 238px);
259
237
  }
260
- .awsui_date-and-time-wrapper__date_mgja0_1iswd_216:not(#\9) {
261
- margin-right: 8px;
238
+ .awsui_date-and-time-wrapper__date_mgja0_622o7_212:not(#\9) {
262
239
  margin-right: var(--space-xs-rsr2qu, 8px);
263
240
  }
264
- .awsui_date-and-time-wrapper_mgja0_1iswd_212 > .awsui_date-and-time-wrapper__time_mgja0_1iswd_219:not(#\9), .awsui_date-and-time-wrapper_mgja0_1iswd_212 > .awsui_date-and-time-wrapper__date_mgja0_1iswd_216:not(#\9) {
241
+ .awsui_date-and-time-wrapper_mgja0_622o7_208 > .awsui_date-and-time-wrapper__time_mgja0_622o7_215:not(#\9), .awsui_date-and-time-wrapper_mgja0_622o7_208 > .awsui_date-and-time-wrapper__date_mgja0_622o7_212:not(#\9) {
265
242
  flex-grow: 1;
266
243
  }
267
244
 
268
- .awsui_date-and-time-constrainttext_mgja0_1iswd_223:not(#\9) {
269
- color: #5f6b7a;
245
+ .awsui_date-and-time-constrainttext_mgja0_622o7_219:not(#\9) {
270
246
  color: var(--color-text-form-secondary-ih9x7l, #5f6b7a);
271
- font-size: 12px;
272
247
  font-size: var(--font-body-s-size-ukw2p9, 12px);
273
- line-height: 16px;
274
248
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
275
- letter-spacing: 0.005em;
276
249
  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
277
250
  }
278
251
 
279
- .awsui_footer_mgja0_1iswd_230:not(#\9) {
252
+ .awsui_footer_mgja0_622o7_226:not(#\9) {
280
253
  display: flex;
281
254
  flex-wrap: wrap;
282
255
  justify-content: flex-end;
283
- border-top: 1px solid #e9ebed;
284
256
  border-top: 1px solid var(--color-border-dropdown-item-default-faosd8, #e9ebed);
285
- padding: 0 20px 12px;
286
257
  padding: 0 var(--space-l-4vl6xu, 20px) var(--space-s-hv8c1d, 12px);
287
258
  }
288
- .awsui_footer_mgja0_1iswd_230.awsui_has-clear-button_mgja0_1iswd_237:not(#\9) {
259
+ .awsui_footer_mgja0_622o7_226.awsui_has-clear-button_mgja0_622o7_233:not(#\9) {
289
260
  justify-content: space-between;
290
261
  }
291
- .awsui_footer_mgja0_1iswd_230.awsui_one-grid_mgja0_1iswd_148:not(#\9) {
292
- padding: 0 8px 12px;
262
+ .awsui_footer_mgja0_622o7_226.awsui_one-grid_mgja0_622o7_144:not(#\9) {
293
263
  padding: 0 var(--space-xs-rsr2qu, 8px) var(--space-s-hv8c1d, 12px);
294
264
  }
295
265
 
296
- .awsui_footer-button-wrapper_mgja0_1iswd_244:not(#\9) {
297
- padding-top: 12px;
266
+ .awsui_footer-button-wrapper_mgja0_622o7_240:not(#\9) {
298
267
  padding-top: var(--space-s-hv8c1d, 12px);
299
268
  }
300
269
 
301
- .awsui_icon-wrapper_mgja0_1iswd_248:not(#\9) {
302
- color: #414d5c;
270
+ .awsui_icon-wrapper_mgja0_622o7_244:not(#\9) {
303
271
  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
304
- margin-right: 8px;
305
272
  margin-right: var(--space-xs-rsr2qu, 8px);
306
273
  }
307
274
 
308
- .awsui_label_mgja0_1iswd_253:not(#\9) {
275
+ .awsui_label_mgja0_622o7_249:not(#\9) {
309
276
  -webkit-user-select: text;
310
277
  user-select: text;
311
278
  cursor: default;
312
279
  }
313
280
 
314
- .awsui_label_mgja0_1iswd_253.awsui_label-enabled_mgja0_1iswd_258:not(#\9):hover > .awsui_trigger-flexbox_mgja0_1iswd_136 > .awsui_icon-wrapper_mgja0_1iswd_248 {
315
- color: #000716;
281
+ .awsui_label_mgja0_622o7_249.awsui_label-enabled_mgja0_622o7_254:not(#\9):hover > .awsui_trigger-flexbox_mgja0_622o7_136 > .awsui_icon-wrapper_mgja0_622o7_244 {
316
282
  color: var(--color-text-interactive-hover-v3lasm, #000716);
317
283
  }
318
284
 
319
- .awsui_label-text_mgja0_1iswd_262:not(#\9) {
320
- color: #5f6b7a;
285
+ .awsui_label-text_mgja0_622o7_258:not(#\9) {
321
286
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
322
287
  font-style: italic;
323
288
  }
324
289
 
325
- .awsui_mode-switch_mgja0_1iswd_267:not(#\9) {
290
+ .awsui_mode-switch_mgja0_622o7_263:not(#\9) {
326
291
  /* used in test-utils */
327
292
  }
328
293
 
329
- .awsui_dropdown_mgja0_1iswd_271:not(#\9) {
294
+ .awsui_dropdown_mgja0_622o7_267:not(#\9) {
330
295
  overflow: auto;
331
- border-top: 1px solid transparent;
332
296
  border-top: 1px solid var(--color-border-container-top-srcvx4, transparent);
333
- border-bottom: 1px solid transparent;
334
297
  border-bottom: 1px solid var(--color-border-container-top-srcvx4, transparent);
335
- border-radius: 8px;
336
298
  border-radius: var(--border-radius-dropdown-ujknaf, 8px);
337
299
  }
338
- .awsui_dropdown_mgja0_1iswd_271:not(#\9):focus {
300
+ .awsui_dropdown_mgja0_622o7_267:not(#\9):focus {
339
301
  outline: none;
340
302
  }
341
- .awsui_dropdown_mgja0_1iswd_271[data-awsui-focus-visible=true]:not(#\9):focus {
303
+ .awsui_dropdown_mgja0_622o7_267[data-awsui-focus-visible=true]:not(#\9):focus {
342
304
  outline: 2px dotted transparent;
343
305
  outline-offset: 2px;
344
- border-radius: 16px;
345
306
  border-radius: var(--border-radius-container-gh9ysk, 16px);
346
- box-shadow: 0 0 0 2px #0972d3;
347
307
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
348
308
  }
349
309
 
350
- .awsui_dropdown-content_mgja0_1iswd_287:not(#\9) {
310
+ .awsui_dropdown-content_mgja0_622o7_283:not(#\9) {
351
311
  -webkit-user-select: text;
352
312
  user-select: text;
353
- background-color: #ffffff;
354
313
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
355
- width: calc(2 * 238px + 8px + 2 * 20px);
356
314
  width: calc(2 * var(--size-calendar-grid-width-lxsx0p, 238px) + var(--space-xs-rsr2qu, 8px) + 2 * var(--space-l-4vl6xu, 20px));
357
315
  }
358
- .awsui_dropdown-content_mgja0_1iswd_287.awsui_one-grid_mgja0_1iswd_148:not(#\9) {
359
- width: calc(238px + 2 * 20px);
316
+ .awsui_dropdown-content_mgja0_622o7_283.awsui_one-grid_mgja0_622o7_144:not(#\9) {
360
317
  width: calc(var(--size-calendar-grid-width-lxsx0p, 238px) + 2 * var(--space-l-4vl6xu, 20px));
361
318
  }
362
319
 
363
- .awsui_start-date-input_mgja0_1iswd_296:not(#\9),
364
- .awsui_start-time-input_mgja0_1iswd_297:not(#\9),
365
- .awsui_end-date-input_mgja0_1iswd_298:not(#\9),
366
- .awsui_end-time-input_mgja0_1iswd_299:not(#\9) {
320
+ .awsui_start-date-input_mgja0_622o7_292:not(#\9),
321
+ .awsui_start-time-input_mgja0_622o7_293:not(#\9),
322
+ .awsui_end-date-input_mgja0_622o7_294:not(#\9),
323
+ .awsui_end-time-input_mgja0_622o7_295:not(#\9) {
367
324
  /* used in test-utils */
368
325
  }
369
326
 
370
- .awsui_validation-section_mgja0_1iswd_303:not(#\9) {
327
+ .awsui_validation-section_mgja0_622o7_299:not(#\9) {
371
328
  /* used in test-utils */
372
329
  }
373
330
 
374
- .awsui_validation-error_mgja0_1iswd_307:not(#\9) {
331
+ .awsui_validation-error_mgja0_622o7_303:not(#\9) {
375
332
  /* used in test-utils */
376
333
  }
377
334
 
378
- .awsui_clear-button_mgja0_1iswd_311:not(#\9) {
335
+ .awsui_clear-button_mgja0_622o7_307:not(#\9) {
379
336
  /* used in test-utils */
380
337
  }
381
338
 
382
- .awsui_apply-button_mgja0_1iswd_315:not(#\9) {
339
+ .awsui_apply-button_mgja0_622o7_311:not(#\9) {
383
340
  /* used in test-utils */
384
341
  }
385
342
 
386
- .awsui_cancel-button_mgja0_1iswd_319:not(#\9) {
343
+ .awsui_cancel-button_mgja0_622o7_315:not(#\9) {
387
344
  /* used in test-utils */
388
345
  }
389
346
 
390
- .awsui_calendar-aria-live_mgja0_1iswd_323:not(#\9) {
347
+ .awsui_calendar-aria-live_mgja0_622o7_319:not(#\9) {
391
348
  /* used in test-utils */
392
349
  }
@@ -2,47 +2,46 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "calendar": "awsui_calendar_mgja0_1iswd_93",
6
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_1iswd_1",
7
- "root": "awsui_root_mgja0_1iswd_120",
8
- "trigger-wrapper": "awsui_trigger-wrapper_mgja0_1iswd_132",
9
- "trigger-flexbox": "awsui_trigger-flexbox_mgja0_1iswd_136",
10
- "preferred-wordbreak": "awsui_preferred-wordbreak_mgja0_1iswd_140",
11
- "one-grid": "awsui_one-grid_mgja0_1iswd_148",
12
- "calendar-header": "awsui_calendar-header_mgja0_1iswd_151",
13
- "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_1iswd_157",
14
- "calendar-header-month": "awsui_calendar-header-month_mgja0_1iswd_157",
15
- "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_1iswd_177",
16
- "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_1iswd_180",
17
- "calendar-day-names": "awsui_calendar-day-names_mgja0_1iswd_183",
18
- "calendar-day-name": "awsui_calendar-day-name_mgja0_1iswd_183",
19
- "calendar-week": "awsui_calendar-week_mgja0_1iswd_198",
20
- "first-grid": "awsui_first-grid_mgja0_1iswd_203",
21
- "second-grid": "awsui_second-grid_mgja0_1iswd_204",
22
- "grid": "awsui_grid_mgja0_1iswd_208",
23
- "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_1iswd_212",
24
- "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_1iswd_216",
25
- "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_1iswd_219",
26
- "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_1iswd_223",
27
- "footer": "awsui_footer_mgja0_1iswd_230",
28
- "has-clear-button": "awsui_has-clear-button_mgja0_1iswd_237",
29
- "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_1iswd_244",
30
- "icon-wrapper": "awsui_icon-wrapper_mgja0_1iswd_248",
31
- "label": "awsui_label_mgja0_1iswd_253",
32
- "label-enabled": "awsui_label-enabled_mgja0_1iswd_258",
33
- "label-text": "awsui_label-text_mgja0_1iswd_262",
34
- "mode-switch": "awsui_mode-switch_mgja0_1iswd_267",
35
- "dropdown": "awsui_dropdown_mgja0_1iswd_271",
36
- "dropdown-content": "awsui_dropdown-content_mgja0_1iswd_287",
37
- "start-date-input": "awsui_start-date-input_mgja0_1iswd_296",
38
- "start-time-input": "awsui_start-time-input_mgja0_1iswd_297",
39
- "end-date-input": "awsui_end-date-input_mgja0_1iswd_298",
40
- "end-time-input": "awsui_end-time-input_mgja0_1iswd_299",
41
- "validation-section": "awsui_validation-section_mgja0_1iswd_303",
42
- "validation-error": "awsui_validation-error_mgja0_1iswd_307",
43
- "clear-button": "awsui_clear-button_mgja0_1iswd_311",
44
- "apply-button": "awsui_apply-button_mgja0_1iswd_315",
45
- "cancel-button": "awsui_cancel-button_mgja0_1iswd_319",
46
- "calendar-aria-live": "awsui_calendar-aria-live_mgja0_1iswd_323"
5
+ "calendar": "awsui_calendar_mgja0_622o7_93",
6
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_622o7_1",
7
+ "root": "awsui_root_mgja0_622o7_120",
8
+ "trigger-wrapper": "awsui_trigger-wrapper_mgja0_622o7_132",
9
+ "trigger-flexbox": "awsui_trigger-flexbox_mgja0_622o7_136",
10
+ "one-grid": "awsui_one-grid_mgja0_622o7_144",
11
+ "calendar-header": "awsui_calendar-header_mgja0_622o7_147",
12
+ "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_622o7_153",
13
+ "calendar-header-month": "awsui_calendar-header-month_mgja0_622o7_153",
14
+ "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_622o7_173",
15
+ "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_622o7_176",
16
+ "calendar-day-names": "awsui_calendar-day-names_mgja0_622o7_179",
17
+ "calendar-day-name": "awsui_calendar-day-name_mgja0_622o7_179",
18
+ "calendar-week": "awsui_calendar-week_mgja0_622o7_194",
19
+ "first-grid": "awsui_first-grid_mgja0_622o7_199",
20
+ "second-grid": "awsui_second-grid_mgja0_622o7_200",
21
+ "grid": "awsui_grid_mgja0_622o7_204",
22
+ "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_622o7_208",
23
+ "date-and-time-wrapper__date": "awsui_date-and-time-wrapper__date_mgja0_622o7_212",
24
+ "date-and-time-wrapper__time": "awsui_date-and-time-wrapper__time_mgja0_622o7_215",
25
+ "date-and-time-constrainttext": "awsui_date-and-time-constrainttext_mgja0_622o7_219",
26
+ "footer": "awsui_footer_mgja0_622o7_226",
27
+ "has-clear-button": "awsui_has-clear-button_mgja0_622o7_233",
28
+ "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_622o7_240",
29
+ "icon-wrapper": "awsui_icon-wrapper_mgja0_622o7_244",
30
+ "label": "awsui_label_mgja0_622o7_249",
31
+ "label-enabled": "awsui_label-enabled_mgja0_622o7_254",
32
+ "label-text": "awsui_label-text_mgja0_622o7_258",
33
+ "mode-switch": "awsui_mode-switch_mgja0_622o7_263",
34
+ "dropdown": "awsui_dropdown_mgja0_622o7_267",
35
+ "dropdown-content": "awsui_dropdown-content_mgja0_622o7_283",
36
+ "start-date-input": "awsui_start-date-input_mgja0_622o7_292",
37
+ "start-time-input": "awsui_start-time-input_mgja0_622o7_293",
38
+ "end-date-input": "awsui_end-date-input_mgja0_622o7_294",
39
+ "end-time-input": "awsui_end-time-input_mgja0_622o7_295",
40
+ "validation-section": "awsui_validation-section_mgja0_622o7_299",
41
+ "validation-error": "awsui_validation-error_mgja0_622o7_303",
42
+ "clear-button": "awsui_clear-button_mgja0_622o7_307",
43
+ "apply-button": "awsui_apply-button_mgja0_622o7_311",
44
+ "cancel-button": "awsui_cancel-button_mgja0_622o7_315",
45
+ "calendar-aria-live": "awsui_calendar-aria-live_mgja0_622o7_319"
47
46
  };
48
47
 
@@ -95,7 +95,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
97
  .awsui_content-enter_gwq0h_1k4hj_97:not(#\9) {
98
- animation: awsui_awsui-motion-fade-in_gwq0h_1k4hj_1 180ms ease-out;
99
98
  animation: awsui_awsui-motion-fade-in_gwq0h_1k4hj_1 var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
100
99
  }
101
100
  @keyframes awsui_awsui-motion-fade-in_gwq0h_1k4hj_1 {
@@ -118,7 +117,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
118
117
  }
119
118
 
120
119
  .awsui_trigger-expanded_gwq0h_1k4hj_119:not(#\9) {
121
- transition: border-bottom-color 180ms ease-out;
122
120
  transition: border-bottom-color var(--motion-duration-show-paced-7wspqf, 180ms) var(--motion-easing-show-paced-wj4ybn, ease-out);
123
121
  }
124
122
  @media (prefers-reduced-motion: reduce) {
@@ -133,7 +131,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
133
131
  }
134
132
 
135
133
  .awsui_icon_gwq0h_1k4hj_133:not(#\9) {
136
- transition: transform 135ms cubic-bezier(0.165, 0.84, 0.44, 1);
137
134
  transition: transform var(--motion-duration-rotate-90-ux18sr, 135ms) var(--motion-easing-rotate-90-eoew89, cubic-bezier(0.165, 0.84, 0.44, 1));
138
135
  }
139
136
  @media (prefers-reduced-motion: reduce) {
@@ -181,14 +178,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
181
178
  widows: 2;
182
179
  word-spacing: normal;
183
180
  box-sizing: border-box;
184
- font-size: 14px;
185
181
  font-size: var(--font-body-m-size-sregvd, 14px);
186
- line-height: 22px;
187
182
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
188
- color: #000716;
189
183
  color: var(--color-text-body-default-ajf1h5, #000716);
190
184
  font-weight: 400;
191
- font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
192
185
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
193
186
  min-width: 0;
194
187
  -ms-word-break: break-all;
@@ -205,9 +198,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
205
198
 
206
199
  .awsui_icon-container_gwq0h_1k4hj_173:not(#\9) {
207
200
  position: relative;
208
- margin-left: calc((22px - 16px) / -2);
209
201
  margin-left: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / -2);
210
- margin-right: calc(4px + 1px);
211
202
  margin-right: calc(var(--space-xxs-ynfts5, 4px) + var(--border-divider-list-width-hacikr, 1px));
212
203
  }
213
204
 
@@ -217,50 +208,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
217
208
  display: flex;
218
209
  border: none;
219
210
  width: 100%;
220
- line-height: 22px;
221
211
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
222
212
  text-align: left;
223
213
  }
224
214
  .awsui_trigger-default_gwq0h_1k4hj_188:not(#\9) {
225
- padding: 4px 4px;
226
215
  padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
227
216
  }
228
217
  .awsui_trigger-footer_gwq0h_1k4hj_191:not(#\9) {
229
- padding: 4px 0;
230
218
  padding: var(--space-scaled-xxs-95dhkm, 4px) 0;
231
219
  }
232
220
  .awsui_trigger-default_gwq0h_1k4hj_188:not(#\9), .awsui_trigger-footer_gwq0h_1k4hj_191:not(#\9) {
233
- border: 2px solid transparent;
234
221
  border: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
235
222
  }
236
223
  .awsui_trigger-navigation_gwq0h_1k4hj_197:not(#\9) {
237
- border-left: 2px solid transparent;
238
224
  border-left: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
239
225
  }
240
226
  .awsui_trigger-default_gwq0h_1k4hj_188:not(#\9), .awsui_trigger-navigation_gwq0h_1k4hj_197:not(#\9), .awsui_trigger-footer_gwq0h_1k4hj_191:not(#\9) {
241
- color: #000716;
242
227
  color: var(--color-text-expandable-section-default-k03p1p, #000716);
243
- font-weight: 800;
244
228
  font-weight: var(--font-heading-s-weight-k8ys41, 800);
245
- font-size: 16px;
246
229
  font-size: var(--font-expandable-heading-size-m2wptt, 16px);
247
- letter-spacing: -0.005em;
248
230
  letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
249
231
  }
250
232
  .awsui_trigger-default_gwq0h_1k4hj_188:not(#\9):hover, .awsui_trigger-navigation_gwq0h_1k4hj_197:not(#\9):hover, .awsui_trigger-footer_gwq0h_1k4hj_191:not(#\9):hover {
251
- color: #0972d3;
252
233
  color: var(--color-text-expandable-section-hover-73g3du, #0972d3);
253
234
  }
254
235
  .awsui_trigger-container_gwq0h_1k4hj_209:not(#\9) {
255
- padding: 12px 24px;
256
236
  padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-ddrezg, 24px);
257
237
  }
258
238
  .awsui_trigger-container_gwq0h_1k4hj_209[data-awsui-focus-visible=true]:not(#\9):focus {
259
- padding: calc(12px - 2px) calc(20px - 2px);
260
239
  padding: calc(var(--space-scaled-s-cu1hzn, 12px) - var(--border-divider-section-width-4wm2it, 2px)) calc(var(--space-l-4vl6xu, 20px) - var(--border-divider-section-width-4wm2it, 2px));
261
240
  }
262
241
  .awsui_trigger-default_gwq0h_1k4hj_188.awsui_trigger-expanded_gwq0h_1k4hj_119:not(#\9) {
263
- border-bottom-color: #e9ebed;
264
242
  border-bottom-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
265
243
  }
266
244
 
@@ -271,15 +249,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
271
249
  width: 100%;
272
250
  }
273
251
  .awsui_header-container_gwq0h_1k4hj_222 > .awsui_icon-container_gwq0h_1k4hj_173:not(#\9) {
274
- margin-top: 4px;
275
252
  margin-top: var(--space-expandable-section-icon-offset-top-svbirl, 4px);
276
- margin-right: 8px;
277
253
  margin-right: var(--space-xs-rsr2qu, 8px);
278
254
  }
279
255
  .awsui_header-navigation_gwq0h_1k4hj_229 > .awsui_icon-container_gwq0h_1k4hj_173:not(#\9) {
280
256
  display: inline-flex;
281
257
  cursor: pointer;
282
- color: #414d5c;
283
258
  color: var(--color-text-expandable-section-navigation-icon-default-lb9rm0, #414d5c);
284
259
  border: 0;
285
260
  padding: 0;
@@ -289,7 +264,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
289
264
  flex-direction: column;
290
265
  }
291
266
  .awsui_header-navigation_gwq0h_1k4hj_229 > .awsui_icon-container_gwq0h_1k4hj_173:not(#\9):hover {
292
- color: #0972d3;
293
267
  color: var(--color-text-expandable-section-hover-73g3du, #0972d3);
294
268
  }
295
269
  .awsui_header-navigation_gwq0h_1k4hj_229 > .awsui_icon-container_gwq0h_1k4hj_173[data-awsui-focus-visible=true]:not(#\9):focus {
@@ -307,9 +281,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
307
281
  top: calc(-1 * 2px);
308
282
  width: calc(100% + 2 * 2px);
309
283
  height: calc(100% + 2 * 2px);
310
- border-radius: 4px;
311
284
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
312
- box-shadow: 0 0 0 2px #0972d3;
313
285
  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
314
286
  }
315
287
 
@@ -317,11 +289,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
317
289
  display: none;
318
290
  }
319
291
  .awsui_content-default_gwq0h_1k4hj_265:not(#\9) {
320
- padding: 8px 0;
321
292
  padding: var(--space-scaled-xs-6859qs, 8px) 0;
322
293
  }
323
294
  .awsui_content-footer_gwq0h_1k4hj_268:not(#\9) {
324
- padding: 8px 0;
325
295
  padding: var(--space-xs-rsr2qu, 8px) 0;
326
296
  }
327
297
  .awsui_content-expanded_gwq0h_1k4hj_271:not(#\9) {
@@ -334,10 +304,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
334
304
  }
335
305
  .awsui_focusable_gwq0h_1k4hj_275[data-awsui-focus-visible=true]:not(#\9):focus {
336
306
  outline: 2px dotted transparent;
337
- border: 2px solid #0972d3;
338
307
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
339
- border-radius: 4px;
340
308
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
341
- box-shadow: 0 0 0 0px #0972d3;
342
309
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
343
310
  }