@cloudscape-design/components 3.0.157 → 3.0.158

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 (6) hide show
  1. package/container/styles.css.js +17 -17
  2. package/container/styles.scoped.css +37 -29
  3. package/container/styles.selectors.js +17 -17
  4. package/internal/environment.js +1 -1
  5. package/internal/manifest.json +1 -1
  6. package/package.json +1 -1
package/container/styles.css.js CHANGED
@@ -1,22 +1,22 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_14iqq_wbmbk_97",
5
- "root-fit-height": "awsui_root-fit-height_14iqq_wbmbk_108",
6
- "variant-default": "awsui_variant-default_14iqq_wbmbk_114",
7
- "variant-stacked": "awsui_variant-stacked_14iqq_wbmbk_114",
8
- "header": "awsui_header_14iqq_wbmbk_137",
9
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wbmbk_142",
10
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wbmbk_146",
11
- "header-stuck": "awsui_header-stuck_14iqq_wbmbk_152",
12
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_wbmbk_157",
13
- "with-paddings": "awsui_with-paddings_14iqq_wbmbk_163",
14
- "with-hidden-content": "awsui_with-hidden-content_14iqq_wbmbk_166",
15
- "header-variant-cards": "awsui_header-variant-cards_14iqq_wbmbk_170",
16
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_wbmbk_194",
17
- "dark-header": "awsui_dark-header_14iqq_wbmbk_212",
18
- "content": "awsui_content_14iqq_wbmbk_216",
19
- "footer": "awsui_footer_14iqq_wbmbk_227",
20
- "with-divider": "awsui_with-divider_14iqq_wbmbk_230"
4
+ "root": "awsui_root_14iqq_kxdhx_97",
5
+ "root-fit-height": "awsui_root-fit-height_14iqq_kxdhx_110",
6
+ "variant-default": "awsui_variant-default_14iqq_kxdhx_115",
7
+ "variant-stacked": "awsui_variant-stacked_14iqq_kxdhx_115",
8
+ "header": "awsui_header_14iqq_kxdhx_138",
9
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_kxdhx_144",
10
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_kxdhx_148",
11
+ "header-stuck": "awsui_header-stuck_14iqq_kxdhx_154",
12
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_kxdhx_159",
13
+ "with-paddings": "awsui_with-paddings_14iqq_kxdhx_165",
14
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_kxdhx_168",
15
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_kxdhx_172",
16
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_kxdhx_196",
17
+ "dark-header": "awsui_dark-header_14iqq_kxdhx_214",
18
+ "content": "awsui_content_14iqq_kxdhx_218",
19
+ "footer": "awsui_footer_14iqq_kxdhx_232",
20
+ "with-divider": "awsui_with-divider_14iqq_kxdhx_238"
21
21
  };
22
22
 
package/container/styles.scoped.css CHANGED
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_root_14iqq_wbmbk_97:not(#\9) {
97
+ .awsui_root_14iqq_kxdhx_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -129,15 +129,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
129
129
  color: var(--color-text-body-default-ajf1h5, #000716);
130
130
  font-weight: 400;
131
131
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
132
+ display: flex;
133
+ flex-flow: column nowrap;
132
134
  word-wrap: break-word;
133
135
  }
134
- .awsui_root-fit-height_14iqq_wbmbk_108:not(#\9) {
135
- display: flex;
136
- flex-direction: column;
136
+ .awsui_root-fit-height_14iqq_kxdhx_110:not(#\9) {
137
+ flex-flow: column;
137
138
  overflow: hidden;
138
139
  height: 100%;
139
140
  }
140
- .awsui_root_14iqq_wbmbk_97.awsui_variant-default_14iqq_wbmbk_114:not(#\9), .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9) {
141
+ .awsui_root_14iqq_kxdhx_97.awsui_variant-default_14iqq_kxdhx_115:not(#\9), .awsui_root_14iqq_kxdhx_97.awsui_variant-stacked_14iqq_kxdhx_115:not(#\9) {
141
142
  box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
142
143
  border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
143
144
  border-radius: var(--border-radius-container-gh9ysk, 16px);
@@ -145,82 +146,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
145
146
  background-color: var(--color-background-container-content-i8i4a0, #ffffff);
146
147
  }
147
148
  @media screen and (-ms-high-contrast: active) {
148
- .awsui_root_14iqq_wbmbk_97.awsui_variant-default_14iqq_wbmbk_114:not(#\9), .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9) {
149
+ .awsui_root_14iqq_kxdhx_97.awsui_variant-default_14iqq_kxdhx_115:not(#\9), .awsui_root_14iqq_kxdhx_97.awsui_variant-stacked_14iqq_kxdhx_115:not(#\9) {
149
150
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
150
151
  }
151
152
  }
152
- .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9):not(:last-child) {
153
+ .awsui_root_14iqq_kxdhx_97.awsui_variant-stacked_14iqq_kxdhx_115:not(#\9):not(:last-child) {
153
154
  border-bottom-right-radius: 0;
154
155
  border-bottom-left-radius: 0;
155
156
  }
156
- .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114 + .awsui_root_14iqq_wbmbk_97.awsui_variant-stacked_14iqq_wbmbk_114:not(#\9) {
157
+ .awsui_root_14iqq_kxdhx_97.awsui_variant-stacked_14iqq_kxdhx_115 + .awsui_root_14iqq_kxdhx_97.awsui_variant-stacked_14iqq_kxdhx_115:not(#\9) {
157
158
  border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
158
159
  border-top-left-radius: 0;
159
160
  border-top-right-radius: 0;
160
161
  box-shadow: var(--shadow-container-stacked-lumzae, -1px 1px 1px 0px #e9ebed, 1px 1px 1px 0px #e9ebed, 0px 9px 8px -7px rgba(0, 7, 22, 0.12), 8px 0px 8px -7px rgba(0, 7, 22, 0.12), -8px 0px 8px -7px rgba(0, 7, 22, 0.12));
161
162
  }
162
163
 
163
- .awsui_header_14iqq_wbmbk_137:not(#\9) {
164
+ .awsui_header_14iqq_kxdhx_138:not(#\9) {
165
+ flex: 0 0 auto;
164
166
  background-color: var(--color-background-container-header-4flbq5, #ffffff);
165
167
  border-top-left-radius: var(--border-radius-container-gh9ysk, 16px);
166
168
  border-top-right-radius: var(--border-radius-container-gh9ysk, 16px);
167
169
  }
168
- .awsui_header-sticky-disabled_14iqq_wbmbk_142:not(#\9) {
170
+ .awsui_header-sticky-disabled_14iqq_kxdhx_144:not(#\9) {
169
171
  position: relative;
170
172
  z-index: 1;
171
173
  }
172
- .awsui_header-sticky-enabled_14iqq_wbmbk_146:not(#\9) {
174
+ .awsui_header-sticky-enabled_14iqq_kxdhx_148:not(#\9) {
173
175
  top: 0;
174
176
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
175
177
  position: sticky;
176
178
  z-index: 800;
177
179
  }
178
- .awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
180
+ .awsui_header-stuck_14iqq_kxdhx_154:not(#\9) {
179
181
  box-shadow: var(--shadow-sticky-embedded-qit8ba, 0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.1));
180
182
  border: 0;
181
183
  border-radius: 0;
182
184
  }
183
- .awsui_header-dynamic-height_14iqq_wbmbk_157.awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
185
+ .awsui_header-dynamic-height_14iqq_kxdhx_159.awsui_header-stuck_14iqq_kxdhx_154:not(#\9) {
184
186
  margin-bottom: calc(var(--font-heading-xl-line-height-doxfdj, 40px) - var(--font-heading-l-line-height-gev4n1, 30px));
185
187
  }
186
- .awsui_header_14iqq_wbmbk_137:not(#\9):not(:empty) {
188
+ .awsui_header_14iqq_kxdhx_138:not(#\9):not(:empty) {
187
189
  border-bottom: var(--border-container-sticky-width-i7t7xe, 0px) solid var(--color-border-container-divider-4ade7z, transparent);
188
190
  }
189
- .awsui_header_14iqq_wbmbk_137.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
191
+ .awsui_header_14iqq_kxdhx_138.awsui_with-paddings_14iqq_kxdhx_165:not(#\9) {
190
192
  padding: var(--space-container-header-vertical-zsjhel, 12px) var(--space-container-horizontal-tlw03i, 20px);
191
193
  }
192
- .awsui_header_14iqq_wbmbk_137.awsui_with-hidden-content_14iqq_wbmbk_166:not(#\9) {
194
+ .awsui_header_14iqq_kxdhx_138.awsui_with-hidden-content_14iqq_kxdhx_168:not(#\9) {
193
195
  border-bottom-left-radius: var(--border-radius-container-gh9ysk, 16px);
194
196
  border-bottom-right-radius: var(--border-radius-container-gh9ysk, 16px);
195
197
  }
196
- .awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9) {
198
+ .awsui_header-variant-cards_14iqq_kxdhx_172:not(#\9) {
197
199
  box-shadow: var(--shadow-container-7nblnj, 0px 0px 1px 1px #e9ebed, 0px 1px 8px 2px rgba(0, 7, 22, 0.12));
198
200
  border-top: var(--border-container-top-width-jk6fhm, 0px) solid var(--color-border-container-top-srcvx4, transparent);
199
201
  border-radius: var(--border-radius-container-gh9ysk, 16px);
200
202
  box-sizing: border-box;
201
203
  }
202
204
  @media screen and (-ms-high-contrast: active) {
203
- .awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9) {
205
+ .awsui_header-variant-cards_14iqq_kxdhx_172:not(#\9) {
204
206
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
205
207
  }
206
208
  }
207
- .awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9):not(:empty) {
209
+ .awsui_header-variant-cards_14iqq_kxdhx_172:not(#\9):not(:empty) {
208
210
  border-bottom: 1px solid #d5dbdb;
209
211
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
210
212
  }
211
213
  @supports (--css-variable-support-check: #000) {
212
- .awsui_header-variant-cards_14iqq_wbmbk_170:not(#\9):not(:empty) {
214
+ .awsui_header-variant-cards_14iqq_kxdhx_172:not(#\9):not(:empty) {
213
215
  border-bottom: 0;
214
216
  }
215
217
  }
216
- .awsui_header-variant-cards_14iqq_wbmbk_170.awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
218
+ .awsui_header-variant-cards_14iqq_kxdhx_172.awsui_header-stuck_14iqq_kxdhx_154:not(#\9) {
217
219
  border-top-left-radius: 0;
218
220
  border-top-right-radius: 0;
219
221
  }
220
- .awsui_header-variant-full-page_14iqq_wbmbk_194.awsui_header-stuck_14iqq_wbmbk_152:not(#\9) {
222
+ .awsui_header-variant-full-page_14iqq_kxdhx_196.awsui_header-stuck_14iqq_kxdhx_154:not(#\9) {
221
223
  box-shadow: none;
222
224
  }
223
- .awsui_header-variant-full-page_14iqq_wbmbk_194.awsui_header-stuck_14iqq_wbmbk_152:not(#\9)::after {
225
+ .awsui_header-variant-full-page_14iqq_kxdhx_196.awsui_header-stuck_14iqq_kxdhx_154:not(#\9)::after {
224
226
  content: "";
225
227
  position: absolute;
226
228
  right: 0;
@@ -235,24 +237,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
235
237
  The dynamic height dark header needs a background that will cover
236
238
  the default white background of the container component.
237
239
  */
238
- .awsui_dark-header_14iqq_wbmbk_212:not(#\9) {
240
+ .awsui_dark-header_14iqq_kxdhx_214:not(#\9) {
239
241
  background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
240
242
  }
241
243
 
242
- .awsui_root-fit-height_14iqq_wbmbk_108 > .awsui_content_14iqq_wbmbk_216:not(#\9) {
244
+ .awsui_content_14iqq_kxdhx_218:not(#\9) {
245
+ flex: 1 0 auto;
246
+ }
247
+ .awsui_root-fit-height_14iqq_kxdhx_110 > .awsui_content_14iqq_kxdhx_218:not(#\9) {
243
248
  flex: 1;
244
249
  overflow: auto;
245
250
  }
246
- .awsui_content_14iqq_wbmbk_216.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
251
+ .awsui_content_14iqq_kxdhx_218.awsui_with-paddings_14iqq_kxdhx_165:not(#\9) {
247
252
  padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-tlw03i, 20px);
248
253
  }
249
- .awsui_header_14iqq_wbmbk_137 + .awsui_content_14iqq_wbmbk_216.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
254
+ .awsui_header_14iqq_kxdhx_138 + .awsui_content_14iqq_kxdhx_218.awsui_with-paddings_14iqq_kxdhx_165:not(#\9) {
250
255
  padding-top: var(--space-container-content-top-fsd8nr, 0px);
251
256
  }
252
257
 
253
- .awsui_footer_14iqq_wbmbk_227.awsui_with-paddings_14iqq_wbmbk_163:not(#\9) {
258
+ .awsui_footer_14iqq_kxdhx_232:not(#\9) {
259
+ flex: 0 0 auto;
260
+ }
261
+ .awsui_footer_14iqq_kxdhx_232.awsui_with-paddings_14iqq_kxdhx_165:not(#\9) {
254
262
  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
255
263
  }
256
- .awsui_footer_14iqq_wbmbk_227.awsui_with-divider_14iqq_wbmbk_230:not(#\9) {
264
+ .awsui_footer_14iqq_kxdhx_232.awsui_with-divider_14iqq_kxdhx_238:not(#\9) {
257
265
  border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
258
266
  }
package/container/styles.selectors.js CHANGED
@@ -2,22 +2,22 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_14iqq_wbmbk_97",
6
- "root-fit-height": "awsui_root-fit-height_14iqq_wbmbk_108",
7
- "variant-default": "awsui_variant-default_14iqq_wbmbk_114",
8
- "variant-stacked": "awsui_variant-stacked_14iqq_wbmbk_114",
9
- "header": "awsui_header_14iqq_wbmbk_137",
10
- "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wbmbk_142",
11
- "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wbmbk_146",
12
- "header-stuck": "awsui_header-stuck_14iqq_wbmbk_152",
13
- "header-dynamic-height": "awsui_header-dynamic-height_14iqq_wbmbk_157",
14
- "with-paddings": "awsui_with-paddings_14iqq_wbmbk_163",
15
- "with-hidden-content": "awsui_with-hidden-content_14iqq_wbmbk_166",
16
- "header-variant-cards": "awsui_header-variant-cards_14iqq_wbmbk_170",
17
- "header-variant-full-page": "awsui_header-variant-full-page_14iqq_wbmbk_194",
18
- "dark-header": "awsui_dark-header_14iqq_wbmbk_212",
19
- "content": "awsui_content_14iqq_wbmbk_216",
20
- "footer": "awsui_footer_14iqq_wbmbk_227",
21
- "with-divider": "awsui_with-divider_14iqq_wbmbk_230"
5
+ "root": "awsui_root_14iqq_kxdhx_97",
6
+ "root-fit-height": "awsui_root-fit-height_14iqq_kxdhx_110",
7
+ "variant-default": "awsui_variant-default_14iqq_kxdhx_115",
8
+ "variant-stacked": "awsui_variant-stacked_14iqq_kxdhx_115",
9
+ "header": "awsui_header_14iqq_kxdhx_138",
10
+ "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_kxdhx_144",
11
+ "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_kxdhx_148",
12
+ "header-stuck": "awsui_header-stuck_14iqq_kxdhx_154",
13
+ "header-dynamic-height": "awsui_header-dynamic-height_14iqq_kxdhx_159",
14
+ "with-paddings": "awsui_with-paddings_14iqq_kxdhx_165",
15
+ "with-hidden-content": "awsui_with-hidden-content_14iqq_kxdhx_168",
16
+ "header-variant-cards": "awsui_header-variant-cards_14iqq_kxdhx_172",
17
+ "header-variant-full-page": "awsui_header-variant-full-page_14iqq_kxdhx_196",
18
+ "dark-header": "awsui_dark-header_14iqq_kxdhx_214",
19
+ "content": "awsui_content_14iqq_kxdhx_218",
20
+ "footer": "awsui_footer_14iqq_kxdhx_232",
21
+ "with-divider": "awsui_with-divider_14iqq_kxdhx_238"
22
22
  };
23
23
 
package/internal/environment.js CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- export var PACKAGE_VERSION = '3.0.0 (bf862c9)';
2
+ export var PACKAGE_VERSION = '3.0.0 (d121374)';
3
3
  export var THEME = 'open-source-visual-refresh';
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
5
5
 
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "bf862c9afcac472c746442423a5b5529ba58a759"
2
+ "commit": "d121374151daf69bd85f90b610e1a2b9606a05b9"
3
3
  }
package/package.json CHANGED
@@ -112,6 +112,6 @@
112
112
  "./internal/base-component/index.js",
113
113
  "./internal/base-component/styles.css.js"
114
114
  ],
115
- "version": "3.0.157",
115
+ "version": "3.0.158",
116
116
  "license": "Apache-2.0"
117
117
  }