@cloudscape-design/components 3.0.348 → 3.0.350

package/flashbar/styles.selectors.js

@@ -2,51 +2,51 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_15ujq_93",
-  "enter": "awsui_enter_1q84n_15ujq_93",
-  "flash-body": "awsui_flash-body_1q84n_15ujq_107",
-  "flash-message": "awsui_flash-message_1q84n_15ujq_107",
-  "flash-header": "awsui_flash-header_1q84n_15ujq_107",
-  "flash-content": "awsui_flash-content_1q84n_15ujq_108",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_15ujq_109",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_15ujq_110",
-  "flash-icon": "awsui_flash-icon_1q84n_15ujq_133",
-  "entering": "awsui_entering_1q84n_15ujq_146",
-  "entered": "awsui_entered_1q84n_15ujq_167",
-  "exiting": "awsui_exiting_1q84n_15ujq_272",
-  "stack": "awsui_stack_1q84n_15ujq_294",
-  "animation-running": "awsui_animation-running_1q84n_15ujq_294",
-  "item": "awsui_item_1q84n_15ujq_294",
-  "flash-list-item": "awsui_flash-list-item_1q84n_15ujq_295",
-  "notification-bar": "awsui_notification-bar_1q84n_15ujq_296",
-  "collapsed": "awsui_collapsed_1q84n_15ujq_316",
-  "animation-ready": "awsui_animation-ready_1q84n_15ujq_316",
-  "expanded-only": "awsui_expanded-only_1q84n_15ujq_316",
-  "expanded": "awsui_expanded_1q84n_15ujq_316",
-  "flash": "awsui_flash_1q84n_15ujq_93",
-  "collapsible": "awsui_collapsible_1q84n_15ujq_380",
-  "short-list": "awsui_short-list_1q84n_15ujq_386",
-  "visual-refresh": "awsui_visual-refresh_1q84n_15ujq_386",
-  "status": "awsui_status_1q84n_15ujq_603",
-  "header": "awsui_header_1q84n_15ujq_603",
-  "item-count": "awsui_item-count_1q84n_15ujq_604",
-  "button": "awsui_button_1q84n_15ujq_605",
-  "type-count": "awsui_type-count_1q84n_15ujq_640",
-  "count-number": "awsui_count-number_1q84n_15ujq_640",
-  "icon": "awsui_icon_1q84n_15ujq_674",
-  "floating": "awsui_floating_1q84n_15ujq_712",
-  "flashbar": "awsui_flashbar_1q84n_15ujq_720",
-  "flash-refresh": "awsui_flash-refresh_1q84n_15ujq_766",
-  "flash-list": "awsui_flash-list_1q84n_15ujq_295",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_15ujq_785",
-  "flash-text": "awsui_flash-text_1q84n_15ujq_812",
-  "dismiss-button": "awsui_dismiss-button_1q84n_15ujq_110",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_15ujq_853",
-  "action-button": "awsui_action-button_1q84n_15ujq_109",
-  "flash-type-success": "awsui_flash-type-success_1q84n_15ujq_866",
-  "flash-type-error": "awsui_flash-type-error_1q84n_15ujq_870",
-  "flash-type-info": "awsui_flash-type-info_1q84n_15ujq_874",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_15ujq_875",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_15ujq_876"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1qhy5_93",
+  "enter": "awsui_enter_1q84n_1qhy5_93",
+  "flash-body": "awsui_flash-body_1q84n_1qhy5_107",
+  "flash-message": "awsui_flash-message_1q84n_1qhy5_107",
+  "flash-header": "awsui_flash-header_1q84n_1qhy5_107",
+  "flash-content": "awsui_flash-content_1q84n_1qhy5_108",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1qhy5_109",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1qhy5_110",
+  "flash-icon": "awsui_flash-icon_1q84n_1qhy5_133",
+  "entering": "awsui_entering_1q84n_1qhy5_146",
+  "entered": "awsui_entered_1q84n_1qhy5_167",
+  "exiting": "awsui_exiting_1q84n_1qhy5_272",
+  "stack": "awsui_stack_1q84n_1qhy5_294",
+  "animation-running": "awsui_animation-running_1q84n_1qhy5_294",
+  "item": "awsui_item_1q84n_1qhy5_294",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1qhy5_295",
+  "notification-bar": "awsui_notification-bar_1q84n_1qhy5_296",
+  "collapsed": "awsui_collapsed_1q84n_1qhy5_316",
+  "animation-ready": "awsui_animation-ready_1q84n_1qhy5_316",
+  "expanded-only": "awsui_expanded-only_1q84n_1qhy5_316",
+  "expanded": "awsui_expanded_1q84n_1qhy5_316",
+  "flash": "awsui_flash_1q84n_1qhy5_93",
+  "collapsible": "awsui_collapsible_1q84n_1qhy5_380",
+  "short-list": "awsui_short-list_1q84n_1qhy5_386",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1qhy5_386",
+  "status": "awsui_status_1q84n_1qhy5_603",
+  "header": "awsui_header_1q84n_1qhy5_603",
+  "item-count": "awsui_item-count_1q84n_1qhy5_604",
+  "button": "awsui_button_1q84n_1qhy5_605",
+  "type-count": "awsui_type-count_1q84n_1qhy5_640",
+  "count-number": "awsui_count-number_1q84n_1qhy5_640",
+  "icon": "awsui_icon_1q84n_1qhy5_674",
+  "floating": "awsui_floating_1q84n_1qhy5_712",
+  "flashbar": "awsui_flashbar_1q84n_1qhy5_720",
+  "flash-refresh": "awsui_flash-refresh_1q84n_1qhy5_766",
+  "flash-list": "awsui_flash-list_1q84n_1qhy5_295",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1qhy5_785",
+  "flash-text": "awsui_flash-text_1q84n_1qhy5_812",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1qhy5_110",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_1qhy5_853",
+  "action-button": "awsui_action-button_1q84n_1qhy5_109",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1qhy5_866",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1qhy5_870",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1qhy5_874",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1qhy5_875",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1qhy5_879"
 };
   

package/flashbar/utils.js

@@ -4,7 +4,7 @@ const typesToColors = {
     info: 'blue',
     'in-progress': 'blue',
     success: 'green',
-    warning: 'blue',
+    warning: 'yellow',
 };
 function getColorFromType(type) {
     const defaultColor = 'blue';

package/flashbar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["flashbar/utils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { FlashbarProps } from './interfaces';\nimport { IconProps } from '../icon/interfaces';\n\nexport const FOCUS_THROTTLE_DELAY = 2000;\n\n// Since the position of a notification changes when the Flashbar is collapsed,\n// it is useful on some situations (e.g, for animating) to know the original position of the item\n// in the non-collapsed state.\nexport interface StackableItem extends FlashbarProps.MessageDefinition {\n  expandedIndex: number;\n  collapsedIndex?: number;\n}\n\nconst typesToColors: Record<FlashbarProps.Type, string> = {\n  error: 'red',\n  info: 'blue',\n  'in-progress': 'blue',\n  success: 'green',\n  warning: 'blue',\n};\n\nfunction getColorFromType(type?: FlashbarProps.Type): string {\n  const defaultColor = 'blue';\n  return type ? typesToColors[type] || defaultColor : defaultColor;\n}\n\nexport function getItemType(item: FlashbarProps.MessageDefinition) {\n  if (item.loading) {\n    return 'in-progress';\n  } else {\n    return item.type || 'info';\n  }\n}\n\nfunction getItemColor(item: FlashbarProps.MessageDefinition) {\n  return getColorFromType(getItemType(item));\n}\n\n/*\n Returns a selection of notifications, preserving the order when possible but making sure that all different colors in\n the stack are represented in the returned array.\n The order corresponds to how they are represented when using the collapsible feature (newest first, oldest last).\n */\nexport function getVisibleCollapsedItems(\n  items: ReadonlyArray<FlashbarProps.MessageDefinition>,\n  desiredLength: number\n): ReadonlyArray<StackableItem> {\n  // First `desiredLength` items in the original array,\n  // together with `isColorRepeated` to tell if they can be subject to be replaced later on if necessary\n  const itemsOnTop: { item: StackableItem; isColorRepeated: boolean }[] = [];\n\n  // Items that fall outside `desiredIndexLength` but need to be \"promoted\" if possible\n  // because they are of a different color which otherwise wouldn't be represented\n  const itemsToPromote: StackableItem[] = [];\n\n  const addedColors: Set<string> = new Set();\n  const allPossibleColors = Object.keys(typesToColors).length;\n  const finalLength = Math.min(items.length, desiredLength);\n\n  for (let i = 0; i < items.length; i++) {\n    const item = items[i];\n    const color = getItemColor(item);\n    const isColorRepeated = addedColors.has(color);\n    if (i < finalLength) {\n      itemsOnTop.push({ item: { ...item, expandedIndex: i }, isColorRepeated });\n    } else {\n      if (addedColors.size === allPossibleColors) {\n        // No need to keep looking for unrepresented colors, we can stop looping\n        break;\n      } else if (!isColorRepeated) {\n        itemsToPromote.push({ ...item, expandedIndex: i });\n      }\n    }\n    addedColors.add(color);\n  }\n  // Generate the new array with the selected items, by picking from both arrays.\n  // First, from the non-repeated items within the desired length...\n  // We loop `itemsOnTop` starting from the end because we prefer to preserve the first ones rather than the old ones\n  const reversedInitialSelection = [];\n  let slotsReservedForPromotions = 0;\n  for (let j = itemsOnTop.length - 1; j >= 0; j--) {\n    const item = itemsOnTop[j];\n    if (item.isColorRepeated && slotsReservedForPromotions < itemsToPromote.length) {\n      slotsReservedForPromotions += 1;\n    } else {\n      reversedInitialSelection.push(item.item);\n    }\n  }\n  const selectedItems = reversedInitialSelection.reverse();\n  // ...and then complete the selection with as many promotable items as we can fit in the rest of the array\n  for (let k = 0; selectedItems.length < desiredLength; k++) {\n    selectedItems.push(itemsToPromote[k]);\n  }\n  return selectedItems;\n}\n\nexport function getFlashTypeCount(\n  items: readonly FlashbarProps.MessageDefinition[]\n): Record<FlashbarProps.Type, number> {\n  const count = { error: 0, info: 0, 'in-progress': 0, success: 0, warning: 0 };\n  for (const item of items) {\n    const type = getItemType(item);\n    count[type] += 1;\n  }\n  return count;\n}\n\nexport type LabelName =\n  | 'errorIconAriaLabel'\n  | 'warningIconAriaLabel'\n  | 'successIconAriaLabel'\n  | 'infoIconAriaLabel'\n  | 'inProgressIconAriaLabel';\n\nexport const counterTypes: {\n  type: FlashbarProps.Type;\n  labelName: LabelName;\n  iconName: IconProps.Name;\n}[] = [\n  { type: 'error', labelName: 'errorIconAriaLabel', iconName: 'status-negative' },\n  { type: 'warning', labelName: 'warningIconAriaLabel', iconName: 'status-warning' },\n  { type: 'success', labelName: 'successIconAriaLabel', iconName: 'status-positive' },\n  { type: 'info', labelName: 'infoIconAriaLabel', iconName: 'status-info' },\n  { type: 'in-progress', labelName: 'inProgressIconAriaLabel', iconName: 'status-in-progress' },\n];\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["flashbar/utils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { FlashbarProps } from './interfaces';\nimport { IconProps } from '../icon/interfaces';\n\nexport const FOCUS_THROTTLE_DELAY = 2000;\n\n// Since the position of a notification changes when the Flashbar is collapsed,\n// it is useful on some situations (e.g, for animating) to know the original position of the item\n// in the non-collapsed state.\nexport interface StackableItem extends FlashbarProps.MessageDefinition {\n  expandedIndex: number;\n  collapsedIndex?: number;\n}\n\nconst typesToColors: Record<FlashbarProps.Type, string> = {\n  error: 'red',\n  info: 'blue',\n  'in-progress': 'blue',\n  success: 'green',\n  warning: 'yellow',\n};\n\nfunction getColorFromType(type?: FlashbarProps.Type): string {\n  const defaultColor = 'blue';\n  return type ? typesToColors[type] || defaultColor : defaultColor;\n}\n\nexport function getItemType(item: FlashbarProps.MessageDefinition) {\n  if (item.loading) {\n    return 'in-progress';\n  } else {\n    return item.type || 'info';\n  }\n}\n\nfunction getItemColor(item: FlashbarProps.MessageDefinition) {\n  return getColorFromType(getItemType(item));\n}\n\n/*\n Returns a selection of notifications, preserving the order when possible but making sure that all different colors in\n the stack are represented in the returned array.\n The order corresponds to how they are represented when using the collapsible feature (newest first, oldest last).\n */\nexport function getVisibleCollapsedItems(\n  items: ReadonlyArray<FlashbarProps.MessageDefinition>,\n  desiredLength: number\n): ReadonlyArray<StackableItem> {\n  // First `desiredLength` items in the original array,\n  // together with `isColorRepeated` to tell if they can be subject to be replaced later on if necessary\n  const itemsOnTop: { item: StackableItem; isColorRepeated: boolean }[] = [];\n\n  // Items that fall outside `desiredIndexLength` but need to be \"promoted\" if possible\n  // because they are of a different color which otherwise wouldn't be represented\n  const itemsToPromote: StackableItem[] = [];\n\n  const addedColors: Set<string> = new Set();\n  const allPossibleColors = Object.keys(typesToColors).length;\n  const finalLength = Math.min(items.length, desiredLength);\n\n  for (let i = 0; i < items.length; i++) {\n    const item = items[i];\n    const color = getItemColor(item);\n    const isColorRepeated = addedColors.has(color);\n    if (i < finalLength) {\n      itemsOnTop.push({ item: { ...item, expandedIndex: i }, isColorRepeated });\n    } else {\n      if (addedColors.size === allPossibleColors) {\n        // No need to keep looking for unrepresented colors, we can stop looping\n        break;\n      } else if (!isColorRepeated) {\n        itemsToPromote.push({ ...item, expandedIndex: i });\n      }\n    }\n    addedColors.add(color);\n  }\n  // Generate the new array with the selected items, by picking from both arrays.\n  // First, from the non-repeated items within the desired length...\n  // We loop `itemsOnTop` starting from the end because we prefer to preserve the first ones rather than the old ones\n  const reversedInitialSelection = [];\n  let slotsReservedForPromotions = 0;\n  for (let j = itemsOnTop.length - 1; j >= 0; j--) {\n    const item = itemsOnTop[j];\n    if (item.isColorRepeated && slotsReservedForPromotions < itemsToPromote.length) {\n      slotsReservedForPromotions += 1;\n    } else {\n      reversedInitialSelection.push(item.item);\n    }\n  }\n  const selectedItems = reversedInitialSelection.reverse();\n  // ...and then complete the selection with as many promotable items as we can fit in the rest of the array\n  for (let k = 0; selectedItems.length < desiredLength; k++) {\n    selectedItems.push(itemsToPromote[k]);\n  }\n  return selectedItems;\n}\n\nexport function getFlashTypeCount(\n  items: readonly FlashbarProps.MessageDefinition[]\n): Record<FlashbarProps.Type, number> {\n  const count = { error: 0, info: 0, 'in-progress': 0, success: 0, warning: 0 };\n  for (const item of items) {\n    const type = getItemType(item);\n    count[type] += 1;\n  }\n  return count;\n}\n\nexport type LabelName =\n  | 'errorIconAriaLabel'\n  | 'warningIconAriaLabel'\n  | 'successIconAriaLabel'\n  | 'infoIconAriaLabel'\n  | 'inProgressIconAriaLabel';\n\nexport const counterTypes: {\n  type: FlashbarProps.Type;\n  labelName: LabelName;\n  iconName: IconProps.Name;\n}[] = [\n  { type: 'error', labelName: 'errorIconAriaLabel', iconName: 'status-negative' },\n  { type: 'warning', labelName: 'warningIconAriaLabel', iconName: 'status-warning' },\n  { type: 'success', labelName: 'successIconAriaLabel', iconName: 'status-positive' },\n  { type: 'info', labelName: 'infoIconAriaLabel', iconName: 'status-info' },\n  { type: 'in-progress', labelName: 'inProgressIconAriaLabel', iconName: 'status-in-progress' },\n];\n"]}

package/form/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1i0s3_1jhbi_93",
-  "header": "awsui_header_1i0s3_1jhbi_106",
-  "full-page": "awsui_full-page_1i0s3_1jhbi_106",
-  "content": "awsui_content_1i0s3_1jhbi_110",
-  "error": "awsui_error_1i0s3_1jhbi_114",
-  "footer": "awsui_footer_1i0s3_1jhbi_118",
-  "actions-section": "awsui_actions-section_1i0s3_1jhbi_122",
-  "secondary-actions": "awsui_secondary-actions_1i0s3_1jhbi_131",
-  "actions": "awsui_actions_1i0s3_1jhbi_122"
+  "root": "awsui_root_1i0s3_jz2jj_93",
+  "header": "awsui_header_1i0s3_jz2jj_106",
+  "full-page": "awsui_full-page_1i0s3_jz2jj_106",
+  "content": "awsui_content_1i0s3_jz2jj_110",
+  "error": "awsui_error_1i0s3_jz2jj_114",
+  "footer": "awsui_footer_1i0s3_jz2jj_118",
+  "actions-section": "awsui_actions-section_1i0s3_jz2jj_122",
+  "secondary-actions": "awsui_secondary-actions_1i0s3_jz2jj_131",
+  "actions": "awsui_actions_1i0s3_jz2jj_122"
 };
   

package/form/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1i0s3_1jhbi_93:not(#\9) {
+.awsui_root_1i0s3_jz2jj_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -120,48 +120,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-ghizru, 20px);
-  color: var(--color-text-body-default-su7kuo, #000716);
+  font-size: var(--font-body-m-size-dhtyxm, 14px);
+  line-height: var(--font-body-m-line-height-5wv9x1, 20px);
+  color: var(--color-text-body-default-2sxhhn, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_header_1i0s3_1jhbi_106:not(#\9):not(.awsui_full-page_1i0s3_1jhbi_106) {
-  margin-bottom: var(--space-scaled-m-gxhdpl, 16px);
+.awsui_header_1i0s3_jz2jj_106:not(#\9):not(.awsui_full-page_1i0s3_jz2jj_106) {
+  margin-bottom: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_content_1i0s3_1jhbi_110:not(#\9) {
+.awsui_content_1i0s3_jz2jj_110:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_error_1i0s3_1jhbi_114:not(#\9) {
+.awsui_error_1i0s3_jz2jj_114:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1i0s3_1jhbi_118:not(#\9) {
-  margin-top: var(--space-scaled-l-2rs0gk, 20px);
+.awsui_footer_1i0s3_jz2jj_118:not(#\9) {
+  margin-top: var(--space-scaled-l-0hpmd7, 20px);
 }
 
-.awsui_actions-section_1i0s3_1jhbi_122:not(#\9) {
+.awsui_actions-section_1i0s3_jz2jj_122:not(#\9) {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   flex-wrap: wrap;
-  margin-left: calc(-1 * var(--space-scaled-m-gxhdpl, 16px));
-  margin-bottom: calc(-1 * var(--space-scaled-m-gxhdpl, 16px));
+  margin-left: calc(-1 * var(--space-scaled-m-mo5yse, 16px));
+  margin-bottom: calc(-1 * var(--space-scaled-m-mo5yse, 16px));
 }
 
-.awsui_secondary-actions_1i0s3_1jhbi_131:not(#\9) {
+.awsui_secondary-actions_1i0s3_jz2jj_131:not(#\9) {
   min-width: 1px;
-  margin-left: var(--space-scaled-m-gxhdpl, 16px);
-  margin-bottom: var(--space-scaled-m-gxhdpl, 16px);
+  margin-left: var(--space-scaled-m-mo5yse, 16px);
+  margin-bottom: var(--space-scaled-m-mo5yse, 16px);
 }
 
-.awsui_actions_1i0s3_1jhbi_122:not(#\9) {
+.awsui_actions_1i0s3_jz2jj_122:not(#\9) {
   min-width: 1px;
-  margin-left: var(--space-scaled-m-gxhdpl, 16px);
-  margin-bottom: var(--space-scaled-m-gxhdpl, 16px);
+  margin-left: var(--space-scaled-m-mo5yse, 16px);
+  margin-bottom: var(--space-scaled-m-mo5yse, 16px);
 }

package/form/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1i0s3_1jhbi_93",
-  "header": "awsui_header_1i0s3_1jhbi_106",
-  "full-page": "awsui_full-page_1i0s3_1jhbi_106",
-  "content": "awsui_content_1i0s3_1jhbi_110",
-  "error": "awsui_error_1i0s3_1jhbi_114",
-  "footer": "awsui_footer_1i0s3_1jhbi_118",
-  "actions-section": "awsui_actions-section_1i0s3_1jhbi_122",
-  "secondary-actions": "awsui_secondary-actions_1i0s3_1jhbi_131",
-  "actions": "awsui_actions_1i0s3_1jhbi_122"
+  "root": "awsui_root_1i0s3_jz2jj_93",
+  "header": "awsui_header_1i0s3_jz2jj_106",
+  "full-page": "awsui_full-page_1i0s3_jz2jj_106",
+  "content": "awsui_content_1i0s3_jz2jj_110",
+  "error": "awsui_error_1i0s3_jz2jj_114",
+  "footer": "awsui_footer_1i0s3_jz2jj_118",
+  "actions-section": "awsui_actions-section_1i0s3_jz2jj_122",
+  "secondary-actions": "awsui_secondary-actions_1i0s3_jz2jj_131",
+  "actions": "awsui_actions_1i0s3_jz2jj_122"
 };
   

package/form-field/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_1gxuk_97",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_1gxuk_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_1gxuk_124",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_1gxuk_1",
-  "error": "awsui_error_14mhv_1gxuk_97",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_1gxuk_1",
-  "root": "awsui_root_14mhv_1gxuk_168",
-  "label": "awsui_label_14mhv_1gxuk_182",
-  "info": "awsui_info_14mhv_1gxuk_195",
-  "description": "awsui_description_14mhv_1gxuk_200",
-  "constraint": "awsui_constraint_14mhv_1gxuk_201",
-  "hints": "awsui_hints_14mhv_1gxuk_208",
-  "constraint-has-error": "awsui_constraint-has-error_14mhv_1gxuk_209",
-  "secondary-control": "awsui_secondary-control_14mhv_1gxuk_213",
-  "controls": "awsui_controls_14mhv_1gxuk_217",
-  "label-hidden": "awsui_label-hidden_14mhv_1gxuk_217",
-  "control": "awsui_control_14mhv_1gxuk_217",
-  "error__message": "awsui_error__message_14mhv_1gxuk_236",
-  "visually-hidden": "awsui_visually-hidden_14mhv_1gxuk_240"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_1nspc_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_1nspc_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_1nspc_124",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_1nspc_1",
+  "error": "awsui_error_14mhv_1nspc_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_1nspc_1",
+  "root": "awsui_root_14mhv_1nspc_168",
+  "label": "awsui_label_14mhv_1nspc_182",
+  "info": "awsui_info_14mhv_1nspc_195",
+  "description": "awsui_description_14mhv_1nspc_200",
+  "constraint": "awsui_constraint_14mhv_1nspc_201",
+  "hints": "awsui_hints_14mhv_1nspc_208",
+  "constraint-has-error": "awsui_constraint-has-error_14mhv_1nspc_209",
+  "secondary-control": "awsui_secondary-control_14mhv_1nspc_213",
+  "controls": "awsui_controls_14mhv_1nspc_217",
+  "label-hidden": "awsui_label-hidden_14mhv_1nspc_217",
+  "control": "awsui_control_14mhv_1nspc_217",
+  "error__message": "awsui_error__message_14mhv_1nspc_236",
+  "visually-hidden": "awsui_visually-hidden_14mhv_1nspc_240"
 };
   

package/form-field/styles.scoped.css

@@ -94,37 +94,37 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_error-icon-shake-wrapper_14mhv_1gxuk_97:not(#\9) {
-  animation: awsui_awsui-motion-shake-horizontally_14mhv_1gxuk_1 var(--motion-duration-refresh-only-medium-wkp575, 165ms);
+.awsui_error-icon-shake-wrapper_14mhv_1nspc_97:not(#\9) {
+  animation: awsui_awsui-motion-shake-horizontally_14mhv_1nspc_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_14mhv_1gxuk_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_14mhv_1nspc_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
   }
   50% {
     transform: translateX(5px);
-    animation-timing-function: var(--motion-easing-refresh-only-a-6ywz7k, cubic-bezier(0, 0, 0, 1));
+    animation-timing-function: var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
   }
   100% {
     transform: translateX(0px);
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-shake-wrapper_14mhv_1gxuk_97:not(#\9) {
+  .awsui_error-icon-shake-wrapper_14mhv_1nspc_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_1gxuk_97:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_1gxuk_97:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_1nspc_97:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_1nspc_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_error-icon-scale-wrapper_14mhv_1gxuk_124:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_14mhv_1gxuk_1 var(--motion-duration-refresh-only-medium-wkp575, 165ms) var(--motion-easing-refresh-only-a-6ywz7k, cubic-bezier(0, 0, 0, 1));
+.awsui_error-icon-scale-wrapper_14mhv_1nspc_124:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_14mhv_1nspc_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-scale-popup_14mhv_1gxuk_1 {
+@keyframes awsui_awsui-motion-scale-popup_14mhv_1nspc_1 {
   0% {
     transform: scale(0.95);
   }
@@ -133,20 +133,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-scale-wrapper_14mhv_1gxuk_124:not(#\9) {
+  .awsui_error-icon-scale-wrapper_14mhv_1nspc_124:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_1gxuk_124:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_1gxuk_124:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_1nspc_124:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_1nspc_124:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_error_14mhv_1gxuk_97:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_14mhv_1gxuk_1 var(--motion-duration-refresh-only-medium-wkp575, 165ms) var(--motion-easing-refresh-only-a-6ywz7k, cubic-bezier(0, 0, 0, 1));
+.awsui_error_14mhv_1nspc_97:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_14mhv_1nspc_1 var(--motion-duration-refresh-only-medium-nf6485, 165ms) var(--motion-easing-refresh-only-a-8flf9q, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_14mhv_1gxuk_1 {
+@keyframes awsui_awsui-motion-fade-in-0_14mhv_1nspc_1 {
   from {
     opacity: 0;
   }
@@ -155,17 +155,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error_14mhv_1gxuk_97:not(#\9) {
+  .awsui_error_14mhv_1nspc_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error_14mhv_1gxuk_97:not(#\9), .awsui-mode-entering .awsui_error_14mhv_1gxuk_97:not(#\9) {
+.awsui-motion-disabled .awsui_error_14mhv_1nspc_97:not(#\9), .awsui-mode-entering .awsui_error_14mhv_1nspc_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_14mhv_1gxuk_168:not(#\9) {
+.awsui_root_14mhv_1nspc_168:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -195,75 +195,75 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   widows: 2;
   word-spacing: normal;
   box-sizing: border-box;
-  font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-ghizru, 20px);
-  color: var(--color-text-body-default-su7kuo, #000716);
+  font-size: var(--font-body-m-size-dhtyxm, 14px);
+  line-height: var(--font-body-m-line-height-5wv9x1, 20px);
+  color: var(--color-text-body-default-2sxhhn, #000716);
   font-weight: 400;
-  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   box-sizing: border-box;
 }
 
-.awsui_label_14mhv_1gxuk_182:not(#\9) {
+.awsui_label_14mhv_1nspc_182:not(#\9) {
   box-sizing: border-box;
-  color: var(--color-text-form-label-9b04y0, #000716);
+  color: var(--color-text-form-label-ktbzsd, #000716);
   display: inline;
-  font-size: var(--font-body-m-size-7dign1, 14px);
-  line-height: var(--font-body-m-line-height-ghizru, 20px);
-  font-weight: var(--font-display-label-weight-io22e5, 700);
-  margin-right: var(--space-xs-edba2s, 8px);
+  font-size: var(--font-body-m-size-dhtyxm, 14px);
+  line-height: var(--font-body-m-line-height-5wv9x1, 20px);
+  font-weight: var(--font-display-label-weight-815ja9, 700);
+  margin-right: var(--space-xs-zb16t3, 8px);
 }
-.awsui_label_14mhv_1gxuk_182:not(#\9):only-child {
+.awsui_label_14mhv_1nspc_182:not(#\9):only-child {
   margin: 0;
 }
 
-.awsui_info_14mhv_1gxuk_195:not(#\9) {
-  padding-left: var(--space-xs-edba2s, 8px);
-  border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
+.awsui_info_14mhv_1nspc_195:not(#\9) {
+  padding-left: var(--space-xs-zb16t3, 8px);
+  border-left: var(--border-divider-section-width-4ax5o2, 2px) solid var(--color-border-divider-default-d3adp9, #e9ebed);
 }
 
-.awsui_description_14mhv_1gxuk_200:not(#\9),
-.awsui_constraint_14mhv_1gxuk_201:not(#\9) {
-  color: var(--color-text-form-secondary-88dttc, #5f6b7a);
-  font-size: var(--font-body-s-size-6jmxer, 12px);
-  line-height: var(--font-body-s-line-height-ga8tt7, 16px);
-  letter-spacing: var(--font-body-s-letter-spacing-v8bwhi, 0.005em);
+.awsui_description_14mhv_1nspc_200:not(#\9),
+.awsui_constraint_14mhv_1nspc_201:not(#\9) {
+  color: var(--color-text-form-secondary-dxc248, #5f6b7a);
+  font-size: var(--font-body-s-size-8339kg, 12px);
+  line-height: var(--font-body-s-line-height-uztvf6, 16px);
+  letter-spacing: var(--font-body-s-letter-spacing-4obhmb, 0.005em);
 }
 
-.awsui_hints_14mhv_1gxuk_208:not(#\9),
-.awsui_constraint-has-error_14mhv_1gxuk_209:not(#\9) {
-  padding-top: var(--space-xxs-ja5cp8, 4px);
+.awsui_hints_14mhv_1nspc_208:not(#\9),
+.awsui_constraint-has-error_14mhv_1nspc_209:not(#\9) {
+  padding-top: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_secondary-control_14mhv_1gxuk_213:not(#\9) {
+.awsui_secondary-control_14mhv_1nspc_213:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_controls_14mhv_1gxuk_217:not(#\9):not(.awsui_label-hidden_14mhv_1gxuk_217) {
-  padding-top: var(--space-xxs-ja5cp8, 4px);
+.awsui_controls_14mhv_1nspc_217:not(#\9):not(.awsui_label-hidden_14mhv_1nspc_217) {
+  padding-top: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_control_14mhv_1gxuk_217:not(#\9) {
+.awsui_control_14mhv_1nspc_217:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_error_14mhv_1gxuk_97:not(#\9) {
-  color: var(--color-text-status-error-p6dh5n, #d91515);
-  font-size: var(--font-body-s-size-6jmxer, 12px);
-  line-height: var(--font-body-s-line-height-ga8tt7, 16px);
-  letter-spacing: var(--font-body-s-letter-spacing-v8bwhi, 0.005em);
+.awsui_error_14mhv_1nspc_97:not(#\9) {
+  color: var(--color-text-status-error-wdvepn, #d91515);
+  font-size: var(--font-body-s-size-8339kg, 12px);
+  line-height: var(--font-body-s-line-height-uztvf6, 16px);
+  letter-spacing: var(--font-body-s-letter-spacing-4obhmb, 0.005em);
   display: flex;
   align-items: flex-start;
 }
 
-.awsui_error__message_14mhv_1gxuk_236:not(#\9) {
-  margin-left: var(--space-xxs-ja5cp8, 4px);
+.awsui_error__message_14mhv_1nspc_236:not(#\9) {
+  margin-left: var(--space-xxs-p8yyaw, 4px);
 }
 
-.awsui_visually-hidden_14mhv_1gxuk_240:not(#\9) {
+.awsui_visually-hidden_14mhv_1nspc_240:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;

package/form-field/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_1gxuk_97",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_1gxuk_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_1gxuk_124",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_1gxuk_1",
-  "error": "awsui_error_14mhv_1gxuk_97",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_1gxuk_1",
-  "root": "awsui_root_14mhv_1gxuk_168",
-  "label": "awsui_label_14mhv_1gxuk_182",
-  "info": "awsui_info_14mhv_1gxuk_195",
-  "description": "awsui_description_14mhv_1gxuk_200",
-  "constraint": "awsui_constraint_14mhv_1gxuk_201",
-  "hints": "awsui_hints_14mhv_1gxuk_208",
-  "constraint-has-error": "awsui_constraint-has-error_14mhv_1gxuk_209",
-  "secondary-control": "awsui_secondary-control_14mhv_1gxuk_213",
-  "controls": "awsui_controls_14mhv_1gxuk_217",
-  "label-hidden": "awsui_label-hidden_14mhv_1gxuk_217",
-  "control": "awsui_control_14mhv_1gxuk_217",
-  "error__message": "awsui_error__message_14mhv_1gxuk_236",
-  "visually-hidden": "awsui_visually-hidden_14mhv_1gxuk_240"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_1nspc_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_1nspc_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_1nspc_124",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_1nspc_1",
+  "error": "awsui_error_14mhv_1nspc_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_1nspc_1",
+  "root": "awsui_root_14mhv_1nspc_168",
+  "label": "awsui_label_14mhv_1nspc_182",
+  "info": "awsui_info_14mhv_1nspc_195",
+  "description": "awsui_description_14mhv_1nspc_200",
+  "constraint": "awsui_constraint_14mhv_1nspc_201",
+  "hints": "awsui_hints_14mhv_1nspc_208",
+  "constraint-has-error": "awsui_constraint-has-error_14mhv_1nspc_209",
+  "secondary-control": "awsui_secondary-control_14mhv_1nspc_213",
+  "controls": "awsui_controls_14mhv_1nspc_217",
+  "label-hidden": "awsui_label-hidden_14mhv_1nspc_217",
+  "control": "awsui_control_14mhv_1nspc_217",
+  "error__message": "awsui_error__message_14mhv_1nspc_236",
+  "visually-hidden": "awsui_visually-hidden_14mhv_1nspc_240"
 };