@cloudscape-design/components 3.0.494 → 3.0.496

package/popover/use-popover-position.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-popover-position.js","sourceRoot":"lib/default/","sources":["popover/use-popover-position.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\n\nimport React, { useCallback, useRef, useState } from 'react';\nimport { BoundingBox, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition, getDimensions, getOffsetDimensions } from './utils/positions';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { calculateScroll, scrollRectangleIntoView } from '../internal/utils/scrollable-containers';\nimport { getContainingBlock } from '../internal/utils/dom';\n\nexport default function usePopoverPosition({\n  popoverRef,\n  bodyRef,\n  arrowRef,\n  trackRef,\n  contentRef,\n  allowScrollToFit,\n  allowVerticalOverflow,\n  preferredPosition,\n  renderWithPortal,\n  keepPosition,\n}: {\n  popoverRef: React.RefObject<HTMLDivElement | null>;\n  bodyRef: React.RefObject<HTMLDivElement | null>;\n  arrowRef: React.RefObject<HTMLDivElement | null>;\n  trackRef: React.RefObject<Element | null>;\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  allowScrollToFit?: boolean;\n  allowVerticalOverflow?: boolean;\n  preferredPosition: PopoverProps.Position;\n  renderWithPortal?: boolean;\n  keepPosition?: boolean;\n}) {\n  const previousInternalPositionRef = useRef<InternalPosition | null>(null);\n  const [popoverStyle, setPopoverStyle] = useState<Partial<Offset>>({});\n  const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n\n  // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n  const positionHandlerRef = useRef<() => void>(() => {});\n\n  const updatePositionHandler = useCallback(\n    (onContentResize = false) => {\n      if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n        return;\n      }\n\n      // Get important elements\n      const popover = popoverRef.current;\n      const body = bodyRef.current;\n      const arrow = arrowRef.current;\n      const document = popover.ownerDocument;\n      const track = trackRef.current;\n\n      // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n      // or track does not belong to the document - bail on calculating dimensions.\n      const { offsetWidth, offsetHeight } = getOffsetDimensions(popover);\n      if (offsetWidth === 0 || offsetHeight === 0 || !nodeContains(document.body, track)) {\n        return;\n      }\n\n      // Imperatively move body off-screen to give it room to expand.\n      // Not doing this in React because this recalculation should happen\n      // in the span of a single frame without rerendering anything.\n      const prevTop = popover.style.top;\n      const prevLeft = popover.style.left;\n\n      popover.style.top = '0';\n      popover.style.left = '0';\n      // Imperatively remove body styles that can remain from the previous computation.\n      body.style.maxHeight = '';\n      body.style.overflowX = '';\n      body.style.overflowY = '';\n\n      // Get rects representing key elements\n      // Use getComputedStyle for arrowRect to avoid modifications made by transform\n      const viewportRect = getViewportRect(document.defaultView!);\n      const trackRect = track.getBoundingClientRect();\n      const arrowRect = getDimensions(arrow);\n      const containingBlock = getContainingBlock(popover);\n      const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n      const bodyBorderWidth = getBorderWidth(body);\n      const contentRect = contentRef.current.getBoundingClientRect();\n      const contentBoundingBox = {\n        width: contentRect.width + 2 * bodyBorderWidth,\n        height: contentRect.height + 2 * bodyBorderWidth,\n      };\n\n      // When keepPosition is true and the recalculation was triggered by a resize of the popover content,\n      // we maintain the previously defined internal position,\n      // but we still call calculatePosition to know if the popover should be scrollable.\n      const shouldKeepPosition = keepPosition && onContentResize && !!previousInternalPositionRef.current;\n      const fixedInternalPosition = (shouldKeepPosition && previousInternalPositionRef.current) ?? undefined;\n\n      // Calculate the arrow direction and viewport-relative position of the popover.\n      const {\n        scrollable,\n        internalPosition: newInternalPosition,\n        rect,\n      } = calculatePosition({\n        preferredPosition,\n        fixedInternalPosition,\n        trigger: trackRect,\n        arrow: arrowRect,\n        body: contentBoundingBox,\n        container: containingBlock ? containingBlockRect : getDocumentRect(document),\n        viewport: viewportRect,\n        renderWithPortal,\n        allowVerticalOverflow,\n      });\n\n      // Get the position of the popover relative to the offset parent.\n      const popoverOffset = toRelativePosition(rect, containingBlockRect);\n\n      // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n      // and use that to recalculate the new popover position.\n      const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n      // Bring back the container to its original position to prevent any flashing.\n      popover.style.top = prevTop;\n      popover.style.left = prevLeft;\n\n      // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n      if (scrollable) {\n        body.style.maxHeight = rect.height + 'px';\n        body.style.overflowX = 'hidden';\n        body.style.overflowY = 'auto';\n      }\n\n      // Remember the internal position in case we want to keep it later.\n      previousInternalPositionRef.current = newInternalPosition;\n      setInternalPosition(newInternalPosition);\n\n      const shouldScroll = allowScrollToFit && !shouldKeepPosition;\n\n      // Position the popover\n      const top = shouldScroll ? popoverOffset.top + calculateScroll(rect) : popoverOffset.top;\n      setPopoverStyle({ top, left: popoverOffset.left });\n      if (shouldScroll) {\n        scrollRectangleIntoView(rect);\n      }\n\n      positionHandlerRef.current = () => {\n        const newTrackOffset = toRelativePosition(\n          track.getBoundingClientRect(),\n          containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n        );\n        setPopoverStyle({\n          top: newTrackOffset.top + trackRelativeOffset.top,\n          left: newTrackOffset.left + trackRelativeOffset.left,\n        });\n      };\n    },\n    [\n      trackRef,\n      popoverRef,\n      bodyRef,\n      contentRef,\n      arrowRef,\n      keepPosition,\n      allowScrollToFit,\n      preferredPosition,\n      renderWithPortal,\n      allowVerticalOverflow,\n    ]\n  );\n  return { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef };\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n  return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n  return {\n    top: element.top - parent.top,\n    left: element.left - parent.left,\n  };\n}\n\n/**\n * Get a BoundingBox that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingBox {\n  return {\n    top: 0,\n    left: 0,\n    width: window.innerWidth,\n    height: window.innerHeight,\n  };\n}\n\nfunction getDocumentRect(document: Document): BoundingBox {\n  const { top, left } = document.documentElement.getBoundingClientRect();\n  return {\n    top,\n    left,\n    width: document.documentElement.scrollWidth,\n    height: document.documentElement.scrollHeight,\n  };\n}\n"]}
+{"version":3,"file":"use-popover-position.js","sourceRoot":"lib/default/","sources":["popover/use-popover-position.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\n\nimport React, { useCallback, useRef, useState } from 'react';\nimport { BoundingBox, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition, getDimensions, getOffsetDimensions } from './utils/positions';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport {\n  calculateScroll,\n  getFirstScrollableParent,\n  scrollRectangleIntoView,\n} from '../internal/utils/scrollable-containers';\nimport { getContainingBlock } from '../internal/utils/dom';\n\nexport default function usePopoverPosition({\n  popoverRef,\n  bodyRef,\n  arrowRef,\n  trackRef,\n  contentRef,\n  allowScrollToFit,\n  allowVerticalOverflow,\n  preferredPosition,\n  renderWithPortal,\n  keepPosition,\n}: {\n  popoverRef: React.RefObject<HTMLDivElement | null>;\n  bodyRef: React.RefObject<HTMLDivElement | null>;\n  arrowRef: React.RefObject<HTMLDivElement | null>;\n  trackRef: React.RefObject<Element | null>;\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  allowScrollToFit?: boolean;\n  allowVerticalOverflow?: boolean;\n  preferredPosition: PopoverProps.Position;\n  renderWithPortal?: boolean;\n  keepPosition?: boolean;\n}) {\n  const previousInternalPositionRef = useRef<InternalPosition | null>(null);\n  const [popoverStyle, setPopoverStyle] = useState<Partial<Offset>>({});\n  const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n\n  // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n  const positionHandlerRef = useRef<() => void>(() => {});\n\n  const updatePositionHandler = useCallback(\n    (onContentResize = false) => {\n      if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n        return;\n      }\n\n      // Get important elements\n      const popover = popoverRef.current;\n      const body = bodyRef.current;\n      const arrow = arrowRef.current;\n      const document = popover.ownerDocument;\n      const track = trackRef.current;\n\n      // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n      // or track does not belong to the document - bail on calculating dimensions.\n      const { offsetWidth, offsetHeight } = getOffsetDimensions(popover);\n      if (offsetWidth === 0 || offsetHeight === 0 || !nodeContains(document.body, track)) {\n        return;\n      }\n\n      // Imperatively move body off-screen to give it room to expand.\n      // Not doing this in React because this recalculation should happen\n      // in the span of a single frame without rerendering anything.\n      const prevTop = popover.style.top;\n      const prevLeft = popover.style.left;\n\n      popover.style.top = '0';\n      popover.style.left = '0';\n      // Imperatively remove body styles that can remain from the previous computation.\n      body.style.maxHeight = '';\n      body.style.overflowX = '';\n      body.style.overflowY = '';\n\n      // Get rects representing key elements\n      // Use getComputedStyle for arrowRect to avoid modifications made by transform\n      const viewportRect = getViewportRect(document.defaultView!);\n      const trackRect = track.getBoundingClientRect();\n      const arrowRect = getDimensions(arrow);\n      const containingBlock = getContainingBlock(popover);\n      const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n      const bodyBorderWidth = getBorderWidth(body);\n      const contentRect = contentRef.current.getBoundingClientRect();\n      const contentBoundingBox = {\n        width: contentRect.width + 2 * bodyBorderWidth,\n        height: contentRect.height + 2 * bodyBorderWidth,\n      };\n\n      // When keepPosition is true and the recalculation was triggered by a resize of the popover content,\n      // we maintain the previously defined internal position,\n      // but we still call calculatePosition to know if the popover should be scrollable.\n      const shouldKeepPosition = keepPosition && onContentResize && !!previousInternalPositionRef.current;\n      const fixedInternalPosition = (shouldKeepPosition && previousInternalPositionRef.current) ?? undefined;\n\n      // Calculate the arrow direction and viewport-relative position of the popover.\n      const {\n        scrollable,\n        internalPosition: newInternalPosition,\n        rect,\n      } = calculatePosition({\n        preferredPosition,\n        fixedInternalPosition,\n        trigger: trackRect,\n        arrow: arrowRect,\n        body: contentBoundingBox,\n        container: containingBlock ? containingBlockRect : getDocumentRect(document),\n        viewport: viewportRect,\n        renderWithPortal,\n        allowVerticalOverflow,\n      });\n\n      // Get the position of the popover relative to the offset parent.\n      const popoverOffset = toRelativePosition(rect, containingBlockRect);\n\n      // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n      // and use that to recalculate the new popover position.\n      const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n      // Bring back the container to its original position to prevent any flashing.\n      popover.style.top = prevTop;\n      popover.style.left = prevLeft;\n\n      // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n      if (scrollable) {\n        body.style.maxHeight = rect.height + 'px';\n        body.style.overflowX = 'hidden';\n        body.style.overflowY = 'auto';\n      }\n\n      // Remember the internal position in case we want to keep it later.\n      previousInternalPositionRef.current = newInternalPosition;\n      setInternalPosition(newInternalPosition);\n\n      const shouldScroll = allowScrollToFit && !shouldKeepPosition;\n\n      // Position the popover\n      const top = shouldScroll ? popoverOffset.top + calculateScroll(rect) : popoverOffset.top;\n      setPopoverStyle({ top, left: popoverOffset.left });\n\n      // Scroll if necessary\n      if (shouldScroll) {\n        const scrollableParent = getFirstScrollableParent(popover);\n        scrollRectangleIntoView(rect, scrollableParent);\n      }\n\n      positionHandlerRef.current = () => {\n        const newTrackOffset = toRelativePosition(\n          track.getBoundingClientRect(),\n          containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n        );\n        setPopoverStyle({\n          top: newTrackOffset.top + trackRelativeOffset.top,\n          left: newTrackOffset.left + trackRelativeOffset.left,\n        });\n      };\n    },\n    [\n      trackRef,\n      popoverRef,\n      bodyRef,\n      contentRef,\n      arrowRef,\n      keepPosition,\n      allowScrollToFit,\n      preferredPosition,\n      renderWithPortal,\n      allowVerticalOverflow,\n    ]\n  );\n  return { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef };\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n  return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n  return {\n    top: element.top - parent.top,\n    left: element.left - parent.left,\n  };\n}\n\n/**\n * Get a BoundingBox that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingBox {\n  return {\n    top: 0,\n    left: 0,\n    width: window.innerWidth,\n    height: window.innerHeight,\n  };\n}\n\nfunction getDocumentRect(document: Document): BoundingBox {\n  const { top, left } = document.documentElement.getBoundingClientRect();\n  return {\n    top,\n    left,\n    width: document.documentElement.scrollWidth,\n    height: document.documentElement.scrollHeight,\n  };\n}\n"]}

package/progress-bar/styles.css.js

@@ -1,23 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "progress": "awsui_progress_11huc_1okr5_185",
-  "result-state": "awsui_result-state_11huc_1okr5_199",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1okr5_1",
-  "root": "awsui_root_11huc_1okr5_221",
-  "with-result-button": "awsui_with-result-button_11huc_1okr5_234",
-  "result-text": "awsui_result-text_11huc_1okr5_238",
-  "result-container-error": "awsui_result-container-error_11huc_1okr5_242",
-  "result-container-success": "awsui_result-container-success_11huc_1okr5_242",
-  "result-button": "awsui_result-button_11huc_1okr5_246",
-  "word-wrap": "awsui_word-wrap_11huc_1okr5_251",
-  "label-flash": "awsui_label-flash_11huc_1okr5_256",
-  "label-key-value": "awsui_label-key-value_11huc_1okr5_260",
-  "flash": "awsui_flash_11huc_1okr5_268",
-  "progress-container": "awsui_progress-container_11huc_1okr5_272",
-  "percentage-container": "awsui_percentage-container_11huc_1okr5_279",
-  "percentage": "awsui_percentage_11huc_1okr5_279",
-  "complete": "awsui_complete_11huc_1okr5_314",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_1okr5_329"
+  "progress": "awsui_progress_11huc_jv86d_185",
+  "result-state": "awsui_result-state_11huc_jv86d_199",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_jv86d_1",
+  "root": "awsui_root_11huc_jv86d_221",
+  "with-result-button": "awsui_with-result-button_11huc_jv86d_256",
+  "result-text": "awsui_result-text_11huc_jv86d_260",
+  "result-container-error": "awsui_result-container-error_11huc_jv86d_264",
+  "result-container-success": "awsui_result-container-success_11huc_jv86d_264",
+  "result-button": "awsui_result-button_11huc_jv86d_268",
+  "word-wrap": "awsui_word-wrap_11huc_jv86d_273",
+  "label-flash": "awsui_label-flash_11huc_jv86d_278",
+  "label-key-value": "awsui_label-key-value_11huc_jv86d_282",
+  "flash": "awsui_flash_11huc_jv86d_290",
+  "progress-container": "awsui_progress-container_11huc_jv86d_294",
+  "percentage-container": "awsui_percentage-container_11huc_jv86d_301",
+  "percentage": "awsui_percentage_11huc_jv86d_301",
+  "complete": "awsui_complete_11huc_jv86d_336",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_jv86d_351"
 };
   

package/progress-bar/styles.scoped.css

@@ -182,27 +182,27 @@ 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_progress_11huc_1okr5_185:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_jv86d_185:not(#\9)::-webkit-progress-value {
   -webkit-transition: width var(--motion-duration-moderate-5k1phv, 135ms) linear;
   transition: width var(--motion-duration-moderate-5k1phv, 135ms) linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_progress_11huc_1okr5_185:not(#\9)::-webkit-progress-value {
+  .awsui_progress_11huc_jv86d_185:not(#\9)::-webkit-progress-value {
     animation: none;
     -webkit-transition: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_progress_11huc_1okr5_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_1okr5_185:not(#\9)::-webkit-progress-value {
+.awsui-motion-disabled .awsui_progress_11huc_jv86d_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_jv86d_185:not(#\9)::-webkit-progress-value {
   animation: none;
   -webkit-transition: none;
   transition: none;
 }
 
-.awsui_result-state_11huc_1okr5_199:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_11huc_1okr5_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
+.awsui_result-state_11huc_jv86d_199:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_11huc_jv86d_1 var(--motion-duration-transition-show-paced-9s9l5z, 180ms) var(--motion-easing-transition-show-paced-eobwvi, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_11huc_1okr5_1 {
+@keyframes awsui_awsui-motion-fade-in_11huc_jv86d_1 {
   from {
     opacity: 0.2;
   }
@@ -211,29 +211,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_result-state_11huc_1okr5_199:not(#\9) {
+  .awsui_result-state_11huc_jv86d_199:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_result-state_11huc_1okr5_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_1okr5_199:not(#\9) {
+.awsui-motion-disabled .awsui_result-state_11huc_jv86d_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_jv86d_199:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_11huc_1okr5_221:not(#\9) {
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+.awsui_root_11huc_jv86d_221:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
+  box-sizing: border-box;
   caption-side: top;
   cursor: auto;
-  direction: ltr;
+  direction: inherit;
   empty-cells: show;
   font-family: serif;
   font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
@@ -242,15 +242,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: disc outside none;
   tab-size: 8;
   text-align: left;
-  text-align-last: auto;
   text-indent: 0;
   text-shadow: none;
   text-transform: none;
   visibility: visible;
   white-space: normal;
-  widows: 2;
   word-spacing: normal;
-  box-sizing: border-box;
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-default-at06ol, #000716);
@@ -260,33 +257,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_with-result-button_11huc_1okr5_234:not(#\9) {
+.awsui_with-result-button_11huc_jv86d_256:not(#\9) {
   padding-right: var(--space-m-udix3p, 16px);
 }
 
-.awsui_result-text_11huc_1okr5_238:not(#\9) {
+.awsui_result-text_11huc_jv86d_260:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-container-error_11huc_1okr5_242:not(#\9), .awsui_result-container-success_11huc_1okr5_242:not(#\9) {
+.awsui_result-container-error_11huc_jv86d_264:not(#\9), .awsui_result-container-success_11huc_jv86d_264:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_result-button_11huc_1okr5_246:not(#\9) {
+.awsui_result-button_11huc_jv86d_268:not(#\9) {
   display: inline-block;
   margin: var(--space-scaled-xxs-7597g1, 4px) 0;
 }
 
-.awsui_word-wrap_11huc_1okr5_251:not(#\9) {
+.awsui_word-wrap_11huc_jv86d_273:not(#\9) {
   min-width: 0;
   word-break: break-word;
 }
 
-.awsui_label-flash_11huc_1okr5_256:not(#\9) {
+.awsui_label-flash_11huc_jv86d_278:not(#\9) {
   color: "inherit";
   font-weight: 700;
 }
-.awsui_label-key-value_11huc_1okr5_260:not(#\9) {
+.awsui_label-key-value_11huc_jv86d_282:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   font-weight: var(--font-display-label-weight-815ja9, 700);
@@ -294,18 +291,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-bottom: var(--space-scaled-xxxs-27y4hv, 2px);
 }
 
-.awsui_flash_11huc_1okr5_268:not(#\9) {
+.awsui_flash_11huc_jv86d_290:not(#\9) {
   color: inherit;
 }
 
-.awsui_progress-container_11huc_1okr5_272:not(#\9) {
+.awsui_progress-container_11huc_jv86d_294:not(#\9) {
   display: flex;
   align-items: center;
   max-width: 800px;
   height: var(--line-height-body-m-30ar75, 20px);
 }
 
-.awsui_percentage-container_11huc_1okr5_279:not(#\9) {
+.awsui_percentage-container_11huc_jv86d_301:not(#\9) {
   width: 33px;
   flex-shrink: 0;
   white-space: nowrap;
@@ -315,11 +312,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: var(--letter-spacing-body-s-z9jkwp, 0.005em);
 }
 
-.awsui_percentage_11huc_1okr5_279:not(#\9) {
+.awsui_percentage_11huc_jv86d_301:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_progress_11huc_1okr5_185:not(#\9) {
+.awsui_progress_11huc_jv86d_185:not(#\9) {
   width: 100%;
   margin-right: var(--space-s-34lx8l, 12px);
   min-width: 0;
@@ -329,44 +326,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: 10px;
   background-color: var(--color-background-progress-bar-layout-default-ktc0zl, #e9ebed);
 }
-.awsui_progress_11huc_1okr5_185:not(#\9)::-webkit-progress-bar {
+.awsui_progress_11huc_jv86d_185:not(#\9)::-webkit-progress-bar {
   height: 4px;
   border: 0 none;
   box-sizing: border-box;
   border-radius: 10px;
   background-color: var(--color-background-progress-bar-layout-default-ktc0zl, #e9ebed);
 }
-.awsui_progress_11huc_1okr5_185:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_jv86d_185:not(#\9)::-webkit-progress-value {
   border-radius: 10px 0px 0px 10px;
   background-color: var(--color-background-progress-bar-content-default-yvwdkl, #0972d3);
 }
-.awsui_progress_11huc_1okr5_185.awsui_complete_11huc_1okr5_314:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_jv86d_185.awsui_complete_11huc_jv86d_336:not(#\9)::-webkit-progress-value {
   border-radius: 10px;
 }
-.awsui_progress_11huc_1okr5_185:not(#\9)::-moz-progress-bar {
+.awsui_progress_11huc_jv86d_185:not(#\9)::-moz-progress-bar {
   border-radius: 10px 0px 0px 10px;
   background-color: var(--color-background-progress-bar-content-default-yvwdkl, #0972d3);
 }
-.awsui_progress_11huc_1okr5_185:not(#\9)::-ms-fill {
+.awsui_progress_11huc_jv86d_185:not(#\9)::-ms-fill {
   border-radius: 10px 0px 0px 10px;
   background-color: #0073bb;
   border: none;
 }
-.awsui_progress_11huc_1okr5_185.awsui_complete_11huc_1okr5_314:not(#\9)::-ms-fill {
+.awsui_progress_11huc_jv86d_185.awsui_complete_11huc_jv86d_336:not(#\9)::-ms-fill {
   border-radius: 10px;
 }
-.awsui_progress_11huc_1okr5_185.awsui_progress-in-flash_11huc_1okr5_329:not(#\9) {
+.awsui_progress_11huc_jv86d_185.awsui_progress-in-flash_11huc_jv86d_351:not(#\9) {
   background-color: var(--color-background-progress-bar-layout-in-flash-rlu77n, rgba(255, 255, 255, 0.25));
 }
-.awsui_progress_11huc_1okr5_185.awsui_progress-in-flash_11huc_1okr5_329:not(#\9)::-webkit-progress-bar {
+.awsui_progress_11huc_jv86d_185.awsui_progress-in-flash_11huc_jv86d_351:not(#\9)::-webkit-progress-bar {
   background-color: var(--color-background-progress-bar-layout-in-flash-rlu77n, rgba(255, 255, 255, 0.25));
 }
-.awsui_progress_11huc_1okr5_185.awsui_progress-in-flash_11huc_1okr5_329:not(#\9)::-webkit-progress-value {
+.awsui_progress_11huc_jv86d_185.awsui_progress-in-flash_11huc_jv86d_351:not(#\9)::-webkit-progress-value {
   background-color: var(--color-background-progress-bar-content-in-flash-ccuxyt, #ffffff);
 }
-.awsui_progress_11huc_1okr5_185.awsui_progress-in-flash_11huc_1okr5_329:not(#\9)::-moz-progress-bar {
+.awsui_progress_11huc_jv86d_185.awsui_progress-in-flash_11huc_jv86d_351:not(#\9)::-moz-progress-bar {
   background-color: var(--color-background-progress-bar-content-in-flash-ccuxyt, #ffffff);
 }
-.awsui_progress_11huc_1okr5_185.awsui_progress-in-flash_11huc_1okr5_329:not(#\9)::-ms-fill {
+.awsui_progress_11huc_jv86d_185.awsui_progress-in-flash_11huc_jv86d_351:not(#\9)::-ms-fill {
   background-color: rgba(255, 255, 255, 0.7);
 }

package/progress-bar/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "progress": "awsui_progress_11huc_1okr5_185",
-  "result-state": "awsui_result-state_11huc_1okr5_199",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1okr5_1",
-  "root": "awsui_root_11huc_1okr5_221",
-  "with-result-button": "awsui_with-result-button_11huc_1okr5_234",
-  "result-text": "awsui_result-text_11huc_1okr5_238",
-  "result-container-error": "awsui_result-container-error_11huc_1okr5_242",
-  "result-container-success": "awsui_result-container-success_11huc_1okr5_242",
-  "result-button": "awsui_result-button_11huc_1okr5_246",
-  "word-wrap": "awsui_word-wrap_11huc_1okr5_251",
-  "label-flash": "awsui_label-flash_11huc_1okr5_256",
-  "label-key-value": "awsui_label-key-value_11huc_1okr5_260",
-  "flash": "awsui_flash_11huc_1okr5_268",
-  "progress-container": "awsui_progress-container_11huc_1okr5_272",
-  "percentage-container": "awsui_percentage-container_11huc_1okr5_279",
-  "percentage": "awsui_percentage_11huc_1okr5_279",
-  "complete": "awsui_complete_11huc_1okr5_314",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_1okr5_329"
+  "progress": "awsui_progress_11huc_jv86d_185",
+  "result-state": "awsui_result-state_11huc_jv86d_199",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_jv86d_1",
+  "root": "awsui_root_11huc_jv86d_221",
+  "with-result-button": "awsui_with-result-button_11huc_jv86d_256",
+  "result-text": "awsui_result-text_11huc_jv86d_260",
+  "result-container-error": "awsui_result-container-error_11huc_jv86d_264",
+  "result-container-success": "awsui_result-container-success_11huc_jv86d_264",
+  "result-button": "awsui_result-button_11huc_jv86d_268",
+  "word-wrap": "awsui_word-wrap_11huc_jv86d_273",
+  "label-flash": "awsui_label-flash_11huc_jv86d_278",
+  "label-key-value": "awsui_label-key-value_11huc_jv86d_282",
+  "flash": "awsui_flash_11huc_jv86d_290",
+  "progress-container": "awsui_progress-container_11huc_jv86d_294",
+  "percentage-container": "awsui_percentage-container_11huc_jv86d_301",
+  "percentage": "awsui_percentage_11huc_jv86d_301",
+  "complete": "awsui_complete_11huc_jv86d_336",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_jv86d_351"
 };
   

package/property-filter/styles.css.js

@@ -1,36 +1,36 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1wzqe_5v6dt_93",
-  "search-field": "awsui_search-field_1wzqe_5v6dt_106",
-  "input-wrapper": "awsui_input-wrapper_1wzqe_5v6dt_112",
-  "add-token": "awsui_add-token_1wzqe_5v6dt_116",
-  "tokens": "awsui_tokens_1wzqe_5v6dt_123",
-  "token-operator": "awsui_token-operator_1wzqe_5v6dt_127",
-  "property-editor": "awsui_property-editor_1wzqe_5v6dt_131",
-  "token-editor": "awsui_token-editor_1wzqe_5v6dt_132",
-  "property-editor-form": "awsui_property-editor-form_1wzqe_5v6dt_136",
-  "token-editor-form": "awsui_token-editor-form_1wzqe_5v6dt_137",
-  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_5v6dt_140",
-  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_5v6dt_141",
-  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_5v6dt_144",
-  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_5v6dt_145",
-  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_5v6dt_148",
-  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_5v6dt_149",
-  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_5v6dt_152",
-  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_5v6dt_153",
-  "property-editor-submit": "awsui_property-editor-submit_1wzqe_5v6dt_156",
-  "token-editor-submit": "awsui_token-editor-submit_1wzqe_5v6dt_157",
-  "property-editor-actions": "awsui_property-editor-actions_1wzqe_5v6dt_160",
-  "token-editor-actions": "awsui_token-editor-actions_1wzqe_5v6dt_161",
-  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_5v6dt_179",
-  "custom-control": "awsui_custom-control_1wzqe_5v6dt_183",
-  "input": "awsui_input_1wzqe_5v6dt_112",
-  "results": "awsui_results_1wzqe_5v6dt_191",
-  "token-trigger": "awsui_token-trigger_1wzqe_5v6dt_197",
-  "remove-all": "awsui_remove-all_1wzqe_5v6dt_202",
-  "token-label": "awsui_token-label_1wzqe_5v6dt_203",
-  "join-operation": "awsui_join-operation_1wzqe_5v6dt_204",
-  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_5v6dt_205"
+  "root": "awsui_root_1wzqe_1oi2m_93",
+  "search-field": "awsui_search-field_1wzqe_1oi2m_128",
+  "input-wrapper": "awsui_input-wrapper_1wzqe_1oi2m_134",
+  "add-token": "awsui_add-token_1wzqe_1oi2m_138",
+  "tokens": "awsui_tokens_1wzqe_1oi2m_145",
+  "token-operator": "awsui_token-operator_1wzqe_1oi2m_149",
+  "property-editor": "awsui_property-editor_1wzqe_1oi2m_153",
+  "token-editor": "awsui_token-editor_1wzqe_1oi2m_154",
+  "property-editor-form": "awsui_property-editor-form_1wzqe_1oi2m_158",
+  "token-editor-form": "awsui_token-editor-form_1wzqe_1oi2m_159",
+  "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1oi2m_162",
+  "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1oi2m_163",
+  "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1oi2m_166",
+  "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1oi2m_167",
+  "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1oi2m_170",
+  "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1oi2m_171",
+  "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1oi2m_174",
+  "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1oi2m_175",
+  "property-editor-submit": "awsui_property-editor-submit_1wzqe_1oi2m_178",
+  "token-editor-submit": "awsui_token-editor-submit_1wzqe_1oi2m_179",
+  "property-editor-actions": "awsui_property-editor-actions_1wzqe_1oi2m_182",
+  "token-editor-actions": "awsui_token-editor-actions_1wzqe_1oi2m_183",
+  "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1oi2m_201",
+  "custom-control": "awsui_custom-control_1wzqe_1oi2m_205",
+  "input": "awsui_input_1wzqe_1oi2m_134",
+  "results": "awsui_results_1wzqe_1oi2m_213",
+  "token-trigger": "awsui_token-trigger_1wzqe_1oi2m_219",
+  "remove-all": "awsui_remove-all_1wzqe_1oi2m_224",
+  "token-label": "awsui_token-label_1wzqe_1oi2m_225",
+  "join-operation": "awsui_join-operation_1wzqe_1oi2m_226",
+  "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_1oi2m_227"
 };
   

package/property-filter/styles.scoped.css

@@ -90,19 +90,19 @@ 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_1wzqe_5v6dt_93:not(#\9) {
-  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+.awsui_root_1wzqe_1oi2m_93:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
+  box-sizing: border-box;
   caption-side: top;
   cursor: auto;
-  direction: ltr;
+  direction: inherit;
   empty-cells: show;
   font-family: serif;
   font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: normal;
+  font-weight: 400;
   font-stretch: normal;
   line-height: normal;
   -webkit-hyphens: none;
@@ -111,15 +111,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: disc outside none;
   tab-size: 8;
   text-align: left;
-  text-align-last: auto;
   text-indent: 0;
   text-shadow: none;
   text-transform: none;
   visibility: visible;
   white-space: normal;
-  widows: 2;
   word-spacing: normal;
-  box-sizing: border-box;
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
   color: var(--color-text-body-default-at06ol, #000716);
@@ -129,106 +126,106 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_search-field_1wzqe_5v6dt_106:not(#\9) {
+.awsui_search-field_1wzqe_1oi2m_128:not(#\9) {
   display: flex;
   align-items: flex-end;
   max-width: calc(688px - 2 * var(--space-l-t419sm, 20px));
 }
 
-.awsui_input-wrapper_1wzqe_5v6dt_112:not(#\9) {
+.awsui_input-wrapper_1wzqe_1oi2m_134:not(#\9) {
   flex-grow: 1;
 }
 
-.awsui_add-token_1wzqe_5v6dt_116:not(#\9) {
+.awsui_add-token_1wzqe_1oi2m_138:not(#\9) {
   border-left: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
   box-sizing: border-box;
   margin-left: var(--space-m-udix3p, 16px);
   padding-left: var(--space-m-udix3p, 16px);
 }
 
-.awsui_tokens_1wzqe_5v6dt_123:not(#\9) {
+.awsui_tokens_1wzqe_1oi2m_145:not(#\9) {
   margin: var(--space-xs-zb16t3, 8px) 0;
 }
 
-.awsui_token-operator_1wzqe_5v6dt_127:not(#\9) {
+.awsui_token-operator_1wzqe_1oi2m_149:not(#\9) {
   font-weight: bold;
 }
 
-.awsui_property-editor_1wzqe_5v6dt_131:not(#\9),
-.awsui_token-editor_1wzqe_5v6dt_132:not(#\9) {
+.awsui_property-editor_1wzqe_1oi2m_153:not(#\9),
+.awsui_token-editor_1wzqe_1oi2m_154:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   margin: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_property-editor-form_1wzqe_5v6dt_136:not(#\9),
-.awsui_token-editor-form_1wzqe_5v6dt_137:not(#\9) {
+.awsui_property-editor-form_1wzqe_1oi2m_158:not(#\9),
+.awsui_token-editor-form_1wzqe_1oi2m_159:not(#\9) {
   margin-bottom: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-field-property_1wzqe_5v6dt_140:not(#\9),
-.awsui_token-editor-field-property_1wzqe_5v6dt_141:not(#\9) {
+.awsui_property-editor-field-property_1wzqe_1oi2m_162:not(#\9),
+.awsui_token-editor-field-property_1wzqe_1oi2m_163:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-field-operator_1wzqe_5v6dt_144:not(#\9),
-.awsui_token-editor-field-operator_1wzqe_5v6dt_145:not(#\9) {
+.awsui_property-editor-field-operator_1wzqe_1oi2m_166:not(#\9),
+.awsui_token-editor-field-operator_1wzqe_1oi2m_167:not(#\9) {
   margin-top: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-field-value_1wzqe_5v6dt_148:not(#\9),
-.awsui_token-editor-field-value_1wzqe_5v6dt_149:not(#\9) {
+.awsui_property-editor-field-value_1wzqe_1oi2m_170:not(#\9),
+.awsui_token-editor-field-value_1wzqe_1oi2m_171:not(#\9) {
   margin-top: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_property-editor-cancel_1wzqe_5v6dt_152:not(#\9),
-.awsui_token-editor-cancel_1wzqe_5v6dt_153:not(#\9) {
+.awsui_property-editor-cancel_1wzqe_1oi2m_174:not(#\9),
+.awsui_token-editor-cancel_1wzqe_1oi2m_175:not(#\9) {
   margin-right: var(--space-xs-zb16t3, 8px);
 }
-.awsui_property-editor-submit_1wzqe_5v6dt_156:not(#\9),
-.awsui_token-editor-submit_1wzqe_5v6dt_157:not(#\9) {
+.awsui_property-editor-submit_1wzqe_1oi2m_178:not(#\9),
+.awsui_token-editor-submit_1wzqe_1oi2m_179:not(#\9) {
   /* used in test-utils */
 }
-.awsui_property-editor-actions_1wzqe_5v6dt_160:not(#\9),
-.awsui_token-editor-actions_1wzqe_5v6dt_161:not(#\9) {
+.awsui_property-editor-actions_1wzqe_1oi2m_182:not(#\9),
+.awsui_token-editor-actions_1wzqe_1oi2m_183:not(#\9) {
   display: flex;
   justify-content: flex-end;
   padding-top: var(--space-s-34lx8l, 12px);
   border-top: 1px solid var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
 }
 
-.awsui_token-editor-actions_1wzqe_5v6dt_161:not(#\9) {
+.awsui_token-editor-actions_1wzqe_1oi2m_183:not(#\9) {
   padding-right: calc(var(--space-m-udix3p, 16px) + var(--space-xxs-p8yyaw, 4px));
   margin-left: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
   margin-right: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
 }
 
-.awsui_property-editor_1wzqe_5v6dt_131:not(#\9) {
+.awsui_property-editor_1wzqe_1oi2m_153:not(#\9) {
   padding: var(--space-m-udix3p, 16px);
   overflow-y: auto;
 }
 
-.awsui_custom-content-wrapper_1wzqe_5v6dt_179:not(#\9) {
+.awsui_custom-content-wrapper_1wzqe_1oi2m_201:not(#\9) {
   display: contents;
 }
 
-.awsui_custom-control_1wzqe_5v6dt_183:not(#\9) {
+.awsui_custom-control_1wzqe_1oi2m_205:not(#\9) {
   margin-right: var(--space-s-34lx8l, 12px);
 }
 
-.awsui_input_1wzqe_5v6dt_112:not(#\9) {
+.awsui_input_1wzqe_1oi2m_134:not(#\9) {
   flex: 1;
 }
 
-.awsui_results_1wzqe_5v6dt_191:not(#\9) {
+.awsui_results_1wzqe_1oi2m_213:not(#\9) {
   padding: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--border-field-width-09w7vk, 2px));
   padding-left: 0;
   padding-right: 0;
 }
 
-.awsui_token-trigger_1wzqe_5v6dt_197:not(#\9) {
+.awsui_token-trigger_1wzqe_1oi2m_219:not(#\9) {
   min-width: 0;
   word-break: break-word;
 }
 
-.awsui_remove-all_1wzqe_5v6dt_202:not(#\9),
-.awsui_token-label_1wzqe_5v6dt_203:not(#\9),
-.awsui_join-operation_1wzqe_5v6dt_204:not(#\9),
-.awsui_custom-filter-actions_1wzqe_5v6dt_205:not(#\9) {
+.awsui_remove-all_1wzqe_1oi2m_224:not(#\9),
+.awsui_token-label_1wzqe_1oi2m_225:not(#\9),
+.awsui_join-operation_1wzqe_1oi2m_226:not(#\9),
+.awsui_custom-filter-actions_1wzqe_1oi2m_227:not(#\9) {
   /* used in test-utils */
 }