@cloudscape-design/components-themeable 3.0.199 → 3.0.201

package/lib/internal/template/flashbar/styles.selectors.js

@@ -2,48 +2,48 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_24d1o_93",
-  "enter": "awsui_enter_1q84n_24d1o_93",
-  "flash-body": "awsui_flash-body_1q84n_24d1o_107",
-  "flash-message": "awsui_flash-message_1q84n_24d1o_107",
-  "flash-header": "awsui_flash-header_1q84n_24d1o_107",
-  "flash-content": "awsui_flash-content_1q84n_24d1o_108",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_24d1o_109",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_24d1o_110",
-  "flash-icon": "awsui_flash-icon_1q84n_24d1o_133",
-  "entering": "awsui_entering_1q84n_24d1o_146",
-  "entered": "awsui_entered_1q84n_24d1o_167",
-  "exiting": "awsui_exiting_1q84n_24d1o_272",
-  "stack": "awsui_stack_1q84n_24d1o_294",
-  "animation-running": "awsui_animation-running_1q84n_24d1o_294",
-  "item": "awsui_item_1q84n_24d1o_294",
-  "flash-list-item": "awsui_flash-list-item_1q84n_24d1o_295",
-  "toggle": "awsui_toggle_1q84n_24d1o_296",
-  "collapsed": "awsui_collapsed_1q84n_24d1o_316",
-  "animation-ready": "awsui_animation-ready_1q84n_24d1o_316",
-  "expanded-only": "awsui_expanded-only_1q84n_24d1o_316",
-  "expanded": "awsui_expanded_1q84n_24d1o_316",
-  "flash": "awsui_flash_1q84n_24d1o_93",
-  "status": "awsui_status_1q84n_24d1o_403",
-  "header": "awsui_header_1q84n_24d1o_403",
-  "item-count": "awsui_item-count_1q84n_24d1o_404",
-  "button": "awsui_button_1q84n_24d1o_405",
-  "type-count": "awsui_type-count_1q84n_24d1o_430",
-  "count-number": "awsui_count-number_1q84n_24d1o_430",
-  "visual-refresh": "awsui_visual-refresh_1q84n_24d1o_443",
-  "icon": "awsui_icon_1q84n_24d1o_493",
-  "spaced-bottom": "awsui_spaced-bottom_1q84n_24d1o_531",
-  "flashbar": "awsui_flashbar_1q84n_24d1o_539",
-  "flash-refresh": "awsui_flash-refresh_1q84n_24d1o_579",
-  "flash-list": "awsui_flash-list_1q84n_24d1o_295",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_24d1o_611",
-  "flash-text": "awsui_flash-text_1q84n_24d1o_638",
-  "dismiss-button": "awsui_dismiss-button_1q84n_24d1o_110",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_24d1o_679",
-  "action-button": "awsui_action-button_1q84n_24d1o_109",
-  "flash-type-success": "awsui_flash-type-success_1q84n_24d1o_692",
-  "flash-type-error": "awsui_flash-type-error_1q84n_24d1o_696",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_24d1o_700",
-  "flash-type-info": "awsui_flash-type-info_1q84n_24d1o_704"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_awnup_93",
+  "enter": "awsui_enter_1q84n_awnup_93",
+  "flash-body": "awsui_flash-body_1q84n_awnup_107",
+  "flash-message": "awsui_flash-message_1q84n_awnup_107",
+  "flash-header": "awsui_flash-header_1q84n_awnup_107",
+  "flash-content": "awsui_flash-content_1q84n_awnup_108",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_awnup_109",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_awnup_110",
+  "flash-icon": "awsui_flash-icon_1q84n_awnup_133",
+  "entering": "awsui_entering_1q84n_awnup_146",
+  "entered": "awsui_entered_1q84n_awnup_167",
+  "exiting": "awsui_exiting_1q84n_awnup_272",
+  "stack": "awsui_stack_1q84n_awnup_294",
+  "animation-running": "awsui_animation-running_1q84n_awnup_294",
+  "item": "awsui_item_1q84n_awnup_294",
+  "flash-list-item": "awsui_flash-list-item_1q84n_awnup_295",
+  "notification-bar": "awsui_notification-bar_1q84n_awnup_296",
+  "collapsed": "awsui_collapsed_1q84n_awnup_316",
+  "animation-ready": "awsui_animation-ready_1q84n_awnup_316",
+  "expanded-only": "awsui_expanded-only_1q84n_awnup_316",
+  "expanded": "awsui_expanded_1q84n_awnup_316",
+  "flash": "awsui_flash_1q84n_awnup_93",
+  "status": "awsui_status_1q84n_awnup_403",
+  "header": "awsui_header_1q84n_awnup_403",
+  "item-count": "awsui_item-count_1q84n_awnup_404",
+  "button": "awsui_button_1q84n_awnup_405",
+  "type-count": "awsui_type-count_1q84n_awnup_430",
+  "count-number": "awsui_count-number_1q84n_awnup_430",
+  "visual-refresh": "awsui_visual-refresh_1q84n_awnup_443",
+  "icon": "awsui_icon_1q84n_awnup_493",
+  "floating": "awsui_floating_1q84n_awnup_531",
+  "flashbar": "awsui_flashbar_1q84n_awnup_539",
+  "flash-refresh": "awsui_flash-refresh_1q84n_awnup_581",
+  "flash-list": "awsui_flash-list_1q84n_awnup_295",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_awnup_600",
+  "flash-text": "awsui_flash-text_1q84n_awnup_627",
+  "dismiss-button": "awsui_dismiss-button_1q84n_awnup_110",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_awnup_668",
+  "action-button": "awsui_action-button_1q84n_awnup_109",
+  "flash-type-success": "awsui_flash-type-success_1q84n_awnup_681",
+  "flash-type-error": "awsui_flash-type-error_1q84n_awnup_685",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_awnup_689",
+  "flash-type-info": "awsui_flash-type-info_1q84n_awnup_693"
 };
   

package/lib/internal/template/flashbar/utils.d.ts

@@ -14,4 +14,5 @@ export declare const counterTypes: {
     labelName: LabelName;
     iconName: IconProps.Name;
 }[];
+export declare function isElementTopBeyondViewport(element: HTMLElement): boolean;
 //# sourceMappingURL=utils.d.ts.map

package/lib/internal/template/flashbar/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/flashbar/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAKzC,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,iBAAiB;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAeD,wBAAgB,WAAW,CAAC,IAAI,EAAE,aAAa,CAAC,iBAAiB,mCAMhE;AAWD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,EACrD,aAAa,EAAE,MAAM,GACpB,aAAa,CAAC,aAAa,CAAC,CAgD9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,aAAa,CAAC,iBAAiB,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAO9G;AAED,MAAM,MAAM,SAAS,GACjB,oBAAoB,GACpB,sBAAsB,GACtB,sBAAsB,GACtB,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B,eAAO,MAAM,YAAY,EAAE;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;CAC1B,EAMA,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/flashbar/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAKzC,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,iBAAiB;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAeD,wBAAgB,WAAW,CAAC,IAAI,EAAE,aAAa,CAAC,iBAAiB,mCAMhE;AAWD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,EACrD,aAAa,EAAE,MAAM,GACpB,aAAa,CAAC,aAAa,CAAC,CAgD9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,aAAa,CAAC,iBAAiB,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAO9G;AAED,MAAM,MAAM,SAAS,GACjB,oBAAoB,GACpB,sBAAsB,GACtB,sBAAsB,GACtB,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B,eAAO,MAAM,YAAY,EAAE;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;CAC1B,EAMA,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,WAAW,WAE9D"}

package/lib/internal/template/flashbar/utils.js

@@ -92,4 +92,7 @@ export var counterTypes = [
     { type: 'info', labelName: 'infoIconAriaLabel', iconName: 'status-info' },
     { type: 'progress', labelName: 'inProgressIconAriaLabel', iconName: 'status-in-progress' },
 ];
+export function isElementTopBeyondViewport(element) {
+    return element.getBoundingClientRect().top < 0;
+}
 //# sourceMappingURL=utils.js.map

package/lib/internal/template/flashbar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/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, FlashType } 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<FlashType, string> = {\n  error: 'red',\n  info: 'blue',\n  progress: 'blue',\n  success: 'green',\n  warning: 'blue',\n};\n\nfunction getColorFromType(type?: FlashType): 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 '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(items: readonly FlashbarProps.MessageDefinition[]): Record<FlashType, number> {\n  const count = { error: 0, info: 0, 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: FlashType;\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: 'progress', labelName: 'inProgressIconAriaLabel', iconName: 'status-in-progress' },\n];\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/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, FlashType } 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<FlashType, string> = {\n  error: 'red',\n  info: 'blue',\n  progress: 'blue',\n  success: 'green',\n  warning: 'blue',\n};\n\nfunction getColorFromType(type?: FlashType): 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 '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(items: readonly FlashbarProps.MessageDefinition[]): Record<FlashType, number> {\n  const count = { error: 0, info: 0, 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: FlashType;\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: 'progress', labelName: 'inProgressIconAriaLabel', iconName: 'status-in-progress' },\n];\n\nexport function isElementTopBeyondViewport(element: HTMLElement) {\n  return element.getBoundingClientRect().top < 0;\n}\n"]}

package/lib/internal/template/form/styles.css.js

@@ -1,13 +1,13 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1i0s3_1x4zk_93",
-  "header": "awsui_header_1i0s3_1x4zk_106",
-  "content": "awsui_content_1i0s3_1x4zk_110",
-  "error": "awsui_error_1i0s3_1x4zk_114",
-  "footer": "awsui_footer_1i0s3_1x4zk_118",
-  "actions-section": "awsui_actions-section_1i0s3_1x4zk_122",
-  "secondary-actions": "awsui_secondary-actions_1i0s3_1x4zk_131",
-  "actions": "awsui_actions_1i0s3_1x4zk_122"
+  "root": "awsui_root_1i0s3_1u0cl_93",
+  "header": "awsui_header_1i0s3_1u0cl_106",
+  "content": "awsui_content_1i0s3_1u0cl_110",
+  "error": "awsui_error_1i0s3_1u0cl_114",
+  "footer": "awsui_footer_1i0s3_1u0cl_118",
+  "actions-section": "awsui_actions-section_1i0s3_1u0cl_122",
+  "secondary-actions": "awsui_secondary-actions_1i0s3_1u0cl_131",
+  "actions": "awsui_actions_1i0s3_1u0cl_122"
 };
   

package/lib/internal/template/form/styles.scoped.css

@@ -50,8 +50,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -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_1x4zk_93:not(#\9) {
+.awsui_root_1i0s3_1u0cl_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -129,23 +129,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_header_1i0s3_1x4zk_106:not(#\9) {
+.awsui_header_1i0s3_1u0cl_106:not(#\9) {
   margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
 }
 
-.awsui_content_1i0s3_1x4zk_110:not(#\9) {
+.awsui_content_1i0s3_1u0cl_110:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_error_1i0s3_1x4zk_114:not(#\9) {
+.awsui_error_1i0s3_1u0cl_114:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1i0s3_1x4zk_118:not(#\9) {
+.awsui_footer_1i0s3_1u0cl_118:not(#\9) {
   margin-top: var(--space-scaled-l-t03y3z, 20px);
 }
 
-.awsui_actions-section_1i0s3_1x4zk_122:not(#\9) {
+.awsui_actions-section_1i0s3_1u0cl_122:not(#\9) {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
@@ -154,13 +154,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-bottom: calc(-1 * var(--space-scaled-m-pv0fmt, 16px));
 }
 
-.awsui_secondary-actions_1i0s3_1x4zk_131:not(#\9) {
+.awsui_secondary-actions_1i0s3_1u0cl_131:not(#\9) {
   min-width: 1px;
   margin-left: var(--space-scaled-m-pv0fmt, 16px);
   margin-bottom: var(--space-scaled-m-pv0fmt, 16px);
 }
 
-.awsui_actions_1i0s3_1x4zk_122:not(#\9) {
+.awsui_actions_1i0s3_1u0cl_122:not(#\9) {
   min-width: 1px;
   margin-left: var(--space-scaled-m-pv0fmt, 16px);
   margin-bottom: var(--space-scaled-m-pv0fmt, 16px);

package/lib/internal/template/form/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1i0s3_1x4zk_93",
-  "header": "awsui_header_1i0s3_1x4zk_106",
-  "content": "awsui_content_1i0s3_1x4zk_110",
-  "error": "awsui_error_1i0s3_1x4zk_114",
-  "footer": "awsui_footer_1i0s3_1x4zk_118",
-  "actions-section": "awsui_actions-section_1i0s3_1x4zk_122",
-  "secondary-actions": "awsui_secondary-actions_1i0s3_1x4zk_131",
-  "actions": "awsui_actions_1i0s3_1x4zk_122"
+  "root": "awsui_root_1i0s3_1u0cl_93",
+  "header": "awsui_header_1i0s3_1u0cl_106",
+  "content": "awsui_content_1i0s3_1u0cl_110",
+  "error": "awsui_error_1i0s3_1u0cl_114",
+  "footer": "awsui_footer_1i0s3_1u0cl_118",
+  "actions-section": "awsui_actions-section_1i0s3_1u0cl_122",
+  "secondary-actions": "awsui_secondary-actions_1i0s3_1u0cl_131",
+  "actions": "awsui_actions_1i0s3_1u0cl_122"
 };
   

package/lib/internal/template/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_k6z36_97",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_k6z36_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_k6z36_124",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_k6z36_1",
-  "error": "awsui_error_14mhv_k6z36_97",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_k6z36_1",
-  "root": "awsui_root_14mhv_k6z36_168",
-  "label": "awsui_label_14mhv_k6z36_182",
-  "info": "awsui_info_14mhv_k6z36_195",
-  "description": "awsui_description_14mhv_k6z36_200",
-  "constraint": "awsui_constraint_14mhv_k6z36_201",
-  "hints": "awsui_hints_14mhv_k6z36_208",
-  "constraint-has-error": "awsui_constraint-has-error_14mhv_k6z36_209",
-  "secondary-control": "awsui_secondary-control_14mhv_k6z36_213",
-  "controls": "awsui_controls_14mhv_k6z36_217",
-  "label-hidden": "awsui_label-hidden_14mhv_k6z36_217",
-  "control": "awsui_control_14mhv_k6z36_217",
-  "error__message": "awsui_error__message_14mhv_k6z36_236",
-  "visually-hidden": "awsui_visually-hidden_14mhv_k6z36_240"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_24jy9_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_24jy9_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_24jy9_124",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_24jy9_1",
+  "error": "awsui_error_14mhv_24jy9_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_24jy9_1",
+  "root": "awsui_root_14mhv_24jy9_168",
+  "label": "awsui_label_14mhv_24jy9_182",
+  "info": "awsui_info_14mhv_24jy9_195",
+  "description": "awsui_description_14mhv_24jy9_200",
+  "constraint": "awsui_constraint_14mhv_24jy9_201",
+  "hints": "awsui_hints_14mhv_24jy9_208",
+  "constraint-has-error": "awsui_constraint-has-error_14mhv_24jy9_209",
+  "secondary-control": "awsui_secondary-control_14mhv_24jy9_213",
+  "controls": "awsui_controls_14mhv_24jy9_217",
+  "label-hidden": "awsui_label-hidden_14mhv_24jy9_217",
+  "control": "awsui_control_14mhv_24jy9_217",
+  "error__message": "awsui_error__message_14mhv_24jy9_236",
+  "visually-hidden": "awsui_visually-hidden_14mhv_24jy9_240"
 };
   

package/lib/internal/template/form-field/styles.scoped.css

@@ -50,8 +50,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -64,6 +62,8 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -94,10 +94,10 @@ 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_k6z36_97:not(#\9) {
-  animation: awsui_awsui-motion-shake-horizontally_14mhv_k6z36_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms);
+.awsui_error-icon-shake-wrapper_14mhv_24jy9_97:not(#\9) {
+  animation: awsui_awsui-motion-shake-horizontally_14mhv_24jy9_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_14mhv_k6z36_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_14mhv_24jy9_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
@@ -111,20 +111,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_error-icon-shake-wrapper_14mhv_k6z36_97:not(#\9) {
+  .awsui_error-icon-shake-wrapper_14mhv_24jy9_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_k6z36_97:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_k6z36_97:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-shake-wrapper_14mhv_24jy9_97:not(#\9), .awsui-mode-entering .awsui_error-icon-shake-wrapper_14mhv_24jy9_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_error-icon-scale-wrapper_14mhv_k6z36_124:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_14mhv_k6z36_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
+.awsui_error-icon-scale-wrapper_14mhv_24jy9_124:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_14mhv_24jy9_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-scale-popup_14mhv_k6z36_1 {
+@keyframes awsui_awsui-motion-scale-popup_14mhv_24jy9_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_k6z36_124:not(#\9) {
+  .awsui_error-icon-scale-wrapper_14mhv_24jy9_124:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_k6z36_124:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_k6z36_124:not(#\9) {
+.awsui-motion-disabled .awsui_error-icon-scale-wrapper_14mhv_24jy9_124:not(#\9), .awsui-mode-entering .awsui_error-icon-scale-wrapper_14mhv_24jy9_124:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_error_14mhv_k6z36_97:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_14mhv_k6z36_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
+.awsui_error_14mhv_24jy9_97:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_14mhv_24jy9_1 var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_14mhv_k6z36_1 {
+@keyframes awsui_awsui-motion-fade-in-0_14mhv_24jy9_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_k6z36_97:not(#\9) {
+  .awsui_error_14mhv_24jy9_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_error_14mhv_k6z36_97:not(#\9), .awsui-mode-entering .awsui_error_14mhv_k6z36_97:not(#\9) {
+.awsui-motion-disabled .awsui_error_14mhv_24jy9_97:not(#\9), .awsui-mode-entering .awsui_error_14mhv_24jy9_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_14mhv_k6z36_168:not(#\9) {
+.awsui_root_14mhv_24jy9_168:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -205,7 +205,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
 
-.awsui_label_14mhv_k6z36_182:not(#\9) {
+.awsui_label_14mhv_24jy9_182:not(#\9) {
   box-sizing: border-box;
   color: var(--color-text-form-label-i9s99a, #16191f);
   display: inline;
@@ -214,43 +214,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-display-label-weight-tjy9e4, 400);
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_label_14mhv_k6z36_182:not(#\9):only-child {
+.awsui_label_14mhv_24jy9_182:not(#\9):only-child {
   margin: 0;
 }
 
-.awsui_info_14mhv_k6z36_195:not(#\9) {
+.awsui_info_14mhv_24jy9_195:not(#\9) {
   padding-left: var(--space-xs-rsr2qu, 8px);
   border-left: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
 
-.awsui_description_14mhv_k6z36_200:not(#\9),
-.awsui_constraint_14mhv_k6z36_201:not(#\9) {
+.awsui_description_14mhv_24jy9_200:not(#\9),
+.awsui_constraint_14mhv_24jy9_201:not(#\9) {
   color: var(--color-text-form-secondary-1c3szk, #687078);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
 }
 
-.awsui_hints_14mhv_k6z36_208:not(#\9),
-.awsui_constraint-has-error_14mhv_k6z36_209:not(#\9) {
+.awsui_hints_14mhv_24jy9_208:not(#\9),
+.awsui_constraint-has-error_14mhv_24jy9_209:not(#\9) {
   padding-top: var(--space-xxs-ynfts5, 4px);
 }
 
-.awsui_secondary-control_14mhv_k6z36_213:not(#\9) {
+.awsui_secondary-control_14mhv_24jy9_213:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_controls_14mhv_k6z36_217:not(#\9):not(.awsui_label-hidden_14mhv_k6z36_217) {
+.awsui_controls_14mhv_24jy9_217:not(#\9):not(.awsui_label-hidden_14mhv_24jy9_217) {
   padding-top: var(--space-xxs-ynfts5, 4px);
 }
 
-.awsui_control_14mhv_k6z36_217:not(#\9) {
+.awsui_control_14mhv_24jy9_217:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
 }
 
-.awsui_error_14mhv_k6z36_97:not(#\9) {
+.awsui_error_14mhv_24jy9_97:not(#\9) {
   color: var(--color-text-status-error-jer77f, #d13212);
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
@@ -259,11 +259,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   align-items: flex-start;
 }
 
-.awsui_error__message_14mhv_k6z36_236:not(#\9) {
+.awsui_error__message_14mhv_24jy9_236:not(#\9) {
   margin-left: var(--space-xxs-ynfts5, 4px);
 }
 
-.awsui_visually-hidden_14mhv_k6z36_240:not(#\9) {
+.awsui_visually-hidden_14mhv_24jy9_240:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;

package/lib/internal/template/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_k6z36_97",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_k6z36_1",
-  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_k6z36_124",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_k6z36_1",
-  "error": "awsui_error_14mhv_k6z36_97",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_k6z36_1",
-  "root": "awsui_root_14mhv_k6z36_168",
-  "label": "awsui_label_14mhv_k6z36_182",
-  "info": "awsui_info_14mhv_k6z36_195",
-  "description": "awsui_description_14mhv_k6z36_200",
-  "constraint": "awsui_constraint_14mhv_k6z36_201",
-  "hints": "awsui_hints_14mhv_k6z36_208",
-  "constraint-has-error": "awsui_constraint-has-error_14mhv_k6z36_209",
-  "secondary-control": "awsui_secondary-control_14mhv_k6z36_213",
-  "controls": "awsui_controls_14mhv_k6z36_217",
-  "label-hidden": "awsui_label-hidden_14mhv_k6z36_217",
-  "control": "awsui_control_14mhv_k6z36_217",
-  "error__message": "awsui_error__message_14mhv_k6z36_236",
-  "visually-hidden": "awsui_visually-hidden_14mhv_k6z36_240"
+  "error-icon-shake-wrapper": "awsui_error-icon-shake-wrapper_14mhv_24jy9_97",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_14mhv_24jy9_1",
+  "error-icon-scale-wrapper": "awsui_error-icon-scale-wrapper_14mhv_24jy9_124",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_14mhv_24jy9_1",
+  "error": "awsui_error_14mhv_24jy9_97",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_14mhv_24jy9_1",
+  "root": "awsui_root_14mhv_24jy9_168",
+  "label": "awsui_label_14mhv_24jy9_182",
+  "info": "awsui_info_14mhv_24jy9_195",
+  "description": "awsui_description_14mhv_24jy9_200",
+  "constraint": "awsui_constraint_14mhv_24jy9_201",
+  "hints": "awsui_hints_14mhv_24jy9_208",
+  "constraint-has-error": "awsui_constraint-has-error_14mhv_24jy9_209",
+  "secondary-control": "awsui_secondary-control_14mhv_24jy9_213",
+  "controls": "awsui_controls_14mhv_24jy9_217",
+  "label-hidden": "awsui_label-hidden_14mhv_24jy9_217",
+  "control": "awsui_control_14mhv_24jy9_217",
+  "error__message": "awsui_error__message_14mhv_24jy9_236",
+  "visually-hidden": "awsui_visually-hidden_14mhv_24jy9_240"
 };