@cloudscape-design/components-themeable 3.0.663 → 3.0.665

package/lib/internal/template/internal/components/menu-dropdown/styles.css.js

@@ -1,12 +1,12 @@
 
     import './styles.scoped.css';
     export default {
-  "button": "awsui_button_m5h9f_1scd4_99",
-  "expanded": "awsui_expanded_m5h9f_1scd4_154",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_1scd4_165",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_1scd4_168",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1scd4_171",
-  "text": "awsui_text_m5h9f_1scd4_196",
-  "icon": "awsui_icon_m5h9f_1scd4_200"
+  "button": "awsui_button_m5h9f_1o32t_97",
+  "expanded": "awsui_expanded_m5h9f_1o32t_152",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_1o32t_163",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_1o32t_166",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1o32t_169",
+  "text": "awsui_text_m5h9f_1o32t_194",
+  "icon": "awsui_icon_m5h9f_1o32t_198"
 };
   

package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,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
 */
-.awsui_button_m5h9f_1scd4_99:not(#\9) {
+.awsui_button_m5h9f_1o32t_97:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -148,38 +146,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: transparent;
   color: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_button_m5h9f_1scd4_99:not(#\9):hover {
+.awsui_button_m5h9f_1o32t_97:not(#\9):hover {
   color: var(--color-text-interactive-hover-7who0l, #16191f);
   text-decoration: none;
 }
-.awsui_button_m5h9f_1scd4_99:not(#\9):active, .awsui_button_m5h9f_1scd4_99.awsui_expanded_m5h9f_1scd4_154:not(#\9) {
+.awsui_button_m5h9f_1o32t_97:not(#\9):active, .awsui_button_m5h9f_1o32t_97.awsui_expanded_m5h9f_1o32t_152:not(#\9) {
   background: transparent;
   color: var(--color-text-interactive-active-jrhxoe, #16191f);
 }
-.awsui_button_m5h9f_1scd4_99.awsui_expanded_m5h9f_1scd4_154:not(#\9) {
+.awsui_button_m5h9f_1o32t_97.awsui_expanded_m5h9f_1o32t_152:not(#\9) {
   color: var(--color-text-accent-yy9054, #0073bb);
 }
-.awsui_button_m5h9f_1scd4_99:not(#\9):focus {
+.awsui_button_m5h9f_1o32t_97:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_button_m5h9f_1scd4_99.awsui_offset-right-none_m5h9f_1scd4_165:not(#\9) {
+.awsui_button_m5h9f_1o32t_97.awsui_offset-right-none_m5h9f_1o32t_163:not(#\9) {
   margin-inline-end: 0;
 }
-.awsui_button_m5h9f_1scd4_99.awsui_offset-right-l_m5h9f_1scd4_168:not(#\9) {
+.awsui_button_m5h9f_1o32t_97.awsui_offset-right-l_m5h9f_1o32t_166:not(#\9) {
   margin-inline-end: var(--space-s-2025hl, 12px);
 }
-.awsui_button_m5h9f_1scd4_99.awsui_offset-right-xxl_m5h9f_1scd4_171:not(#\9) {
+.awsui_button_m5h9f_1o32t_97.awsui_offset-right-xxl_m5h9f_1o32t_169:not(#\9) {
   margin-inline-end: var(--space-xl-5fdwzu, 24px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1scd4_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1o32t_97:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1scd4_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1o32t_97:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-1px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1scd4_99:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1o32t_97:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -194,10 +192,10 @@ body[data-awsui-focus-visible=true] .awsui_button_m5h9f_1scd4_99:not(#\9):focus:
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_text_m5h9f_1scd4_196:not(#\9) {
+.awsui_text_m5h9f_1o32t_194:not(#\9) {
   margin-inline-end: var(--space-xs-xf5ch3, 8px);
 }
 
-.awsui_icon_m5h9f_1scd4_200 + .awsui_text_m5h9f_1scd4_196:not(#\9) {
+.awsui_icon_m5h9f_1o32t_198 + .awsui_text_m5h9f_1o32t_194:not(#\9) {
   margin-inline-start: var(--space-xs-xf5ch3, 8px);
 }

package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js

@@ -2,12 +2,12 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "button": "awsui_button_m5h9f_1scd4_99",
-  "expanded": "awsui_expanded_m5h9f_1scd4_154",
-  "offset-right-none": "awsui_offset-right-none_m5h9f_1scd4_165",
-  "offset-right-l": "awsui_offset-right-l_m5h9f_1scd4_168",
-  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1scd4_171",
-  "text": "awsui_text_m5h9f_1scd4_196",
-  "icon": "awsui_icon_m5h9f_1scd4_200"
+  "button": "awsui_button_m5h9f_1o32t_97",
+  "expanded": "awsui_expanded_m5h9f_1o32t_152",
+  "offset-right-none": "awsui_offset-right-none_m5h9f_1o32t_163",
+  "offset-right-l": "awsui_offset-right-l_m5h9f_1o32t_166",
+  "offset-right-xxl": "awsui_offset-right-xxl_m5h9f_1o32t_169",
+  "text": "awsui_text_m5h9f_1o32t_194",
+  "icon": "awsui_icon_m5h9f_1o32t_198"
 };
   

package/lib/internal/template/internal/components/option/highlight-match.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlight-match.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/highlight-match.tsx"],"names":[],"mappings":";AAsBA,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAKD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,EAAE,mBAAmB,eAsBjF"}
+{"version":3,"file":"highlight-match.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/option/highlight-match.tsx"],"names":[],"mappings":";AAqBA,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAKD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,EAAE,mBAAmB,eAsBjF"}

package/lib/internal/template/internal/components/option/highlight-match.js

@@ -2,7 +2,6 @@
 // SPDX-License-Identifier: Apache-2.0
 import React from 'react';
 import styles from './styles.css.js';
-import clsx from 'clsx';
 const splitOnFiltering = (str, highlightText) => {
     // We match by creating a regex using user-provided strings, so we skip
     // highlighting if the generated regex would be too memory intensive.
@@ -16,7 +15,7 @@ const splitOnFiltering = (str, highlightText) => {
     const matches = str.match(regexp);
     return { noMatches, matches };
 };
-const Highlight = ({ str }) => str ? React.createElement("span", { className: clsx(styles['filtering-match-highlight']) }, str) : null;
+const Highlight = ({ str }) => str ? React.createElement("span", { className: styles['filtering-match-highlight'] }, str) : null;
 export default function HighlightMatch({ str, highlightText }) {
     if (!str || !highlightText) {
         return React.createElement("span", null, str);

package/lib/internal/template/internal/components/option/highlight-match.js.map

@@ -1 +1 @@
-{"version":3,"file":"highlight-match.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/highlight-match.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,aAAqB,EAAE,EAAE;IAC9D,uEAAuE;IACvE,qEAAqE;IACrE,IAAI,aAAa,CAAC,MAAM,GAAG,MAAM,EAAE;QACjC,OAAO,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;KAC5C;IAED,yCAAyC;IACzC,MAAM,gBAAgB,GAAG,aAAa,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;IAChF,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAElC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAChC,CAAC,CAAC;AAOF,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,EAAuB,EAAE,EAAE,CACjD,GAAG,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,2BAA2B,CAAC,CAAC,IAAG,GAAG,CAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,GAAG,EAAE,aAAa,EAAuB;IAChF,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE;QAC1B,OAAO,kCAAO,GAAG,CAAQ,CAAC;KAC3B;IAED,IAAI,GAAG,KAAK,aAAa,EAAE;QACzB,OAAO,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC;KAChC;IAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;IAEpE,MAAM,WAAW,GAA6B,EAAE,CAAC;IAEjD,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;QACjC,WAAW,CAAC,IAAI,CAAC,8BAAM,GAAG,EAAE,WAAW,GAAG,EAAE,IAAG,OAAO,CAAQ,CAAC,CAAC;QAEhE,IAAI,OAAO,IAAI,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE;YACnC,WAAW,CAAC,IAAI,CAAC,oBAAC,SAAS,IAAC,GAAG,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,GAAI,CAAC,CAAC;SACzE;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,kCAAO,WAAW,CAAQ,CAAC;AACpC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\n\nconst splitOnFiltering = (str: string, highlightText: string) => {\n  // We match by creating a regex using user-provided strings, so we skip\n  // highlighting if the generated regex would be too memory intensive.\n  if (highlightText.length > 100000) {\n    return { noMatches: [str], matches: null };\n  }\n\n  // Filtering needs to be case insensitive\n  const filteringPattern = highlightText.replace(/[-[\\]/{}()*+?.\\\\^$|]/g, '\\\\$&');\n  const regexp = new RegExp(filteringPattern, 'gi');\n  const noMatches = str.split(regexp);\n  const matches = str.match(regexp);\n\n  return { noMatches, matches };\n};\n\nexport interface HighlightMatchProps {\n  str?: string;\n  highlightText?: string;\n}\n\nconst Highlight = ({ str }: HighlightMatchProps) =>\n  str ? <span className={clsx(styles['filtering-match-highlight'])}>{str}</span> : null;\n\nexport default function HighlightMatch({ str, highlightText }: HighlightMatchProps) {\n  if (!str || !highlightText) {\n    return <span>{str}</span>;\n  }\n\n  if (str === highlightText) {\n    return <Highlight str={str} />;\n  }\n\n  const { noMatches, matches } = splitOnFiltering(str, highlightText);\n\n  const highlighted: (string | JSX.Element)[] = [];\n\n  noMatches.forEach((noMatch, idx) => {\n    highlighted.push(<span key={`noMatch-${idx}`}>{noMatch}</span>);\n\n    if (matches && idx < matches.length) {\n      highlighted.push(<Highlight key={`match-${idx}`} str={matches[idx]} />);\n    }\n  });\n\n  return <span>{highlighted}</span>;\n}\n"]}
+{"version":3,"file":"highlight-match.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/highlight-match.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,aAAqB,EAAE,EAAE;IAC9D,uEAAuE;IACvE,qEAAqE;IACrE,IAAI,aAAa,CAAC,MAAM,GAAG,MAAM,EAAE;QACjC,OAAO,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;KAC5C;IAED,yCAAyC;IACzC,MAAM,gBAAgB,GAAG,aAAa,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;IAChF,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACpC,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAElC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;AAChC,CAAC,CAAC;AAOF,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,EAAuB,EAAE,EAAE,CACjD,GAAG,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,IAAG,GAAG,CAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,GAAG,EAAE,aAAa,EAAuB;IAChF,IAAI,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE;QAC1B,OAAO,kCAAO,GAAG,CAAQ,CAAC;KAC3B;IAED,IAAI,GAAG,KAAK,aAAa,EAAE;QACzB,OAAO,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG,GAAI,CAAC;KAChC;IAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,gBAAgB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;IAEpE,MAAM,WAAW,GAA6B,EAAE,CAAC;IAEjD,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,GAAG,EAAE,EAAE;QACjC,WAAW,CAAC,IAAI,CAAC,8BAAM,GAAG,EAAE,WAAW,GAAG,EAAE,IAAG,OAAO,CAAQ,CAAC,CAAC;QAEhE,IAAI,OAAO,IAAI,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE;YACnC,WAAW,CAAC,IAAI,CAAC,oBAAC,SAAS,IAAC,GAAG,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,GAAI,CAAC,CAAC;SACzE;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,kCAAO,WAAW,CAAQ,CAAC;AACpC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport styles from './styles.css.js';\n\nconst splitOnFiltering = (str: string, highlightText: string) => {\n  // We match by creating a regex using user-provided strings, so we skip\n  // highlighting if the generated regex would be too memory intensive.\n  if (highlightText.length > 100000) {\n    return { noMatches: [str], matches: null };\n  }\n\n  // Filtering needs to be case insensitive\n  const filteringPattern = highlightText.replace(/[-[\\]/{}()*+?.\\\\^$|]/g, '\\\\$&');\n  const regexp = new RegExp(filteringPattern, 'gi');\n  const noMatches = str.split(regexp);\n  const matches = str.match(regexp);\n\n  return { noMatches, matches };\n};\n\nexport interface HighlightMatchProps {\n  str?: string;\n  highlightText?: string;\n}\n\nconst Highlight = ({ str }: HighlightMatchProps) =>\n  str ? <span className={styles['filtering-match-highlight']}>{str}</span> : null;\n\nexport default function HighlightMatch({ str, highlightText }: HighlightMatchProps) {\n  if (!str || !highlightText) {\n    return <span>{str}</span>;\n  }\n\n  if (str === highlightText) {\n    return <Highlight str={str} />;\n  }\n\n  const { noMatches, matches } = splitOnFiltering(str, highlightText);\n\n  const highlighted: (string | JSX.Element)[] = [];\n\n  noMatches.forEach((noMatch, idx) => {\n    highlighted.push(<span key={`noMatch-${idx}`}>{noMatch}</span>);\n\n    if (matches && idx < matches.length) {\n      highlighted.push(<Highlight key={`match-${idx}`} str={matches[idx]} />);\n    }\n  });\n\n  return <span>{highlighted}</span>;\n}\n"]}

package/lib/internal/template/internal/components/option/index.js

@@ -45,8 +45,8 @@ const Option = (_a) => {
         : undefined;
     return (React.createElement("span", Object.assign({ "data-value": option.value, className: className, lang: option.lang }, genericGroupProps, baseProps),
         icon,
-        React.createElement("span", { className: clsx(styles.content) },
-            React.createElement("span", { className: clsx(styles['label-content']) },
+        React.createElement("span", { className: styles.content },
+            React.createElement("span", { className: styles['label-content'] },
                 React.createElement(Label, { label: (_e = option.label) !== null && _e !== void 0 ? _e : option.value, prefix: option.__labelPrefix, highlightText: highlightText, triggerVariant: triggerVariant }),
                 React.createElement(LabelTag, { labelTag: option.labelTag, highlightText: highlightText, triggerVariant: triggerVariant })),
             React.createElement(Description, { description: option.description, highlightedOption: highlightedOption, selectedOption: selectedOption, highlightText: highlightText, triggerVariant: triggerVariant }),

package/lib/internal/template/internal/components/option/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/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 from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { OptionProps } from './interfaces';\nimport { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';\nimport { getBaseProps } from '../../base-component';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { isDevelopment } from '../../is-development';\n\nexport { OptionProps };\n\nfunction validateStringValue(value: string | undefined, propertyName: string) {\n  if (typeof value !== 'undefined' && typeof value !== 'string') {\n    warnOnce(\n      'DropdownOption',\n      `This component only supports string values, but \"option.${propertyName}\" has ${typeof value} type. The component may work incorrectly.`\n    );\n  }\n}\n\nconst Option = ({\n  option,\n  highlightText,\n  triggerVariant = false,\n  isGroupOption = false,\n  isGenericGroup = true,\n  highlightedOption = false,\n  selectedOption = false,\n  ...restProps\n}: OptionProps) => {\n  if (!option) {\n    return null;\n  }\n  const { disabled } = option;\n  const baseProps = getBaseProps(restProps);\n\n  if (isDevelopment) {\n    validateStringValue(option.label, 'label');\n    validateStringValue(option.description, 'description');\n    validateStringValue(option.labelTag, 'labelTag');\n    option.tags?.forEach((tag, index) => {\n      validateStringValue(tag, `tags[${index}]`);\n    });\n    option.filteringTags?.forEach((tag, index) => {\n      validateStringValue(tag, `filteringTags[${index}]`);\n    });\n  }\n\n  const className = clsx(\n    styles.option,\n    disabled && styles.disabled,\n    isGroupOption && styles.parent,\n    highlightedOption && styles.highlighted\n  );\n\n  const icon = option.__customIcon || (\n    <OptionIcon\n      name={option.iconName}\n      url={option.iconUrl}\n      svg={option.iconSvg}\n      alt={option.iconAlt}\n      size={option.description || option.tags ? 'big' : 'normal'}\n    />\n  );\n\n  // The option is conditionally assigned 'title' and 'aria-disabled' attributes to ensure it is viewed as a (generic) group  by assistive technology only when necessary.\n  // Omitting the props might be necessary if they are provided on the parent element to avoid nested groups.\n  // See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role\n  const genericGroupProps = isGenericGroup\n    ? {\n        title: option.label ?? option.value,\n        'aria-disabled': disabled,\n      }\n    : undefined;\n\n  return (\n    <span data-value={option.value} className={className} lang={option.lang} {...genericGroupProps} {...baseProps}>\n      {icon}\n      <span className={clsx(styles.content)}>\n        <span className={clsx(styles['label-content'])}>\n          <Label\n            label={option.label ?? option.value}\n            prefix={option.__labelPrefix}\n            highlightText={highlightText}\n            triggerVariant={triggerVariant}\n          />\n          <LabelTag labelTag={option.labelTag} highlightText={highlightText} triggerVariant={triggerVariant} />\n        </span>\n        <Description\n          description={option.description}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n        <Tags\n          tags={option.tags}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n        <FilteringTags\n          filteringTags={option.filteringTags}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n      </span>\n    </span>\n  );\n};\n\nexport default Option;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/option/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 from 'react';\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport { OptionProps } from './interfaces';\nimport { Label, LabelTag, Description, Tags, FilteringTags, OptionIcon } from './option-parts';\nimport { getBaseProps } from '../../base-component';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { isDevelopment } from '../../is-development';\n\nexport { OptionProps };\n\nfunction validateStringValue(value: string | undefined, propertyName: string) {\n  if (typeof value !== 'undefined' && typeof value !== 'string') {\n    warnOnce(\n      'DropdownOption',\n      `This component only supports string values, but \"option.${propertyName}\" has ${typeof value} type. The component may work incorrectly.`\n    );\n  }\n}\n\nconst Option = ({\n  option,\n  highlightText,\n  triggerVariant = false,\n  isGroupOption = false,\n  isGenericGroup = true,\n  highlightedOption = false,\n  selectedOption = false,\n  ...restProps\n}: OptionProps) => {\n  if (!option) {\n    return null;\n  }\n  const { disabled } = option;\n  const baseProps = getBaseProps(restProps);\n\n  if (isDevelopment) {\n    validateStringValue(option.label, 'label');\n    validateStringValue(option.description, 'description');\n    validateStringValue(option.labelTag, 'labelTag');\n    option.tags?.forEach((tag, index) => {\n      validateStringValue(tag, `tags[${index}]`);\n    });\n    option.filteringTags?.forEach((tag, index) => {\n      validateStringValue(tag, `filteringTags[${index}]`);\n    });\n  }\n\n  const className = clsx(\n    styles.option,\n    disabled && styles.disabled,\n    isGroupOption && styles.parent,\n    highlightedOption && styles.highlighted\n  );\n\n  const icon = option.__customIcon || (\n    <OptionIcon\n      name={option.iconName}\n      url={option.iconUrl}\n      svg={option.iconSvg}\n      alt={option.iconAlt}\n      size={option.description || option.tags ? 'big' : 'normal'}\n    />\n  );\n\n  // The option is conditionally assigned 'title' and 'aria-disabled' attributes to ensure it is viewed as a (generic) group  by assistive technology only when necessary.\n  // Omitting the props might be necessary if they are provided on the parent element to avoid nested groups.\n  // See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/generic_role\n  const genericGroupProps = isGenericGroup\n    ? {\n        title: option.label ?? option.value,\n        'aria-disabled': disabled,\n      }\n    : undefined;\n\n  return (\n    <span data-value={option.value} className={className} lang={option.lang} {...genericGroupProps} {...baseProps}>\n      {icon}\n      <span className={styles.content}>\n        <span className={styles['label-content']}>\n          <Label\n            label={option.label ?? option.value}\n            prefix={option.__labelPrefix}\n            highlightText={highlightText}\n            triggerVariant={triggerVariant}\n          />\n          <LabelTag labelTag={option.labelTag} highlightText={highlightText} triggerVariant={triggerVariant} />\n        </span>\n        <Description\n          description={option.description}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n        <Tags\n          tags={option.tags}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n        <FilteringTags\n          filteringTags={option.filteringTags}\n          highlightedOption={highlightedOption}\n          selectedOption={selectedOption}\n          highlightText={highlightText}\n          triggerVariant={triggerVariant}\n        />\n      </span>\n    </span>\n  );\n};\n\nexport default Option;\n"]}

package/lib/internal/template/internal/components/option/styles.css.js

@@ -1,22 +1,22 @@
 
     import './styles.scoped.css';
     export default {
-  "option": "awsui_option_1p2cx_6q2bx_103",
-  "disabled": "awsui_disabled_1p2cx_6q2bx_143",
-  "parent": "awsui_parent_1p2cx_6q2bx_146",
-  "highlighted": "awsui_highlighted_1p2cx_6q2bx_149",
-  "content": "awsui_content_1p2cx_6q2bx_153",
-  "label-content": "awsui_label-content_1p2cx_6q2bx_160",
-  "label": "awsui_label_1p2cx_6q2bx_160",
-  "tag": "awsui_tag_1p2cx_6q2bx_167",
-  "label-tag": "awsui_label-tag_1p2cx_6q2bx_168",
-  "label-prefix": "awsui_label-prefix_1p2cx_6q2bx_178",
-  "tags": "awsui_tags_1p2cx_6q2bx_191",
-  "description": "awsui_description_1p2cx_6q2bx_192",
-  "selected": "awsui_selected_1p2cx_6q2bx_203",
-  "icon": "awsui_icon_1p2cx_6q2bx_217",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_6q2bx_224",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_6q2bx_228",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_6q2bx_243"
+  "option": "awsui_option_1p2cx_1k1kz_101",
+  "disabled": "awsui_disabled_1p2cx_1k1kz_141",
+  "parent": "awsui_parent_1p2cx_1k1kz_144",
+  "highlighted": "awsui_highlighted_1p2cx_1k1kz_147",
+  "content": "awsui_content_1p2cx_1k1kz_151",
+  "label-content": "awsui_label-content_1p2cx_1k1kz_158",
+  "label": "awsui_label_1p2cx_1k1kz_158",
+  "tag": "awsui_tag_1p2cx_1k1kz_165",
+  "label-tag": "awsui_label-tag_1p2cx_1k1kz_166",
+  "label-prefix": "awsui_label-prefix_1p2cx_1k1kz_176",
+  "tags": "awsui_tags_1p2cx_1k1kz_189",
+  "description": "awsui_description_1p2cx_1k1kz_190",
+  "selected": "awsui_selected_1p2cx_1k1kz_201",
+  "icon": "awsui_icon_1p2cx_1k1kz_215",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1k1kz_222",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1k1kz_226",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1k1kz_241"
 };
   

package/lib/internal/template/internal/components/option/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -100,7 +98,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_option_1p2cx_6q2bx_103:not(#\9) {
+.awsui_option_1p2cx_1k1kz_101:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -141,107 +139,107 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   color: inherit;
 }
-.awsui_option_1p2cx_6q2bx_103:not(#\9):not(.awsui_disabled_1p2cx_6q2bx_143) {
+.awsui_option_1p2cx_1k1kz_101:not(#\9):not(.awsui_disabled_1p2cx_1k1kz_141) {
   cursor: inherit;
 }
-.awsui_option_1p2cx_6q2bx_103.awsui_parent_1p2cx_6q2bx_146:not(#\9) {
+.awsui_option_1p2cx_1k1kz_101.awsui_parent_1p2cx_1k1kz_144:not(#\9) {
   font-weight: bold;
 }
-.awsui_option_1p2cx_6q2bx_103.awsui_parent_1p2cx_6q2bx_146:not(#\9):not(.awsui_disabled_1p2cx_6q2bx_143):not(.awsui_highlighted_1p2cx_6q2bx_149) {
+.awsui_option_1p2cx_1k1kz_101.awsui_parent_1p2cx_1k1kz_144:not(#\9):not(.awsui_disabled_1p2cx_1k1kz_141):not(.awsui_highlighted_1p2cx_1k1kz_147) {
   color: var(--color-text-dropdown-group-label-sizd89, #545b64);
 }
 
-.awsui_content_1p2cx_6q2bx_153:not(#\9) {
+.awsui_content_1p2cx_1k1kz_151:not(#\9) {
   inline-size: 100%;
   display: flex;
   flex-direction: column;
   min-inline-size: 0;
 }
 
-.awsui_label-content_1p2cx_6q2bx_160:not(#\9) {
+.awsui_label-content_1p2cx_1k1kz_158:not(#\9) {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
-.awsui_label_1p2cx_6q2bx_160:not(#\9),
-.awsui_tag_1p2cx_6q2bx_167:not(#\9),
-.awsui_label-tag_1p2cx_6q2bx_168:not(#\9) {
+.awsui_label_1p2cx_1k1kz_158:not(#\9),
+.awsui_tag_1p2cx_1k1kz_165:not(#\9),
+.awsui_label-tag_1p2cx_1k1kz_166:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
 }
 
-.awsui_label_1p2cx_6q2bx_160:not(#\9),
-.awsui_tag_1p2cx_6q2bx_167:not(#\9) {
+.awsui_label_1p2cx_1k1kz_158:not(#\9),
+.awsui_tag_1p2cx_1k1kz_165:not(#\9) {
   flex-wrap: wrap;
 }
 
-.awsui_label-prefix_1p2cx_6q2bx_178:not(#\9) {
+.awsui_label-prefix_1p2cx_1k1kz_176:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_label-tag_1p2cx_6q2bx_168:not(#\9) {
+.awsui_label-tag_1p2cx_1k1kz_166:not(#\9) {
   padding-inline-start: var(--space-s-2025hl, 12px);
   flex: auto;
   text-align: end;
 }
-.awsui_label-tag_1p2cx_6q2bx_168:not(#\9):empty {
+.awsui_label-tag_1p2cx_1k1kz_166:not(#\9):empty {
   display: none;
 }
 
-.awsui_tags_1p2cx_6q2bx_191:not(#\9),
-.awsui_description_1p2cx_6q2bx_192:not(#\9) {
+.awsui_tags_1p2cx_1k1kz_189:not(#\9),
+.awsui_description_1p2cx_1k1kz_190:not(#\9) {
   font-size: var(--font-size-body-s-533prh, 12px);
   line-height: var(--line-height-body-s-n0pazd, 16px);
   letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
   color: var(--color-text-dropdown-item-secondary-x5katv, #687078);
   flex-wrap: wrap;
 }
-.awsui_tags_1p2cx_6q2bx_191.awsui_highlighted_1p2cx_6q2bx_149:not(#\9),
-.awsui_description_1p2cx_6q2bx_192.awsui_highlighted_1p2cx_6q2bx_149:not(#\9) {
+.awsui_tags_1p2cx_1k1kz_189.awsui_highlighted_1p2cx_1k1kz_147:not(#\9),
+.awsui_description_1p2cx_1k1kz_190.awsui_highlighted_1p2cx_1k1kz_147:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-hover-q6kp0a, #687078);
 }
-.awsui_tags_1p2cx_6q2bx_191.awsui_selected_1p2cx_6q2bx_203:not(#\9),
-.awsui_description_1p2cx_6q2bx_192.awsui_selected_1p2cx_6q2bx_203:not(#\9) {
+.awsui_tags_1p2cx_1k1kz_189.awsui_selected_1p2cx_1k1kz_201:not(#\9),
+.awsui_description_1p2cx_1k1kz_190.awsui_selected_1p2cx_1k1kz_201:not(#\9) {
   color: var(--color-text-dropdown-item-secondary-x5katv, #687078);
 }
 
-.awsui_tags_1p2cx_6q2bx_191:not(#\9) {
+.awsui_tags_1p2cx_1k1kz_189:not(#\9) {
   display: flex;
   align-items: stretch;
 }
 
-.awsui_tag_1p2cx_6q2bx_167:not(#\9):not(:last-child) {
+.awsui_tag_1p2cx_1k1kz_165:not(#\9):not(:last-child) {
   padding-inline-end: var(--space-m-kpg8id, 16px);
 }
 
-.awsui_icon_1p2cx_6q2bx_217:not(#\9) {
+.awsui_icon_1p2cx_1k1kz_215:not(#\9) {
   padding-inline-end: var(--space-xs-xf5ch3, 8px);
   align-content: center;
   display: flex;
   flex-shrink: 0;
 }
 
-.awsui_icon-size-big_1p2cx_6q2bx_224:not(#\9) {
+.awsui_icon-size-big_1p2cx_1k1kz_222:not(#\9) {
   padding-block-start: var(--space-option-icon-big-top-b7er3p, 2px);
 }
 
-.awsui_filtering-match-highlight_1p2cx_6q2bx_228:not(#\9) {
+.awsui_filtering-match-highlight_1p2cx_1k1kz_226:not(#\9) {
   background-color: var(--color-background-dropdown-item-filter-match-nyh5xa, #f1faff);
   color: var(--color-text-dropdown-item-filter-match-45q4r4, #0073bb);
   font-weight: bold;
 }
 
-.awsui_disabled_1p2cx_6q2bx_143:not(#\9) {
+.awsui_disabled_1p2cx_1k1kz_141:not(#\9) {
   color: var(--color-text-dropdown-item-disabled-nf1b1j, #aab7b8);
   pointer-events: none;
 }
-.awsui_disabled_1p2cx_6q2bx_143 > .awsui_content_1p2cx_6q2bx_153 > .awsui_tags_1p2cx_6q2bx_191:not(#\9),
-.awsui_disabled_1p2cx_6q2bx_143 > .awsui_content_1p2cx_6q2bx_153 > .awsui_description_1p2cx_6q2bx_192:not(#\9) {
+.awsui_disabled_1p2cx_1k1kz_141 > .awsui_content_1p2cx_1k1kz_151 > .awsui_tags_1p2cx_1k1kz_189:not(#\9),
+.awsui_disabled_1p2cx_1k1kz_141 > .awsui_content_1p2cx_1k1kz_151 > .awsui_description_1p2cx_1k1kz_190:not(#\9) {
   color: currentColor;
 }
 
-.awsui_trigger-variant_1p2cx_6q2bx_243:not(#\9) {
+.awsui_trigger-variant_1p2cx_1k1kz_241:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/internal/template/internal/components/option/styles.selectors.js

@@ -2,22 +2,22 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "option": "awsui_option_1p2cx_6q2bx_103",
-  "disabled": "awsui_disabled_1p2cx_6q2bx_143",
-  "parent": "awsui_parent_1p2cx_6q2bx_146",
-  "highlighted": "awsui_highlighted_1p2cx_6q2bx_149",
-  "content": "awsui_content_1p2cx_6q2bx_153",
-  "label-content": "awsui_label-content_1p2cx_6q2bx_160",
-  "label": "awsui_label_1p2cx_6q2bx_160",
-  "tag": "awsui_tag_1p2cx_6q2bx_167",
-  "label-tag": "awsui_label-tag_1p2cx_6q2bx_168",
-  "label-prefix": "awsui_label-prefix_1p2cx_6q2bx_178",
-  "tags": "awsui_tags_1p2cx_6q2bx_191",
-  "description": "awsui_description_1p2cx_6q2bx_192",
-  "selected": "awsui_selected_1p2cx_6q2bx_203",
-  "icon": "awsui_icon_1p2cx_6q2bx_217",
-  "icon-size-big": "awsui_icon-size-big_1p2cx_6q2bx_224",
-  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_6q2bx_228",
-  "trigger-variant": "awsui_trigger-variant_1p2cx_6q2bx_243"
+  "option": "awsui_option_1p2cx_1k1kz_101",
+  "disabled": "awsui_disabled_1p2cx_1k1kz_141",
+  "parent": "awsui_parent_1p2cx_1k1kz_144",
+  "highlighted": "awsui_highlighted_1p2cx_1k1kz_147",
+  "content": "awsui_content_1p2cx_1k1kz_151",
+  "label-content": "awsui_label-content_1p2cx_1k1kz_158",
+  "label": "awsui_label_1p2cx_1k1kz_158",
+  "tag": "awsui_tag_1p2cx_1k1kz_165",
+  "label-tag": "awsui_label-tag_1p2cx_1k1kz_166",
+  "label-prefix": "awsui_label-prefix_1p2cx_1k1kz_176",
+  "tags": "awsui_tags_1p2cx_1k1kz_189",
+  "description": "awsui_description_1p2cx_1k1kz_190",
+  "selected": "awsui_selected_1p2cx_1k1kz_201",
+  "icon": "awsui_icon_1p2cx_1k1kz_215",
+  "icon-size-big": "awsui_icon-size-big_1p2cx_1k1kz_222",
+  "filtering-match-highlight": "awsui_filtering-match-highlight_1p2cx_1k1kz_226",
+  "trigger-variant": "awsui_trigger-variant_1p2cx_1k1kz_241"
 };
   

package/lib/internal/template/internal/components/options-list/styles.css.js

@@ -1,7 +1,7 @@
 
     import './styles.scoped.css';
     export default {
-  "options-list": "awsui_options-list_19gcf_1n6em_99",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_1n6em_149"
+  "options-list": "awsui_options-list_19gcf_1h07a_97",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_1h07a_147"
 };
   

package/lib/internal/template/internal/components/options-list/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,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
 */
-.awsui_options-list_19gcf_1n6em_99:not(#\9) {
+.awsui_options-list_19gcf_1h07a_97:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   margin-block: 0;
@@ -147,6 +145,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-dropdown-cw0ldi, 0px);
 }
 
-.awsui_decrease-block-margin_19gcf_1n6em_149:not(#\9) {
+.awsui_decrease-block-margin_19gcf_1h07a_147:not(#\9) {
   margin-block: -1px;
 }

package/lib/internal/template/internal/components/options-list/styles.selectors.js

@@ -2,7 +2,7 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "options-list": "awsui_options-list_19gcf_1n6em_99",
-  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_1n6em_149"
+  "options-list": "awsui_options-list_19gcf_1h07a_97",
+  "decrease-block-margin": "awsui_decrease-block-margin_19gcf_1h07a_147"
 };
   

package/lib/internal/template/internal/components/panel-resize-handle/styles.css.js

@@ -1,10 +1,10 @@
 
     import './styles.scoped.css';
     export default {
-  "slider": "awsui_slider_cqzlk_1fpww_99",
-  "slider-side": "awsui_slider-side_cqzlk_1fpww_134",
-  "slider-icon": "awsui_slider-icon_cqzlk_1fpww_141",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1fpww_147",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1fpww_151"
+  "slider": "awsui_slider_cqzlk_6afo5_97",
+  "slider-side": "awsui_slider-side_cqzlk_6afo5_132",
+  "slider-icon": "awsui_slider-icon_cqzlk_6afo5_139",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_6afo5_145",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_6afo5_149"
 };
   

package/lib/internal/template/internal/components/panel-resize-handle/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,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
 */
-.awsui_slider_cqzlk_1fpww_99:not(#\9) {
+.awsui_slider_cqzlk_6afo5_97:not(#\9) {
   padding-block: 0;
   padding-inline: 0;
   cursor: ns-resize;
@@ -106,17 +104,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: 16px;
   touch-action: none;
 }
-.awsui_slider_cqzlk_1fpww_99:not(#\9):focus {
+.awsui_slider_cqzlk_6afo5_97:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1fpww_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_6afo5_97:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1fpww_99:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_6afo5_97:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1fpww_99:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_6afo5_97:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -131,23 +129,23 @@ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1fpww_99:not(#\9):focus:
   box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
 }
 
-.awsui_slider-side_cqzlk_1fpww_134:not(#\9) {
+.awsui_slider-side_cqzlk_6afo5_132:not(#\9) {
   cursor: ew-resize;
   margin-block: 0;
   margin-inline-start: 2px;
   margin-inline-end: 0;
 }
 
-.awsui_slider-icon_cqzlk_1fpww_141:not(#\9) {
+.awsui_slider-icon_cqzlk_6afo5_139:not(#\9) {
   stroke: var(--color-text-interactive-default-dt26aj, #545b64);
 }
-.awsui_slider-icon_cqzlk_1fpww_141:not(#\9):hover {
+.awsui_slider-icon_cqzlk_6afo5_139:not(#\9):hover {
   stroke: var(--color-text-interactive-hover-7who0l, #16191f);
 }
-.awsui_slider-icon-bottom_cqzlk_1fpww_147:not(#\9) {
+.awsui_slider-icon-bottom_cqzlk_6afo5_145:not(#\9) {
   margin-block: auto;
   margin-inline: auto;
 }
-.awsui_slider-icon-side_cqzlk_1fpww_151:not(#\9) {
+.awsui_slider-icon-side_cqzlk_6afo5_149:not(#\9) {
   transform: rotate(90deg);
 }

package/lib/internal/template/internal/components/panel-resize-handle/styles.selectors.js

@@ -2,10 +2,10 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "slider": "awsui_slider_cqzlk_1fpww_99",
-  "slider-side": "awsui_slider-side_cqzlk_1fpww_134",
-  "slider-icon": "awsui_slider-icon_cqzlk_1fpww_141",
-  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1fpww_147",
-  "slider-icon-side": "awsui_slider-icon-side_cqzlk_1fpww_151"
+  "slider": "awsui_slider_cqzlk_6afo5_97",
+  "slider-side": "awsui_slider-side_cqzlk_6afo5_132",
+  "slider-icon": "awsui_slider-icon_cqzlk_6afo5_139",
+  "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_6afo5_145",
+  "slider-icon-side": "awsui_slider-icon-side_cqzlk_6afo5_149"
 };
   

package/lib/internal/template/internal/components/screenreader-only/styles.css.js

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

package/lib/internal/template/internal/components/screenreader-only/styles.scoped.css

@@ -2,8 +2,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/* stylelint-disable plugin/no-unsupported-browser-features */
-/* stylelint-enable plugin/no-unsupported-browser-features */
 /*
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
@@ -96,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
 */
-.awsui_root_xttbq_pgwjg_99:not(#\9) {
+.awsui_root_xttbq_1fuh1_97:not(#\9) {
   position: absolute !important;
   inset-block-start: -9999px !important;
   inset-inline-start: -9999px !important;