@cloudscape-design/components-themeable 3.0.374 → 3.0.376

package/lib/internal/template/mixed-line-bar-chart/hooks/use-mouse-hover.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mouse-hover.js","sourceRoot":"lib/default/","sources":["mixed-line-bar-chart/hooks/use-mouse-hover.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 { nodeContains } from '../../internal/utils/dom';\n\nimport { ScaledBarGroup } from '../make-scaled-bar-groups';\nimport { ScaledPoint } from '../make-scaled-series';\n\nimport styles from '../styles.css.js';\nimport { ChartPlotRef } from '../../internal/components/chart-plot';\nimport { VerticalMarkerX } from '../interfaces';\nimport { isYThreshold } from '../utils';\n\nconst MAX_HOVER_MARGIN = 6;\nconst POPOVER_DEADZONE = 12;\n\nexport interface UseMouseHoverProps<T> {\n  plotRef: React.RefObject<ChartPlotRef>;\n  popoverRef: React.RefObject<HTMLElement>;\n  scaledSeries: ReadonlyArray<ScaledPoint<T>>;\n  barGroups: ScaledBarGroup<T>[];\n  highlightPoint: (point: ScaledPoint<T> | null) => void;\n  highlightGroup: (groupIndex: number) => void;\n  clearHighlightedSeries: () => void;\n  isGroupNavigation: boolean;\n  isHandlersDisabled: boolean;\n  highlightX: (verticalMarker: VerticalMarkerX<T> | null) => void;\n}\n\nexport function useMouseHover<T>({\n  plotRef,\n  popoverRef,\n  scaledSeries,\n  barGroups,\n  highlightPoint,\n  highlightGroup,\n  clearHighlightedSeries,\n  isGroupNavigation,\n  isHandlersDisabled,\n  highlightX,\n}: UseMouseHoverProps<T>) {\n  const isMouseOverPopover = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n    if (popoverRef.current?.firstChild) {\n      const popoverPosition = (popoverRef.current.firstChild as HTMLElement).getBoundingClientRect();\n      if (\n        event.clientX > popoverPosition.x - POPOVER_DEADZONE &&\n        event.clientX < popoverPosition.x + popoverPosition.width + POPOVER_DEADZONE &&\n        event.clientY > popoverPosition.y - POPOVER_DEADZONE &&\n        event.clientY < popoverPosition.y + popoverPosition.height + POPOVER_DEADZONE\n      ) {\n        return true;\n      }\n    }\n    return false;\n  };\n\n  const onSeriesMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n    const svgRect = (event.target as SVGElement).getBoundingClientRect();\n    const offsetX = event.clientX - svgRect.left;\n\n    const closestX = scaledSeries\n      .map(v => v.x)\n      .reduce((prev, curr) => (Math.abs(curr - offsetX) < Math.abs(prev - offsetX) ? curr : prev), -Infinity);\n\n    if (isFinite(closestX)) {\n      const offsetY = event.clientY - svgRect.top;\n      const closestY = scaledSeries\n        .filter(v => v.x === closestX || isYThreshold(v.series))\n        .map(v => v.y)\n        .reduce((prev, curr) => (Math.abs(curr - offsetY) < Math.abs(prev - offsetY) ? curr : prev), -Infinity);\n\n      if (\n        isFinite(closestY) &&\n        Math.abs(offsetX - closestX) < MAX_HOVER_MARGIN &&\n        Math.abs(offsetY - closestY) < MAX_HOVER_MARGIN\n      ) {\n        const [{ color, datum, series }] = scaledSeries.filter(\n          s => (s.x === closestX || isYThreshold(s.series)) && s.y === closestY\n        );\n        highlightPoint({ x: closestX, y: closestY, color, datum, series });\n      } else {\n        let datumX = null;\n        for (const point of scaledSeries) {\n          if (point.x === closestX) {\n            datumX = point.datum?.x ?? null;\n            break;\n          }\n        }\n        highlightX({ scaledX: closestX, label: datumX });\n      }\n    }\n  };\n\n  const onGroupMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n    const svgRect = (event.target as SVGElement).getBoundingClientRect();\n    const offsetX = event.clientX - svgRect.left;\n    const offsetY = event.clientY - svgRect.top;\n\n    // If hovering over some group - highlight it.\n    for (let groupIndex = 0; groupIndex < barGroups.length; groupIndex++) {\n      const {\n        position: { x, y, width, height },\n      } = barGroups[groupIndex];\n\n      if (x <= offsetX && offsetX <= x + width && y <= offsetY && offsetY <= y + height) {\n        highlightGroup(groupIndex);\n        return;\n      }\n    }\n    // Otherwise - clear the highlight.\n    clearHighlightedSeries();\n  };\n\n  const onSVGMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n    if (event.target === plotRef.current!.svg && !isHandlersDisabled && !isMouseOverPopover(event)) {\n      if (isGroupNavigation) {\n        onGroupMouseMove(event);\n      } else if (scaledSeries.length > 0) {\n        onSeriesMouseMove(event);\n      }\n    }\n  };\n\n  const onSVGMouseOut = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n    if (isHandlersDisabled || isMouseOverPopover(event)) {\n      return;\n    }\n    if (\n      !nodeContains(plotRef.current!.svg, event.relatedTarget as Element) ||\n      (event.relatedTarget && (event.relatedTarget as Element).classList.contains(styles.series))\n    ) {\n      highlightX(null);\n      clearHighlightedSeries();\n    }\n  };\n\n  const onPopoverLeave = (event: React.MouseEvent) => {\n    if (!plotRef.current!.svg.contains(event.relatedTarget as Node)) {\n      highlightX(null);\n      clearHighlightedSeries();\n    }\n  };\n\n  return { onSVGMouseMove, onSVGMouseOut, onPopoverLeave };\n}\n"]}
+{"version":3,"file":"use-mouse-hover.js","sourceRoot":"lib/default/","sources":["mixed-line-bar-chart/hooks/use-mouse-hover.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAKxE,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAGtC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAe5B,MAAM,UAAU,aAAa,CAAI,EAC/B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,SAAS,EACT,cAAc,EACd,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,UAAU,GACY;IACtB,MAAM,kBAAkB,GAAG,CAAC,KAA+C,EAAE,EAAE;;QAC7E,IAAI,MAAA,UAAU,CAAC,OAAO,0CAAE,UAAU,EAAE;YAClC,MAAM,eAAe,GAAI,UAAU,CAAC,OAAO,CAAC,UAA0B,CAAC,qBAAqB,EAAE,CAAC;YAC/F,IACE,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC,CAAC,GAAG,gBAAgB;gBACpD,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC,CAAC,GAAG,eAAe,CAAC,KAAK,GAAG,gBAAgB;gBAC5E,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC,CAAC,GAAG,gBAAgB;gBACpD,KAAK,CAAC,OAAO,GAAG,eAAe,CAAC,CAAC,GAAG,eAAe,CAAC,MAAM,GAAG,gBAAgB,EAC7E;gBACA,OAAO,IAAI,CAAC;aACb;SACF;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,KAA+C,EAAE,EAAE;;QAC5E,MAAM,OAAO,GAAI,KAAK,CAAC,MAAqB,CAAC,qBAAqB,EAAE,CAAC;QACrE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;QAE7C,MAAM,QAAQ,GAAG,YAAY;aAC1B,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;aACb,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;QAE1G,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAE;YACtB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC;YAC5C,MAAM,QAAQ,GAAG,YAAY;iBAC1B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;iBACvD,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;iBACb,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;YAE1G,IACE,QAAQ,CAAC,QAAQ,CAAC;gBAClB,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,gBAAgB;gBAC/C,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG,gBAAgB,EAC/C;gBACA,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,CACpD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,CACtE,CAAC;gBACF,cAAc,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;aACpE;iBAAM;gBACL,IAAI,MAAM,GAAG,IAAI,CAAC;gBAClB,KAAK,MAAM,KAAK,IAAI,YAAY,EAAE;oBAChC,IAAI,KAAK,CAAC,CAAC,KAAK,QAAQ,EAAE;wBACxB,MAAM,GAAG,MAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,CAAC,mCAAI,IAAI,CAAC;wBAChC,MAAM;qBACP;iBACF;gBACD,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;aAClD;SACF;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,KAA+C,EAAE,EAAE;QAC3E,MAAM,OAAO,GAAI,KAAK,CAAC,MAAqB,CAAC,qBAAqB,EAAE,CAAC;QACrE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;QAC7C,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC;QAE5C,8CAA8C;QAC9C,KAAK,IAAI,UAAU,GAAG,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,EAAE;YACpE,MAAM,EACJ,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAClC,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC;YAE1B,IAAI,CAAC,IAAI,OAAO,IAAI,OAAO,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,IAAI,OAAO,IAAI,OAAO,IAAI,CAAC,GAAG,MAAM,EAAE;gBACjF,cAAc,CAAC,UAAU,CAAC,CAAC;gBAC3B,OAAO;aACR;SACF;QACD,mCAAmC;QACnC,sBAAsB,EAAE,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAA+C,EAAE,EAAE;QACzE,IAAI,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC,OAAQ,CAAC,GAAG,IAAI,CAAC,kBAAkB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;YAC9F,IAAI,iBAAiB,EAAE;gBACrB,gBAAgB,CAAC,KAAK,CAAC,CAAC;aACzB;iBAAM,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;gBAClC,iBAAiB,CAAC,KAAK,CAAC,CAAC;aAC1B;SACF;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA+C,EAAE,EAAE;QACxE,IAAI,kBAAkB,IAAI,kBAAkB,CAAC,KAAK,CAAC,EAAE;YACnD,OAAO;SACR;QACD,IACE,CAAC,YAAY,CAAC,OAAO,CAAC,OAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,aAAwB,CAAC;YACnE,CAAC,KAAK,CAAC,aAAa,IAAK,KAAK,CAAC,aAAyB,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAC3F;YACA,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,sBAAsB,EAAE,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;QACjD,IAAI,CAAC,OAAO,CAAC,OAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAqB,CAAC,EAAE;YAC/D,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,sBAAsB,EAAE,CAAC;SAC1B;IACH,CAAC,CAAC;IAEF,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC;AAC3D,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\n\nimport { ScaledBarGroup } from '../make-scaled-bar-groups';\nimport { ScaledPoint } from '../make-scaled-series';\n\nimport styles from '../styles.css.js';\nimport { ChartPlotRef } from '../../internal/components/chart-plot';\nimport { VerticalMarkerX } from '../interfaces';\nimport { isYThreshold } from '../utils';\n\nconst MAX_HOVER_MARGIN = 6;\nconst POPOVER_DEADZONE = 12;\n\nexport interface UseMouseHoverProps<T> {\n  plotRef: React.RefObject<ChartPlotRef>;\n  popoverRef: React.RefObject<HTMLElement>;\n  scaledSeries: ReadonlyArray<ScaledPoint<T>>;\n  barGroups: ScaledBarGroup<T>[];\n  highlightPoint: (point: ScaledPoint<T> | null) => void;\n  highlightGroup: (groupIndex: number) => void;\n  clearHighlightedSeries: () => void;\n  isGroupNavigation: boolean;\n  isHandlersDisabled: boolean;\n  highlightX: (verticalMarker: VerticalMarkerX<T> | null) => void;\n}\n\nexport function useMouseHover<T>({\n  plotRef,\n  popoverRef,\n  scaledSeries,\n  barGroups,\n  highlightPoint,\n  highlightGroup,\n  clearHighlightedSeries,\n  isGroupNavigation,\n  isHandlersDisabled,\n  highlightX,\n}: UseMouseHoverProps<T>) {\n  const isMouseOverPopover = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n    if (popoverRef.current?.firstChild) {\n      const popoverPosition = (popoverRef.current.firstChild as HTMLElement).getBoundingClientRect();\n      if (\n        event.clientX > popoverPosition.x - POPOVER_DEADZONE &&\n        event.clientX < popoverPosition.x + popoverPosition.width + POPOVER_DEADZONE &&\n        event.clientY > popoverPosition.y - POPOVER_DEADZONE &&\n        event.clientY < popoverPosition.y + popoverPosition.height + POPOVER_DEADZONE\n      ) {\n        return true;\n      }\n    }\n    return false;\n  };\n\n  const onSeriesMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n    const svgRect = (event.target as SVGElement).getBoundingClientRect();\n    const offsetX = event.clientX - svgRect.left;\n\n    const closestX = scaledSeries\n      .map(v => v.x)\n      .reduce((prev, curr) => (Math.abs(curr - offsetX) < Math.abs(prev - offsetX) ? curr : prev), -Infinity);\n\n    if (isFinite(closestX)) {\n      const offsetY = event.clientY - svgRect.top;\n      const closestY = scaledSeries\n        .filter(v => v.x === closestX || isYThreshold(v.series))\n        .map(v => v.y)\n        .reduce((prev, curr) => (Math.abs(curr - offsetY) < Math.abs(prev - offsetY) ? curr : prev), -Infinity);\n\n      if (\n        isFinite(closestY) &&\n        Math.abs(offsetX - closestX) < MAX_HOVER_MARGIN &&\n        Math.abs(offsetY - closestY) < MAX_HOVER_MARGIN\n      ) {\n        const [{ color, datum, series }] = scaledSeries.filter(\n          s => (s.x === closestX || isYThreshold(s.series)) && s.y === closestY\n        );\n        highlightPoint({ x: closestX, y: closestY, color, datum, series });\n      } else {\n        let datumX = null;\n        for (const point of scaledSeries) {\n          if (point.x === closestX) {\n            datumX = point.datum?.x ?? null;\n            break;\n          }\n        }\n        highlightX({ scaledX: closestX, label: datumX });\n      }\n    }\n  };\n\n  const onGroupMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n    const svgRect = (event.target as SVGElement).getBoundingClientRect();\n    const offsetX = event.clientX - svgRect.left;\n    const offsetY = event.clientY - svgRect.top;\n\n    // If hovering over some group - highlight it.\n    for (let groupIndex = 0; groupIndex < barGroups.length; groupIndex++) {\n      const {\n        position: { x, y, width, height },\n      } = barGroups[groupIndex];\n\n      if (x <= offsetX && offsetX <= x + width && y <= offsetY && offsetY <= y + height) {\n        highlightGroup(groupIndex);\n        return;\n      }\n    }\n    // Otherwise - clear the highlight.\n    clearHighlightedSeries();\n  };\n\n  const onSVGMouseMove = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n    if (event.target === plotRef.current!.svg && !isHandlersDisabled && !isMouseOverPopover(event)) {\n      if (isGroupNavigation) {\n        onGroupMouseMove(event);\n      } else if (scaledSeries.length > 0) {\n        onSeriesMouseMove(event);\n      }\n    }\n  };\n\n  const onSVGMouseOut = (event: React.MouseEvent<SVGElement, MouseEvent>) => {\n    if (isHandlersDisabled || isMouseOverPopover(event)) {\n      return;\n    }\n    if (\n      !nodeContains(plotRef.current!.svg, event.relatedTarget as Element) ||\n      (event.relatedTarget && (event.relatedTarget as Element).classList.contains(styles.series))\n    ) {\n      highlightX(null);\n      clearHighlightedSeries();\n    }\n  };\n\n  const onPopoverLeave = (event: React.MouseEvent) => {\n    if (!plotRef.current!.svg.contains(event.relatedTarget as Node)) {\n      highlightX(null);\n      clearHighlightedSeries();\n    }\n  };\n\n  return { onSVGMouseMove, onSVGMouseOut, onPopoverLeave };\n}\n"]}

package/lib/internal/template/mixed-line-bar-chart/styles.css.js

@@ -1,16 +1,16 @@
 
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_1yz9c_1d1zv_93",
-  "series--bar": "awsui_series--bar_1yz9c_1d1zv_94",
-  "series__rect": "awsui_series__rect_1yz9c_1d1zv_94",
-  "exiting": "awsui_exiting_1yz9c_1d1zv_111",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_1d1zv_1",
-  "root": "awsui_root_1yz9c_1d1zv_137",
-  "series--highlighted": "awsui_series--highlighted_1yz9c_1d1zv_150",
-  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_1d1zv_151",
-  "series--dimmed": "awsui_series--dimmed_1yz9c_1d1zv_155",
-  "series--threshold": "awsui_series--threshold_1yz9c_1d1zv_164",
-  "bar-group": "awsui_bar-group_1yz9c_1d1zv_169"
+  "series": "awsui_series_1yz9c_155ja_93",
+  "series--bar": "awsui_series--bar_1yz9c_155ja_94",
+  "series__rect": "awsui_series__rect_1yz9c_155ja_94",
+  "exiting": "awsui_exiting_1yz9c_155ja_111",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_155ja_1",
+  "root": "awsui_root_1yz9c_155ja_137",
+  "series--highlighted": "awsui_series--highlighted_1yz9c_155ja_150",
+  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_155ja_151",
+  "series--dimmed": "awsui_series--dimmed_1yz9c_155ja_155",
+  "series--threshold": "awsui_series--threshold_1yz9c_155ja_164",
+  "bar-group": "awsui_bar-group_1yz9c_155ja_169"
 };
   

package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css

@@ -90,26 +90,26 @@ 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_series_1yz9c_1d1zv_93:not(#\9),
-.awsui_series--bar_1yz9c_1d1zv_94 > .awsui_series__rect_1yz9c_1d1zv_94:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
+.awsui_series_1yz9c_155ja_93:not(#\9),
+.awsui_series--bar_1yz9c_155ja_94 > .awsui_series__rect_1yz9c_155ja_94:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_1yz9c_1d1zv_93:not(#\9),
-  .awsui_series--bar_1yz9c_1d1zv_94 > .awsui_series__rect_1yz9c_1d1zv_94:not(#\9) {
+  .awsui_series_1yz9c_155ja_93:not(#\9),
+  .awsui_series--bar_1yz9c_155ja_94 > .awsui_series__rect_1yz9c_155ja_94:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_1yz9c_1d1zv_93:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_1d1zv_93:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_1d1zv_94 > .awsui_series__rect_1yz9c_1d1zv_94:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_1d1zv_94 > .awsui_series__rect_1yz9c_1d1zv_94:not(#\9) {
+.awsui-motion-disabled .awsui_series_1yz9c_155ja_93:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_155ja_93:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_155ja_94 > .awsui_series__rect_1yz9c_155ja_94:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_155ja_94 > .awsui_series__rect_1yz9c_155ja_94:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_exiting_1yz9c_1d1zv_111:not(#\9) {
-  animation: awsui_awsui-motion-fade-out-0_1yz9c_1d1zv_1 var(--motion-duration-refresh-only-fast-3sja91, 115ms) var(--motion-easing-refresh-only-b-36acjh, cubic-bezier(1, 0, 0.83, 1));
+.awsui_exiting_1yz9c_155ja_111:not(#\9) {
+  animation: awsui_awsui-motion-fade-out-0_1yz9c_155ja_1 var(--motion-duration-refresh-only-fast-y7h37k, 115ms) var(--motion-easing-refresh-only-b-wk2p34, cubic-bezier(1, 0, 0.83, 1));
 }
-@keyframes awsui_awsui-motion-fade-out-0_1yz9c_1d1zv_1 {
+@keyframes awsui_awsui-motion-fade-out-0_1yz9c_155ja_1 {
   from {
     opacity: 1;
   }
@@ -118,12 +118,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_exiting_1yz9c_1d1zv_111:not(#\9) {
+  .awsui_exiting_1yz9c_155ja_111:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_exiting_1yz9c_1d1zv_111:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_1d1zv_111:not(#\9) {
+.awsui-motion-disabled .awsui_exiting_1yz9c_155ja_111:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_155ja_111:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -132,38 +132,38 @@ 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_1yz9c_1d1zv_137:not(#\9) {
+.awsui_root_1yz9c_155ja_137:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_series_1yz9c_1d1zv_93:not(#\9) {
+.awsui_series_1yz9c_155ja_93:not(#\9) {
   display: block;
-  stroke-width: var(--border-line-chart-width-ol4jzv, 2px);
+  stroke-width: var(--border-line-chart-width-qt73mb, 2px);
   fill: none;
   stroke-linecap: round;
-  stroke-linejoin: var(--border-line-chart-line-join-6njrt7, miter);
+  stroke-linejoin: var(--border-line-chart-line-join-z2nu1c, miter);
   pointer-events: none;
 }
 
-.awsui_series--highlighted_1yz9c_1d1zv_150:not(#\9),
-.awsui_series__bar--highlighted_1yz9c_1d1zv_151:not(#\9) {
+.awsui_series--highlighted_1yz9c_155ja_150:not(#\9),
+.awsui_series__bar--highlighted_1yz9c_155ja_151:not(#\9) {
   /* used in dom query */
 }
 
-.awsui_series--dimmed_1yz9c_1d1zv_155:not(#\9) {
+.awsui_series--dimmed_1yz9c_155ja_155:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--bar_1yz9c_1d1zv_94 > .awsui_series__rect_1yz9c_1d1zv_94:not(#\9) {
-  stroke: var(--color-background-container-content-rearqm, #ffffff);
+.awsui_series--bar_1yz9c_155ja_94 > .awsui_series__rect_1yz9c_155ja_94:not(#\9) {
+  stroke: var(--color-background-container-content-il2pe5, #ffffff);
   stroke-width: 2px;
 }
 
-.awsui_series--threshold_1yz9c_1d1zv_164:not(#\9) {
-  stroke-dasharray: var(--border-line-chart-dash-array-ogk8np, 3 5);
-  stroke-width: var(--border-line-chart-width-ol4jzv, 2px);
+.awsui_series--threshold_1yz9c_155ja_164:not(#\9) {
+  stroke-dasharray: var(--border-line-chart-dash-array-7c084h, 3 5);
+  stroke-width: var(--border-line-chart-width-qt73mb, 2px);
 }
 
-.awsui_bar-group_1yz9c_1d1zv_169:not(#\9) {
+.awsui_bar-group_1yz9c_155ja_169:not(#\9) {
   /* used in dom query */
 }

package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js

@@ -2,16 +2,16 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_1yz9c_1d1zv_93",
-  "series--bar": "awsui_series--bar_1yz9c_1d1zv_94",
-  "series__rect": "awsui_series__rect_1yz9c_1d1zv_94",
-  "exiting": "awsui_exiting_1yz9c_1d1zv_111",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_1d1zv_1",
-  "root": "awsui_root_1yz9c_1d1zv_137",
-  "series--highlighted": "awsui_series--highlighted_1yz9c_1d1zv_150",
-  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_1d1zv_151",
-  "series--dimmed": "awsui_series--dimmed_1yz9c_1d1zv_155",
-  "series--threshold": "awsui_series--threshold_1yz9c_1d1zv_164",
-  "bar-group": "awsui_bar-group_1yz9c_1d1zv_169"
+  "series": "awsui_series_1yz9c_155ja_93",
+  "series--bar": "awsui_series--bar_1yz9c_155ja_94",
+  "series__rect": "awsui_series__rect_1yz9c_155ja_94",
+  "exiting": "awsui_exiting_1yz9c_155ja_111",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_155ja_1",
+  "root": "awsui_root_1yz9c_155ja_137",
+  "series--highlighted": "awsui_series--highlighted_1yz9c_155ja_150",
+  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_155ja_151",
+  "series--dimmed": "awsui_series--dimmed_1yz9c_155ja_155",
+  "series--threshold": "awsui_series--threshold_1yz9c_155ja_164",
+  "bar-group": "awsui_bar-group_1yz9c_155ja_169"
 };
   

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

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_114pq_105",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_114pq_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_114pq_1",
-  "refresh": "awsui_refresh_1d2i7_114pq_128",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_114pq_1",
-  "root": "awsui_root_1d2i7_114pq_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_114pq_1",
-  "hidden": "awsui_hidden_1d2i7_114pq_226",
-  "focus-lock": "awsui_focus-lock_1d2i7_114pq_230",
-  "small": "awsui_small_1d2i7_114pq_248",
-  "medium": "awsui_medium_1d2i7_114pq_251",
-  "large": "awsui_large_1d2i7_114pq_254",
-  "max": "awsui_max_1d2i7_114pq_257",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_114pq_257",
-  "container": "awsui_container_1d2i7_114pq_262",
-  "content": "awsui_content_1d2i7_114pq_281",
-  "no-paddings": "awsui_no-paddings_1d2i7_114pq_284",
-  "header": "awsui_header_1d2i7_114pq_288",
-  "header--text": "awsui_header--text_1d2i7_114pq_295",
-  "footer": "awsui_footer_1d2i7_114pq_299",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_114pq_307",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_114pq_316",
-  "modal-open": "awsui_modal-open_1d2i7_114pq_320"
+  "dialog": "awsui_dialog_1d2i7_2nkdd_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_2nkdd_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_2nkdd_1",
+  "refresh": "awsui_refresh_1d2i7_2nkdd_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_2nkdd_1",
+  "root": "awsui_root_1d2i7_2nkdd_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_2nkdd_1",
+  "hidden": "awsui_hidden_1d2i7_2nkdd_226",
+  "focus-lock": "awsui_focus-lock_1d2i7_2nkdd_230",
+  "small": "awsui_small_1d2i7_2nkdd_248",
+  "medium": "awsui_medium_1d2i7_2nkdd_251",
+  "large": "awsui_large_1d2i7_2nkdd_254",
+  "max": "awsui_max_1d2i7_2nkdd_257",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_2nkdd_257",
+  "container": "awsui_container_1d2i7_2nkdd_262",
+  "content": "awsui_content_1d2i7_2nkdd_281",
+  "no-paddings": "awsui_no-paddings_1d2i7_2nkdd_284",
+  "header": "awsui_header_1d2i7_2nkdd_288",
+  "header--text": "awsui_header--text_1d2i7_2nkdd_295",
+  "footer": "awsui_footer_1d2i7_2nkdd_299",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_2nkdd_307",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_2nkdd_316",
+  "modal-open": "awsui_modal-open_1d2i7_2nkdd_320"
 };
   

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

@@ -94,7 +94,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
 */
-@keyframes awsui_modal-slide-up_1d2i7_114pq_1 {
+@keyframes awsui_modal-slide-up_1d2i7_2nkdd_1 {
   0% {
     transform: translate(0, 10px);
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translate(0, 0);
   }
 }
-.awsui_dialog_1d2i7_114pq_105:not(#\9) {
-  animation: awsui_modal-slide-up_1d2i7_114pq_1 var(--motion-duration-slow-td5ydp, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_114pq_1 var(--motion-duration-slow-td5ydp, 180ms) ease-out;
-  animation-delay: var(--motion-duration-fast-e33jgx, 90ms);
+.awsui_dialog_1d2i7_2nkdd_105:not(#\9) {
+  animation: awsui_modal-slide-up_1d2i7_2nkdd_1 var(--motion-duration-slow-ncmroz, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_2nkdd_1 var(--motion-duration-slow-ncmroz, 180ms) ease-out;
+  animation-delay: var(--motion-duration-fast-xv2yiz, 90ms);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_114pq_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_2nkdd_1 {
   from {
     opacity: 0;
   }
@@ -116,22 +116,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_114pq_105:not(#\9) {
+  .awsui_dialog_1d2i7_2nkdd_105:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_114pq_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_114pq_105:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_2nkdd_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_2nkdd_105:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dialog_1d2i7_114pq_105.awsui_refresh_1d2i7_114pq_128:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_1d2i7_114pq_1, awsui_awsui-motion-fade-in-0_1d2i7_114pq_1;
-  animation-duration: var(--motion-duration-refresh-only-fast-3sja91, 115ms);
-  animation-timing-function: var(--motion-easing-refresh-only-a-mwff9u, cubic-bezier(0, 0, 0, 1));
+.awsui_dialog_1d2i7_2nkdd_105.awsui_refresh_1d2i7_2nkdd_128:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_1d2i7_2nkdd_1, awsui_awsui-motion-fade-in-0_1d2i7_2nkdd_1;
+  animation-duration: var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
+  animation-timing-function: var(--motion-easing-refresh-only-a-liv5su, cubic-bezier(0, 0, 0, 1));
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_114pq_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_2nkdd_1 {
   from {
     opacity: 0;
   }
@@ -139,7 +139,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-scale-popup_1d2i7_114pq_1 {
+@keyframes awsui_awsui-motion-scale-popup_1d2i7_2nkdd_1 {
   0% {
     transform: scale(0.95);
   }
@@ -148,21 +148,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_114pq_105.awsui_refresh_1d2i7_114pq_128:not(#\9) {
+  .awsui_dialog_1d2i7_2nkdd_105.awsui_refresh_1d2i7_2nkdd_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_114pq_105.awsui_refresh_1d2i7_114pq_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_114pq_105.awsui_refresh_1d2i7_114pq_128:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_2nkdd_105.awsui_refresh_1d2i7_2nkdd_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_2nkdd_105.awsui_refresh_1d2i7_2nkdd_128:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1d2i7_114pq_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_1d2i7_114pq_1 var(--motion-duration-extra-slow-r5mvrt, 270ms) ease-out;
+.awsui_root_1d2i7_2nkdd_161:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_1d2i7_2nkdd_1 var(--motion-duration-extra-slow-rwzfnp, 270ms) ease-out;
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in_1d2i7_114pq_1 {
+@keyframes awsui_awsui-motion-fade-in_1d2i7_2nkdd_1 {
   from {
     opacity: 0.2;
   }
@@ -171,25 +171,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_114pq_161:not(#\9) {
+  .awsui_root_1d2i7_2nkdd_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_114pq_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_114pq_161:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_2nkdd_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_2nkdd_161:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_114pq_161.awsui_refresh_1d2i7_114pq_128:not(#\9) {
-  animation-duration: var(--motion-duration-refresh-only-fast-3sja91, 115ms);
+.awsui_root_1d2i7_2nkdd_161.awsui_refresh_1d2i7_2nkdd_128:not(#\9) {
+  animation-duration: var(--motion-duration-refresh-only-fast-y7h37k, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_114pq_161.awsui_refresh_1d2i7_114pq_128:not(#\9) {
+  .awsui_root_1d2i7_2nkdd_161.awsui_refresh_1d2i7_2nkdd_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_114pq_161.awsui_refresh_1d2i7_114pq_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_114pq_161.awsui_refresh_1d2i7_114pq_128:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_2nkdd_161.awsui_refresh_1d2i7_2nkdd_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_2nkdd_161.awsui_refresh_1d2i7_2nkdd_128:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -198,7 +198,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_1d2i7_114pq_161:not(#\9) {
+.awsui_root_1d2i7_2nkdd_161:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -228,14 +228,14 @@ 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-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
-  background-color: var(--color-background-modal-overlay-db86xj, rgba(242, 243, 243, 0.9));
+  background-color: var(--color-background-modal-overlay-b4swet, rgba(242, 243, 243, 0.9));
   display: flex;
   align-items: center;
   justify-items: center;
@@ -249,43 +249,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: auto;
   cursor: pointer;
 }
-.awsui_root_1d2i7_114pq_161.awsui_hidden_1d2i7_114pq_226:not(#\9) {
+.awsui_root_1d2i7_2nkdd_161.awsui_hidden_1d2i7_2nkdd_226:not(#\9) {
   display: none;
 }
 
-.awsui_focus-lock_1d2i7_114pq_230:not(#\9) {
+.awsui_focus-lock_1d2i7_2nkdd_230:not(#\9) {
   align-self: flex-start;
   margin: auto;
-  padding: var(--space-s-agghyv, 12px) 0;
+  padding: var(--space-s-2025hl, 12px) 0;
   z-index: 5000;
   pointer-events: none;
 }
 
-.awsui_dialog_1d2i7_114pq_105:not(#\9) {
+.awsui_dialog_1d2i7_2nkdd_105:not(#\9) {
   position: static;
   top: 0;
   transform: translate(0, 0);
-  width: calc(100vw - var(--space-s-agghyv, 12px) * 2);
+  width: calc(100vw - var(--space-s-2025hl, 12px) * 2);
   box-sizing: border-box;
   outline: none;
   z-index: 5000;
   pointer-events: all;
 }
-.awsui_dialog_1d2i7_114pq_105.awsui_small_1d2i7_114pq_248:not(#\9) {
+.awsui_dialog_1d2i7_2nkdd_105.awsui_small_1d2i7_2nkdd_248:not(#\9) {
   max-width: 320px;
 }
-.awsui_dialog_1d2i7_114pq_105.awsui_medium_1d2i7_114pq_251:not(#\9) {
+.awsui_dialog_1d2i7_2nkdd_105.awsui_medium_1d2i7_2nkdd_251:not(#\9) {
   max-width: 600px;
 }
-.awsui_dialog_1d2i7_114pq_105.awsui_large_1d2i7_114pq_254:not(#\9) {
+.awsui_dialog_1d2i7_2nkdd_105.awsui_large_1d2i7_2nkdd_254:not(#\9) {
   max-width: 820px;
 }
-.awsui_dialog_1d2i7_114pq_105.awsui_max_1d2i7_114pq_257.awsui_breakpoint-xs_1d2i7_114pq_257:not(#\9) {
-  max-width: calc(100vw - (2 * 4 * 10px + var(--space-xxxl-n18lpt, 40px)));
+.awsui_dialog_1d2i7_2nkdd_105.awsui_max_1d2i7_2nkdd_257.awsui_breakpoint-xs_1d2i7_2nkdd_257:not(#\9) {
+  max-width: calc(100vw - (2 * 4 * 10px + var(--space-xxxl-gvq98t, 40px)));
   margin: auto;
 }
 
-.awsui_container_1d2i7_114pq_262:not(#\9) {
+.awsui_container_1d2i7_2nkdd_262:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -315,61 +315,61 @@ 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-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  color: var(--color-text-body-default-rcjsde, #16191f);
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  color: var(--color-text-body-default-ki9w9u, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-8fp8i6, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-0nmw8v, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
   display: block;
-  background-color: var(--color-background-container-content-rearqm, #ffffff);
+  background-color: var(--color-background-container-content-il2pe5, #ffffff);
   word-wrap: break-word;
-  border-top: var(--border-container-top-width-d5kmap, 1px) solid var(--color-border-container-top-akx1ho, #eaeded);
-  border-radius: var(--border-radius-container-2j9fta, 0px);
-  box-shadow: var(--shadow-modal-1jyv5o, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
+  border-top: var(--border-container-top-width-s1x6t0, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
+  border-radius: var(--border-radius-container-jm6teg, 0px);
+  box-shadow: var(--shadow-modal-u93l9e, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
 }
 
-.awsui_content_1d2i7_114pq_281:not(#\9) {
-  padding: var(--space-container-content-top-mswvhf, 16px) var(--space-modal-horizontal-f9oghf, 20px) var(--space-modal-content-bottom-sztjpa, 20px);
+.awsui_content_1d2i7_2nkdd_281:not(#\9) {
+  padding: var(--space-container-content-top-dkluz9, 16px) var(--space-modal-horizontal-rppbjb, 20px) var(--space-modal-content-bottom-jqf2xu, 20px);
 }
-.awsui_content_1d2i7_114pq_281.awsui_no-paddings_1d2i7_114pq_284:not(#\9) {
+.awsui_content_1d2i7_2nkdd_281.awsui_no-paddings_1d2i7_2nkdd_284:not(#\9) {
   padding: 0;
 }
 
-.awsui_header_1d2i7_114pq_288:not(#\9) {
-  padding: var(--space-container-header-top-61cbsr, 12px) var(--space-modal-horizontal-f9oghf, 20px) var(--space-container-header-bottom-7t7tqo, 12px);
-  background-color: var(--color-background-container-header-yoggcm, #fafafa);
-  border-bottom: 1px solid var(--color-border-container-divider-1k3lvm, #eaeded);
-  border-radius: var(--border-radius-container-2j9fta, 0px) var(--border-radius-container-2j9fta, 0px) 0 0;
+.awsui_header_1d2i7_2nkdd_288:not(#\9) {
+  padding: var(--space-container-header-top-bomjbu, 12px) var(--space-modal-horizontal-rppbjb, 20px) var(--space-container-header-bottom-qqnwwz, 12px);
+  background-color: var(--color-background-container-header-ni4jv3, #fafafa);
+  border-bottom: 1px solid var(--color-border-container-divider-gl15p9, #eaeded);
+  border-radius: var(--border-radius-container-jm6teg, 0px) var(--border-radius-container-jm6teg, 0px) 0 0;
 }
 
-.awsui_header--text_1d2i7_114pq_295:not(#\9) {
+.awsui_header--text_1d2i7_2nkdd_295:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1d2i7_114pq_299:not(#\9) {
-  border-top: var(--border-divider-section-width-uu4597, 1px) solid var(--color-border-divider-default-z9h069, #eaeded);
-  padding: var(--space-scaled-s-eyzx9z, 12px) var(--space-container-horizontal-67gbm5, 20px);
-  background-color: var(--color-background-container-content-rearqm, #ffffff);
+.awsui_footer_1d2i7_2nkdd_299:not(#\9) {
+  border-top: var(--border-divider-section-width-4ozgf3, 1px) solid var(--color-border-divider-default-cr3oi6, #eaeded);
+  padding: var(--space-scaled-s-9q8n2q, 12px) var(--space-container-horizontal-oebwqe, 20px);
+  background-color: var(--color-background-container-content-il2pe5, #ffffff);
   position: sticky;
   bottom: 0;
   z-index: 800;
 }
-.awsui_footer--stuck_1d2i7_114pq_307:not(#\9) {
-  border-radius: 0 0 var(--border-radius-container-2j9fta, 0px) var(--border-radius-container-2j9fta, 0px);
+.awsui_footer--stuck_1d2i7_2nkdd_307:not(#\9) {
+  border-radius: 0 0 var(--border-radius-container-jm6teg, 0px) var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_footer_1d2i7_114pq_299:not(#\9):after {
+.awsui_footer_1d2i7_2nkdd_299:not(#\9):after {
   content: "";
   display: table;
   clear: both;
 }
 
-.awsui_dismiss-control_1d2i7_114pq_316:not(#\9) {
+.awsui_dismiss-control_1d2i7_2nkdd_316:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_modal-open_1d2i7_114pq_320:not(#\9) {
+.awsui_modal-open_1d2i7_2nkdd_320:not(#\9) {
   overflow: hidden;
   /*
    * When padding-right is added to account for scrollbar being turned

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

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dialog": "awsui_dialog_1d2i7_114pq_105",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_114pq_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_114pq_1",
-  "refresh": "awsui_refresh_1d2i7_114pq_128",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_114pq_1",
-  "root": "awsui_root_1d2i7_114pq_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_114pq_1",
-  "hidden": "awsui_hidden_1d2i7_114pq_226",
-  "focus-lock": "awsui_focus-lock_1d2i7_114pq_230",
-  "small": "awsui_small_1d2i7_114pq_248",
-  "medium": "awsui_medium_1d2i7_114pq_251",
-  "large": "awsui_large_1d2i7_114pq_254",
-  "max": "awsui_max_1d2i7_114pq_257",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_114pq_257",
-  "container": "awsui_container_1d2i7_114pq_262",
-  "content": "awsui_content_1d2i7_114pq_281",
-  "no-paddings": "awsui_no-paddings_1d2i7_114pq_284",
-  "header": "awsui_header_1d2i7_114pq_288",
-  "header--text": "awsui_header--text_1d2i7_114pq_295",
-  "footer": "awsui_footer_1d2i7_114pq_299",
-  "footer--stuck": "awsui_footer--stuck_1d2i7_114pq_307",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_114pq_316",
-  "modal-open": "awsui_modal-open_1d2i7_114pq_320"
+  "dialog": "awsui_dialog_1d2i7_2nkdd_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_2nkdd_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_2nkdd_1",
+  "refresh": "awsui_refresh_1d2i7_2nkdd_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_2nkdd_1",
+  "root": "awsui_root_1d2i7_2nkdd_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_2nkdd_1",
+  "hidden": "awsui_hidden_1d2i7_2nkdd_226",
+  "focus-lock": "awsui_focus-lock_1d2i7_2nkdd_230",
+  "small": "awsui_small_1d2i7_2nkdd_248",
+  "medium": "awsui_medium_1d2i7_2nkdd_251",
+  "large": "awsui_large_1d2i7_2nkdd_254",
+  "max": "awsui_max_1d2i7_2nkdd_257",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_2nkdd_257",
+  "container": "awsui_container_1d2i7_2nkdd_262",
+  "content": "awsui_content_1d2i7_2nkdd_281",
+  "no-paddings": "awsui_no-paddings_1d2i7_2nkdd_284",
+  "header": "awsui_header_1d2i7_2nkdd_288",
+  "header--text": "awsui_header--text_1d2i7_2nkdd_295",
+  "footer": "awsui_footer_1d2i7_2nkdd_299",
+  "footer--stuck": "awsui_footer--stuck_1d2i7_2nkdd_307",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_2nkdd_316",
+  "modal-open": "awsui_modal-open_1d2i7_2nkdd_320"
 };
   

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

@@ -1,6 +1,6 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_f8g6q_3bypt_93"
+  "root": "awsui_root_f8g6q_1n62m_93"
 };