@cloudscape-design/components-themeable 3.0.851 → 3.0.853

package/lib/internal/template/internal/components/chart-popover/styles.selectors.js

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1t44z_f090e_141",
-  "hover-area": "awsui_hover-area_1t44z_f090e_177",
-  "popover-body": "awsui_popover-body_1t44z_f090e_185"
+  "root": "awsui_root_1t44z_vnj62_141",
+  "hover-area": "awsui_hover-area_1t44z_vnj62_174",
+  "popover-body": "awsui_popover-body_1t44z_vnj62_182"
 };
   

package/lib/internal/template/internal/components/chart-series-details/index.d.ts

@@ -13,7 +13,7 @@ export interface ChartSeriesDetailItem extends ChartDetailPair {
     expandableId?: string;
 }
 export type ExpandedSeries = Set<string>;
-export interface ChartSeriesDetailsProps extends BaseComponentProps {
+interface ChartSeriesDetailsProps extends BaseComponentProps {
     details: ReadonlyArray<ChartSeriesDetailItem>;
     expandedSeries?: ExpandedSeries;
     setPopoverText?: (s: string) => void;

package/lib/internal/template/internal/components/chart-series-details/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-series-details/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAoB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI9E,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAExE,OAA0B,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAKlF,UAAU,eAAe;IACvB,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,EAAE,SAAS,CAAC;CAClB;AAUD,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AACD,MAAM,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;AAEzC,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,OAAO,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;;AAED,wBAAoD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/chart-series-details/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAoB,SAAS,EAAqB,MAAM,OAAO,CAAC;AAI9E,OAAO,EAAE,kBAAkB,EAAgB,MAAM,sBAAsB,CAAC;AAExE,OAA0B,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAKlF,UAAU,eAAe;IACvB,GAAG,EAAE,SAAS,CAAC;IACf,KAAK,EAAE,SAAS,CAAC;CAClB;AAUD,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AACD,MAAM,MAAM,cAAc,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;AAEzC,UAAU,uBAAwB,SAAQ,kBAAkB;IAC1D,OAAO,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;;AAED,wBAAoD"}

package/lib/internal/template/internal/components/chart-series-details/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-series-details/index.tsx"],"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 React, { forwardRef, memo, ReactNode, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport InternalExpandableSection from '../../../expandable-section/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport ChartSeriesMarker, { ChartSeriesMarkerType } from '../chart-series-marker';\nimport getSeriesDetailsText from './series-details-text';\n\nimport styles from './styles.css.js';\n\ninterface ChartDetailPair {\n  key: ReactNode;\n  value: ReactNode;\n}\n\ninterface ListItemProps {\n  itemKey: ReactNode;\n  value: ReactNode;\n  subItems?: ReadonlyArray<ChartDetailPair>;\n  markerType?: ChartSeriesMarkerType;\n  color?: string;\n}\n\nexport interface ChartSeriesDetailItem extends ChartDetailPair {\n  markerType?: ChartSeriesMarkerType;\n  color?: string;\n  isDimmed?: boolean;\n  subItems?: ReadonlyArray<ChartDetailPair>;\n  expandableId?: string;\n}\nexport type ExpandedSeries = Set<string>;\n\nexport interface ChartSeriesDetailsProps extends BaseComponentProps {\n  details: ReadonlyArray<ChartSeriesDetailItem>;\n  expandedSeries?: ExpandedSeries;\n  setPopoverText?: (s: string) => void;\n  setExpandedState?: (seriesTitle: string, state: boolean) => void;\n  compactList?: boolean;\n}\n\nexport default memo(forwardRef(ChartSeriesDetails));\n\nfunction ChartSeriesDetails(\n  { details, expandedSeries, setPopoverText, setExpandedState, compactList, ...restProps }: ChartSeriesDetailsProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const baseProps = getBaseProps(restProps);\n  const className = clsx(baseProps.className, styles.root);\n  const detailsRef = useRef<HTMLDivElement | null>(null);\n  const mergedRef = useMergeRefs(ref, detailsRef);\n\n  // Once the component has rendered, pass its content in plain text\n  // so that it can be used by screen readers.\n  useEffect(() => {\n    if (setPopoverText) {\n      if (detailsRef.current) {\n        setPopoverText(getSeriesDetailsText(detailsRef.current));\n      }\n      return () => {\n        setPopoverText('');\n      };\n    }\n  }, [details, setPopoverText]);\n\n  const isExpanded = (seriesTitle: string) => !!expandedSeries && expandedSeries.has(seriesTitle);\n\n  return (\n    <div {...baseProps} className={className} ref={mergedRef}>\n      <ul className={clsx(styles.list, compactList && styles.compact)}>\n        {details.map(({ key, value, markerType, color, isDimmed, subItems, expandableId }, index) => (\n          <li\n            key={index}\n            className={clsx({\n              [styles.dimmed]: isDimmed,\n              [styles['list-item']]: true,\n              [styles['with-sub-items']]: subItems?.length,\n              [styles.expandable]: !!expandableId,\n            })}\n          >\n            {subItems?.length && !!expandableId ? (\n              <ExpandableSeries\n                itemKey={key}\n                value={value}\n                markerType={markerType}\n                color={color}\n                subItems={subItems}\n                expanded={isExpanded(expandableId)}\n                setExpandedState={state => setExpandedState && setExpandedState(expandableId, state)}\n              />\n            ) : (\n              <NonExpandableSeries\n                itemKey={key}\n                value={value}\n                markerType={markerType}\n                color={color}\n                subItems={subItems}\n              />\n            )}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\nfunction SubItems({\n  items,\n  expandable,\n  expanded,\n}: {\n  items: ReadonlyArray<ChartDetailPair>;\n  expandable?: boolean;\n  expanded?: boolean;\n}) {\n  return (\n    <ul className={clsx(styles['sub-items'], expandable && styles.expandable)}>\n      {items.map(({ key, value }, index) => (\n        <li\n          key={index}\n          className={clsx(\n            styles['inner-list-item'],\n            styles['key-value-pair'],\n            (expanded || !expandable) && styles.announced\n          )}\n        >\n          <span className={styles.key}>{key}</span>\n          <span className={styles.value}>{value}</span>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction ExpandableSeries({\n  itemKey,\n  value,\n  subItems,\n  markerType,\n  color,\n  expanded,\n  setExpandedState,\n}: ListItemProps &\n  Required<Pick<ListItemProps, 'subItems'>> & {\n    expanded: boolean;\n    setExpandedState: (state: boolean) => void;\n  }) {\n  return (\n    <div className={styles['expandable-section']}>\n      {markerType && color && <ChartSeriesMarker type={markerType} color={color} />}\n      <div className={styles['full-width']}>\n        <InternalExpandableSection\n          variant=\"compact\"\n          headerText={itemKey}\n          headerActions={<span className={clsx(styles.value, styles.expandable)}>{value}</span>}\n          expanded={expanded}\n          onChange={({ detail }) => setExpandedState(detail.expanded)}\n        >\n          <SubItems items={subItems} expandable={true} expanded={expanded} />\n        </InternalExpandableSection>\n      </div>\n    </div>\n  );\n}\n\nfunction NonExpandableSeries({ itemKey, value, subItems, markerType, color }: ListItemProps) {\n  return (\n    <>\n      <div className={clsx(styles['key-value-pair'], styles.announced)}>\n        <div className={styles.key}>\n          {markerType && color && <ChartSeriesMarker type={markerType} color={color} />}\n          <span>{itemKey}</span>\n        </div>\n        <span className={styles.value}>{value}</span>\n      </div>\n      {subItems && <SubItems items={subItems} />}\n    </>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-series-details/index.tsx"],"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 React, { forwardRef, memo, ReactNode, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport InternalExpandableSection from '../../../expandable-section/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { useMergeRefs } from '../../hooks/use-merge-refs';\nimport ChartSeriesMarker, { ChartSeriesMarkerType } from '../chart-series-marker';\nimport getSeriesDetailsText from './series-details-text';\n\nimport styles from './styles.css.js';\n\ninterface ChartDetailPair {\n  key: ReactNode;\n  value: ReactNode;\n}\n\ninterface ListItemProps {\n  itemKey: ReactNode;\n  value: ReactNode;\n  subItems?: ReadonlyArray<ChartDetailPair>;\n  markerType?: ChartSeriesMarkerType;\n  color?: string;\n}\n\nexport interface ChartSeriesDetailItem extends ChartDetailPair {\n  markerType?: ChartSeriesMarkerType;\n  color?: string;\n  isDimmed?: boolean;\n  subItems?: ReadonlyArray<ChartDetailPair>;\n  expandableId?: string;\n}\nexport type ExpandedSeries = Set<string>;\n\ninterface ChartSeriesDetailsProps extends BaseComponentProps {\n  details: ReadonlyArray<ChartSeriesDetailItem>;\n  expandedSeries?: ExpandedSeries;\n  setPopoverText?: (s: string) => void;\n  setExpandedState?: (seriesTitle: string, state: boolean) => void;\n  compactList?: boolean;\n}\n\nexport default memo(forwardRef(ChartSeriesDetails));\n\nfunction ChartSeriesDetails(\n  { details, expandedSeries, setPopoverText, setExpandedState, compactList, ...restProps }: ChartSeriesDetailsProps,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const baseProps = getBaseProps(restProps);\n  const className = clsx(baseProps.className, styles.root);\n  const detailsRef = useRef<HTMLDivElement | null>(null);\n  const mergedRef = useMergeRefs(ref, detailsRef);\n\n  // Once the component has rendered, pass its content in plain text\n  // so that it can be used by screen readers.\n  useEffect(() => {\n    if (setPopoverText) {\n      if (detailsRef.current) {\n        setPopoverText(getSeriesDetailsText(detailsRef.current));\n      }\n      return () => {\n        setPopoverText('');\n      };\n    }\n  }, [details, setPopoverText]);\n\n  const isExpanded = (seriesTitle: string) => !!expandedSeries && expandedSeries.has(seriesTitle);\n\n  return (\n    <div {...baseProps} className={className} ref={mergedRef}>\n      <ul className={clsx(styles.list, compactList && styles.compact)}>\n        {details.map(({ key, value, markerType, color, isDimmed, subItems, expandableId }, index) => (\n          <li\n            key={index}\n            className={clsx({\n              [styles.dimmed]: isDimmed,\n              [styles['list-item']]: true,\n              [styles['with-sub-items']]: subItems?.length,\n              [styles.expandable]: !!expandableId,\n            })}\n          >\n            {subItems?.length && !!expandableId ? (\n              <ExpandableSeries\n                itemKey={key}\n                value={value}\n                markerType={markerType}\n                color={color}\n                subItems={subItems}\n                expanded={isExpanded(expandableId)}\n                setExpandedState={state => setExpandedState && setExpandedState(expandableId, state)}\n              />\n            ) : (\n              <NonExpandableSeries\n                itemKey={key}\n                value={value}\n                markerType={markerType}\n                color={color}\n                subItems={subItems}\n              />\n            )}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n}\n\nfunction SubItems({\n  items,\n  expandable,\n  expanded,\n}: {\n  items: ReadonlyArray<ChartDetailPair>;\n  expandable?: boolean;\n  expanded?: boolean;\n}) {\n  return (\n    <ul className={clsx(styles['sub-items'], expandable && styles.expandable)}>\n      {items.map(({ key, value }, index) => (\n        <li\n          key={index}\n          className={clsx(\n            styles['inner-list-item'],\n            styles['key-value-pair'],\n            (expanded || !expandable) && styles.announced\n          )}\n        >\n          <span className={styles.key}>{key}</span>\n          <span className={styles.value}>{value}</span>\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction ExpandableSeries({\n  itemKey,\n  value,\n  subItems,\n  markerType,\n  color,\n  expanded,\n  setExpandedState,\n}: ListItemProps &\n  Required<Pick<ListItemProps, 'subItems'>> & {\n    expanded: boolean;\n    setExpandedState: (state: boolean) => void;\n  }) {\n  return (\n    <div className={styles['expandable-section']}>\n      {markerType && color && <ChartSeriesMarker type={markerType} color={color} />}\n      <div className={styles['full-width']}>\n        <InternalExpandableSection\n          variant=\"compact\"\n          headerText={itemKey}\n          headerActions={<span className={clsx(styles.value, styles.expandable)}>{value}</span>}\n          expanded={expanded}\n          onChange={({ detail }) => setExpandedState(detail.expanded)}\n        >\n          <SubItems items={subItems} expandable={true} expanded={expanded} />\n        </InternalExpandableSection>\n      </div>\n    </div>\n  );\n}\n\nfunction NonExpandableSeries({ itemKey, value, subItems, markerType, color }: ListItemProps) {\n  return (\n    <>\n      <div className={clsx(styles['key-value-pair'], styles.announced)}>\n        <div className={styles.key}>\n          {markerType && color && <ChartSeriesMarker type={markerType} color={color} />}\n          <span>{itemKey}</span>\n        </div>\n        <span className={styles.value}>{value}</span>\n      </div>\n      {subItems && <SubItems items={subItems} />}\n    </>\n  );\n}\n"]}

package/lib/internal/template/internal/components/chart-series-details/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "dimmed": "awsui_dimmed_10ipo_1awz4_149",
-  "marker": "awsui_marker_10ipo_1awz4_204",
-  "marker--line": "awsui_marker--line_10ipo_1awz4_247",
-  "marker--rectangle": "awsui_marker--rectangle_10ipo_1awz4_251",
-  "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_10ipo_1awz4_258",
-  "marker--dashed": "awsui_marker--dashed_10ipo_1awz4_274",
-  "root": "awsui_root_10ipo_1awz4_293",
-  "value": "awsui_value_10ipo_1awz4_328",
-  "expandable": "awsui_expandable_10ipo_1awz4_332",
-  "list-item": "awsui_list-item_10ipo_1awz4_336",
-  "inner-list-item": "awsui_inner-list-item_10ipo_1awz4_337",
-  "key-value-pair": "awsui_key-value-pair_10ipo_1awz4_342",
-  "expandable-section": "awsui_expandable-section_10ipo_1awz4_343",
-  "key": "awsui_key_10ipo_1awz4_342",
-  "sub-items": "awsui_sub-items_10ipo_1awz4_356",
-  "list": "awsui_list_10ipo_1awz4_336",
-  "compact": "awsui_compact_10ipo_1awz4_382",
-  "with-sub-items": "awsui_with-sub-items_10ipo_1awz4_387",
-  "full-width": "awsui_full-width_10ipo_1awz4_392",
-  "announced": "awsui_announced_10ipo_1awz4_396"
+  "dimmed": "awsui_dimmed_10ipo_fewxf_149",
+  "marker": "awsui_marker_10ipo_fewxf_201",
+  "marker--line": "awsui_marker--line_10ipo_fewxf_241",
+  "marker--rectangle": "awsui_marker--rectangle_10ipo_fewxf_245",
+  "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_10ipo_fewxf_252",
+  "marker--dashed": "awsui_marker--dashed_10ipo_fewxf_268",
+  "root": "awsui_root_10ipo_fewxf_287",
+  "value": "awsui_value_10ipo_fewxf_319",
+  "expandable": "awsui_expandable_10ipo_fewxf_323",
+  "list-item": "awsui_list-item_10ipo_fewxf_327",
+  "inner-list-item": "awsui_inner-list-item_10ipo_fewxf_328",
+  "key-value-pair": "awsui_key-value-pair_10ipo_fewxf_333",
+  "expandable-section": "awsui_expandable-section_10ipo_fewxf_334",
+  "key": "awsui_key_10ipo_fewxf_333",
+  "sub-items": "awsui_sub-items_10ipo_fewxf_347",
+  "list": "awsui_list_10ipo_fewxf_327",
+  "compact": "awsui_compact_10ipo_fewxf_373",
+  "with-sub-items": "awsui_with-sub-items_10ipo_fewxf_378",
+  "full-width": "awsui_full-width_10ipo_fewxf_383",
+  "announced": "awsui_announced_10ipo_fewxf_387"
 };
   

package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css

@@ -146,7 +146,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_dimmed_10ipo_1awz4_149:not(#\9) {
+.awsui_dimmed_10ipo_fewxf_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -155,12 +155,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -184,12 +181,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-delay: var(--motion-duration-transition-quick-1ym1ir, 90ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dimmed_10ipo_1awz4_149:not(#\9) {
+  .awsui_dimmed_10ipo_fewxf_149:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dimmed_10ipo_1awz4_149:not(#\9), .awsui-mode-entering .awsui_dimmed_10ipo_1awz4_149:not(#\9) {
+.awsui-motion-disabled .awsui_dimmed_10ipo_fewxf_149:not(#\9), .awsui-mode-entering .awsui_dimmed_10ipo_fewxf_149:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -202,7 +199,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_marker_10ipo_1awz4_204:not(#\9) {
+.awsui_marker_10ipo_fewxf_201:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -211,12 +208,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -246,25 +240,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-shrink: 0;
   cursor: inherit;
 }
-.awsui_marker--line_10ipo_1awz4_247:not(#\9) {
+.awsui_marker--line_10ipo_fewxf_241:not(#\9) {
   margin-block-start: 9px;
   block-size: 4px;
 }
-.awsui_marker--rectangle_10ipo_1awz4_251:not(#\9) {
+.awsui_marker--rectangle_10ipo_fewxf_245:not(#\9) {
   block-size: 14px;
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;
   border-end-start-radius: 2px;
   border-end-end-radius: 2px;
 }
-.awsui_marker--hollow-rectangle_10ipo_1awz4_258:not(#\9) {
+.awsui_marker--hollow-rectangle_10ipo_fewxf_252:not(#\9) {
   block-size: 14px;
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;
   border-end-start-radius: 2px;
   border-end-end-radius: 2px;
 }
-.awsui_marker--hollow-rectangle_10ipo_1awz4_258:not(#\9)::after {
+.awsui_marker--hollow-rectangle_10ipo_fewxf_252:not(#\9)::after {
   content: "";
   display: block;
   margin-block: 2px;
@@ -273,13 +267,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-container-content-myy7cn, #ffffff);
   opacity: 0.5;
 }
-.awsui_marker--dashed_10ipo_1awz4_274:not(#\9) {
+.awsui_marker--dashed_10ipo_fewxf_268:not(#\9) {
   block-size: 4px;
   inline-size: 6px;
   margin-block-start: 9px;
   margin-inline-end: 12px;
 }
-.awsui_marker--dashed_10ipo_1awz4_274:not(#\9)::after {
+.awsui_marker--dashed_10ipo_fewxf_268:not(#\9)::after {
   content: "";
   display: block;
   inline-size: 6px;
@@ -292,7 +286,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: inherit;
 }
 
-.awsui_root_10ipo_1awz4_293:not(#\9) {
+.awsui_root_10ipo_fewxf_287:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -301,12 +295,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -328,45 +319,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_value_10ipo_1awz4_328:not(#\9) {
+.awsui_value_10ipo_fewxf_319:not(#\9) {
   text-align: end;
   margin-inline-start: var(--space-xxl-thzxkv, 32px);
 }
-.awsui_value_10ipo_1awz4_328.awsui_expandable_10ipo_1awz4_332:not(#\9) {
+.awsui_value_10ipo_fewxf_319.awsui_expandable_10ipo_fewxf_323:not(#\9) {
   font-weight: var(--font-weight-heading-s-zyfn4j, 700);
 }
 
-.awsui_list-item_10ipo_1awz4_336:not(#\9),
-.awsui_inner-list-item_10ipo_1awz4_337:not(#\9) {
+.awsui_list-item_10ipo_fewxf_327:not(#\9),
+.awsui_inner-list-item_10ipo_fewxf_328:not(#\9) {
   list-style: none;
 }
 
-.awsui_inner-list-item_10ipo_1awz4_337:not(#\9),
-.awsui_list-item_10ipo_1awz4_336 > .awsui_key-value-pair_10ipo_1awz4_342:not(#\9),
-.awsui_list-item_10ipo_1awz4_336 > .awsui_expandable-section_10ipo_1awz4_343:not(#\9) {
+.awsui_inner-list-item_10ipo_fewxf_328:not(#\9),
+.awsui_list-item_10ipo_fewxf_327 > .awsui_key-value-pair_10ipo_fewxf_333:not(#\9),
+.awsui_list-item_10ipo_fewxf_327 > .awsui_expandable-section_10ipo_fewxf_334:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   inline-size: 100%;
 }
-.awsui_inner-list-item_10ipo_1awz4_337 > .awsui_key_10ipo_1awz4_342:not(#\9),
-.awsui_list-item_10ipo_1awz4_336 > .awsui_key-value-pair_10ipo_1awz4_342 > .awsui_key_10ipo_1awz4_342:not(#\9),
-.awsui_list-item_10ipo_1awz4_336 > .awsui_expandable-section_10ipo_1awz4_343 > .awsui_key_10ipo_1awz4_342:not(#\9) {
+.awsui_inner-list-item_10ipo_fewxf_328 > .awsui_key_10ipo_fewxf_333:not(#\9),
+.awsui_list-item_10ipo_fewxf_327 > .awsui_key-value-pair_10ipo_fewxf_333 > .awsui_key_10ipo_fewxf_333:not(#\9),
+.awsui_list-item_10ipo_fewxf_327 > .awsui_expandable-section_10ipo_fewxf_334 > .awsui_key_10ipo_fewxf_333:not(#\9) {
   display: inline-flex;
   color: var(--color-text-group-label-eorpbe, #545b64);
 }
 
-.awsui_sub-items_10ipo_1awz4_356:not(#\9):not(.awsui_expandable_10ipo_1awz4_332) {
+.awsui_sub-items_10ipo_fewxf_347:not(#\9):not(.awsui_expandable_10ipo_fewxf_323) {
   padding-inline-start: calc(14px + var(--space-xxs-y2432o, 4px));
 }
-.awsui_sub-items_10ipo_1awz4_356.awsui_expandable_10ipo_1awz4_332:not(#\9) {
+.awsui_sub-items_10ipo_fewxf_347.awsui_expandable_10ipo_fewxf_323:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_sub-items_10ipo_1awz4_356.awsui_expandable_10ipo_1awz4_332 > .awsui_inner-list-item_10ipo_1awz4_337 > .awsui_value_10ipo_1awz4_328:not(#\9) {
+.awsui_sub-items_10ipo_fewxf_347.awsui_expandable_10ipo_fewxf_323 > .awsui_inner-list-item_10ipo_fewxf_328 > .awsui_value_10ipo_fewxf_319:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_list_10ipo_1awz4_336:not(#\9) {
+.awsui_list_10ipo_fewxf_327:not(#\9) {
   display: flex;
   margin-block: 0;
   margin-inline: 0;
@@ -375,27 +366,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   list-style: none;
   flex-direction: column;
 }
-.awsui_list_10ipo_1awz4_336 > .awsui_list-item_10ipo_1awz4_336 > .awsui_key-value-pair_10ipo_1awz4_342 > .awsui_key_10ipo_1awz4_342:not(#\9) {
+.awsui_list_10ipo_fewxf_327 > .awsui_list-item_10ipo_fewxf_327 > .awsui_key-value-pair_10ipo_fewxf_333 > .awsui_key_10ipo_fewxf_333:not(#\9) {
   align-items: flex-start;
 }
-.awsui_list_10ipo_1awz4_336 > .awsui_list-item_10ipo_1awz4_336.awsui_dimmed_10ipo_1awz4_149:not(#\9) {
+.awsui_list_10ipo_fewxf_327 > .awsui_list-item_10ipo_fewxf_327.awsui_dimmed_10ipo_fewxf_149:not(#\9) {
   opacity: 0.35;
 }
 
-.awsui_list_10ipo_1awz4_336:not(#\9):not(.awsui_compact_10ipo_1awz4_382) > .awsui_list-item_10ipo_1awz4_336:not(:first-child),
-.awsui_inner-list-item_10ipo_1awz4_337:not(#\9) {
+.awsui_list_10ipo_fewxf_327:not(#\9):not(.awsui_compact_10ipo_fewxf_373) > .awsui_list-item_10ipo_fewxf_327:not(:first-child),
+.awsui_inner-list-item_10ipo_fewxf_328:not(#\9) {
   margin-block-start: var(--space-scaled-xxs-krq5fq, 4px);
 }
 
-.awsui_list-item_10ipo_1awz4_336.awsui_with-sub-items_10ipo_1awz4_387:not(#\9):not(.awsui_expandable_10ipo_1awz4_332) > .awsui_key-value-pair_10ipo_1awz4_342 > .awsui_key_10ipo_1awz4_342,
-.awsui_list-item_10ipo_1awz4_336.awsui_with-sub-items_10ipo_1awz4_387:not(#\9):not(.awsui_expandable_10ipo_1awz4_332) > .awsui_key-value-pair_10ipo_1awz4_342 > .awsui_value_10ipo_1awz4_328 {
+.awsui_list-item_10ipo_fewxf_327.awsui_with-sub-items_10ipo_fewxf_378:not(#\9):not(.awsui_expandable_10ipo_fewxf_323) > .awsui_key-value-pair_10ipo_fewxf_333 > .awsui_key_10ipo_fewxf_333,
+.awsui_list-item_10ipo_fewxf_327.awsui_with-sub-items_10ipo_fewxf_378:not(#\9):not(.awsui_expandable_10ipo_fewxf_323) > .awsui_key-value-pair_10ipo_fewxf_333 > .awsui_value_10ipo_fewxf_319 {
   font-weight: var(--font-weight-heading-s-zyfn4j, 700);
 }
 
-.awsui_full-width_10ipo_1awz4_392:not(#\9) {
+.awsui_full-width_10ipo_fewxf_383:not(#\9) {
   inline-size: 100%;
 }
 
-.awsui_announced_10ipo_1awz4_396:not(#\9) {
+.awsui_announced_10ipo_fewxf_387:not(#\9) {
   /* Used by getSeriesDetailText to select text to be announced by screen readers */
 }

package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dimmed": "awsui_dimmed_10ipo_1awz4_149",
-  "marker": "awsui_marker_10ipo_1awz4_204",
-  "marker--line": "awsui_marker--line_10ipo_1awz4_247",
-  "marker--rectangle": "awsui_marker--rectangle_10ipo_1awz4_251",
-  "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_10ipo_1awz4_258",
-  "marker--dashed": "awsui_marker--dashed_10ipo_1awz4_274",
-  "root": "awsui_root_10ipo_1awz4_293",
-  "value": "awsui_value_10ipo_1awz4_328",
-  "expandable": "awsui_expandable_10ipo_1awz4_332",
-  "list-item": "awsui_list-item_10ipo_1awz4_336",
-  "inner-list-item": "awsui_inner-list-item_10ipo_1awz4_337",
-  "key-value-pair": "awsui_key-value-pair_10ipo_1awz4_342",
-  "expandable-section": "awsui_expandable-section_10ipo_1awz4_343",
-  "key": "awsui_key_10ipo_1awz4_342",
-  "sub-items": "awsui_sub-items_10ipo_1awz4_356",
-  "list": "awsui_list_10ipo_1awz4_336",
-  "compact": "awsui_compact_10ipo_1awz4_382",
-  "with-sub-items": "awsui_with-sub-items_10ipo_1awz4_387",
-  "full-width": "awsui_full-width_10ipo_1awz4_392",
-  "announced": "awsui_announced_10ipo_1awz4_396"
+  "dimmed": "awsui_dimmed_10ipo_fewxf_149",
+  "marker": "awsui_marker_10ipo_fewxf_201",
+  "marker--line": "awsui_marker--line_10ipo_fewxf_241",
+  "marker--rectangle": "awsui_marker--rectangle_10ipo_fewxf_245",
+  "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_10ipo_fewxf_252",
+  "marker--dashed": "awsui_marker--dashed_10ipo_fewxf_268",
+  "root": "awsui_root_10ipo_fewxf_287",
+  "value": "awsui_value_10ipo_fewxf_319",
+  "expandable": "awsui_expandable_10ipo_fewxf_323",
+  "list-item": "awsui_list-item_10ipo_fewxf_327",
+  "inner-list-item": "awsui_inner-list-item_10ipo_fewxf_328",
+  "key-value-pair": "awsui_key-value-pair_10ipo_fewxf_333",
+  "expandable-section": "awsui_expandable-section_10ipo_fewxf_334",
+  "key": "awsui_key_10ipo_fewxf_333",
+  "sub-items": "awsui_sub-items_10ipo_fewxf_347",
+  "list": "awsui_list_10ipo_fewxf_327",
+  "compact": "awsui_compact_10ipo_fewxf_373",
+  "with-sub-items": "awsui_with-sub-items_10ipo_fewxf_378",
+  "full-width": "awsui_full-width_10ipo_fewxf_383",
+  "announced": "awsui_announced_10ipo_fewxf_387"
 };
   

package/lib/internal/template/internal/components/chart-series-marker/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "marker": "awsui_marker_1isd1_1utzt_141",
-  "marker--line": "awsui_marker--line_1isd1_1utzt_184",
-  "marker--rectangle": "awsui_marker--rectangle_1isd1_1utzt_188",
-  "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_1utzt_195",
-  "marker--dashed": "awsui_marker--dashed_1isd1_1utzt_211"
+  "marker": "awsui_marker_1isd1_erean_141",
+  "marker--line": "awsui_marker--line_1isd1_erean_181",
+  "marker--rectangle": "awsui_marker--rectangle_1isd1_erean_185",
+  "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_erean_192",
+  "marker--dashed": "awsui_marker--dashed_1isd1_erean_208"
 };
   

package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css

@@ -138,7 +138,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_marker_1isd1_1utzt_141:not(#\9) {
+.awsui_marker_1isd1_erean_141:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -147,12 +147,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -182,25 +179,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-shrink: 0;
   cursor: inherit;
 }
-.awsui_marker--line_1isd1_1utzt_184:not(#\9) {
+.awsui_marker--line_1isd1_erean_181:not(#\9) {
   margin-block-start: 9px;
   block-size: 4px;
 }
-.awsui_marker--rectangle_1isd1_1utzt_188:not(#\9) {
+.awsui_marker--rectangle_1isd1_erean_185:not(#\9) {
   block-size: 14px;
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;
   border-end-start-radius: 2px;
   border-end-end-radius: 2px;
 }
-.awsui_marker--hollow-rectangle_1isd1_1utzt_195:not(#\9) {
+.awsui_marker--hollow-rectangle_1isd1_erean_192:not(#\9) {
   block-size: 14px;
   border-start-start-radius: 2px;
   border-start-end-radius: 2px;
   border-end-start-radius: 2px;
   border-end-end-radius: 2px;
 }
-.awsui_marker--hollow-rectangle_1isd1_1utzt_195:not(#\9)::after {
+.awsui_marker--hollow-rectangle_1isd1_erean_192:not(#\9)::after {
   content: "";
   display: block;
   margin-block: 2px;
@@ -209,13 +206,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-container-content-myy7cn, #ffffff);
   opacity: 0.5;
 }
-.awsui_marker--dashed_1isd1_1utzt_211:not(#\9) {
+.awsui_marker--dashed_1isd1_erean_208:not(#\9) {
   block-size: 4px;
   inline-size: 6px;
   margin-block-start: 9px;
   margin-inline-end: 12px;
 }
-.awsui_marker--dashed_1isd1_1utzt_211:not(#\9)::after {
+.awsui_marker--dashed_1isd1_erean_208:not(#\9)::after {
   content: "";
   display: block;
   inline-size: 6px;

package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "marker": "awsui_marker_1isd1_1utzt_141",
-  "marker--line": "awsui_marker--line_1isd1_1utzt_184",
-  "marker--rectangle": "awsui_marker--rectangle_1isd1_1utzt_188",
-  "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_1utzt_195",
-  "marker--dashed": "awsui_marker--dashed_1isd1_1utzt_211"
+  "marker": "awsui_marker_1isd1_erean_141",
+  "marker--line": "awsui_marker--line_1isd1_erean_181",
+  "marker--rectangle": "awsui_marker--rectangle_1isd1_erean_185",
+  "marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_erean_192",
+  "marker--dashed": "awsui_marker--dashed_1isd1_erean_208"
 };
   

package/lib/internal/template/internal/components/chart-wrapper/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "wrapper": "awsui_wrapper_z5mul_5nuwa_177",
-  "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_5nuwa_213",
-  "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_5nuwa_218",
-  "has-default-filter": "awsui_has-default-filter_z5mul_5nuwa_224",
-  "content": "awsui_content_z5mul_5nuwa_228",
-  "content--reserve-filter": "awsui_content--reserve-filter_z5mul_5nuwa_235",
-  "content--reserve-legend": "awsui_content--reserve-legend_z5mul_5nuwa_239",
-  "content--fit-height": "awsui_content--fit-height_z5mul_5nuwa_243",
-  "filter-container": "awsui_filter-container_z5mul_5nuwa_247"
+  "wrapper": "awsui_wrapper_z5mul_1wo1s_177",
+  "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_1wo1s_210",
+  "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_1wo1s_215",
+  "has-default-filter": "awsui_has-default-filter_z5mul_1wo1s_221",
+  "content": "awsui_content_z5mul_1wo1s_225",
+  "content--reserve-filter": "awsui_content--reserve-filter_z5mul_1wo1s_232",
+  "content--reserve-legend": "awsui_content--reserve-legend_z5mul_1wo1s_236",
+  "content--fit-height": "awsui_content--fit-height_z5mul_1wo1s_240",
+  "filter-container": "awsui_filter-container_z5mul_1wo1s_244"
 };
   

package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css

@@ -174,7 +174,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_wrapper_z5mul_5nuwa_177:not(#\9) {
+.awsui_wrapper_z5mul_1wo1s_177:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -183,12 +183,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   direction: inherit;
   empty-cells: show;
   font-family: serif;
-  font-size: medium;
   font-style: normal;
   font-variant: normal;
-  font-weight: 400;
   font-stretch: normal;
-  line-height: normal;
   -webkit-hyphens: none;
           hyphens: none;
   letter-spacing: normal;
@@ -211,40 +208,40 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   display: block;
 }
-.awsui_wrapper--fit-height_z5mul_5nuwa_213:not(#\9) {
+.awsui_wrapper--fit-height_z5mul_1wo1s_210:not(#\9) {
   block-size: 100%;
   overflow-y: auto;
 }
 
-.awsui_inner-wrapper--fit-height_z5mul_5nuwa_218:not(#\9) {
+.awsui_inner-wrapper--fit-height_z5mul_1wo1s_215:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
 
-.awsui_has-default-filter_z5mul_5nuwa_224 > :not(#\9):first-child {
+.awsui_has-default-filter_z5mul_1wo1s_221 > :not(#\9):first-child {
   flex: 280px 0 1;
 }
 
-.awsui_content_z5mul_5nuwa_228:not(#\9) {
+.awsui_content_z5mul_1wo1s_225:not(#\9) {
   display: flex;
   position: relative;
   justify-content: center;
   align-items: center;
 }
 
-.awsui_content--reserve-filter_z5mul_5nuwa_235:not(#\9) {
+.awsui_content--reserve-filter_z5mul_1wo1s_232:not(#\9) {
   margin-block-start: calc(2 * var(--line-height-body-m-gw0130, 22px));
 }
 
-.awsui_content--reserve-legend_z5mul_5nuwa_239:not(#\9) {
+.awsui_content--reserve-legend_z5mul_1wo1s_236:not(#\9) {
   margin-block-end: calc(2 * var(--line-height-body-m-gw0130, 22px));
 }
 
-.awsui_content--fit-height_z5mul_5nuwa_243:not(#\9) {
+.awsui_content--fit-height_z5mul_1wo1s_240:not(#\9) {
   flex: 1;
 }
 
-.awsui_filter-container_z5mul_5nuwa_247:not(#\9) {
+.awsui_filter-container_z5mul_1wo1s_244:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "wrapper": "awsui_wrapper_z5mul_5nuwa_177",
-  "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_5nuwa_213",
-  "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_5nuwa_218",
-  "has-default-filter": "awsui_has-default-filter_z5mul_5nuwa_224",
-  "content": "awsui_content_z5mul_5nuwa_228",
-  "content--reserve-filter": "awsui_content--reserve-filter_z5mul_5nuwa_235",
-  "content--reserve-legend": "awsui_content--reserve-legend_z5mul_5nuwa_239",
-  "content--fit-height": "awsui_content--fit-height_z5mul_5nuwa_243",
-  "filter-container": "awsui_filter-container_z5mul_5nuwa_247"
+  "wrapper": "awsui_wrapper_z5mul_1wo1s_177",
+  "wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_1wo1s_210",
+  "inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_1wo1s_215",
+  "has-default-filter": "awsui_has-default-filter_z5mul_1wo1s_221",
+  "content": "awsui_content_z5mul_1wo1s_225",
+  "content--reserve-filter": "awsui_content--reserve-filter_z5mul_1wo1s_232",
+  "content--reserve-legend": "awsui_content--reserve-legend_z5mul_1wo1s_236",
+  "content--fit-height": "awsui_content--fit-height_z5mul_1wo1s_240",
+  "filter-container": "awsui_filter-container_z5mul_1wo1s_244"
 };