@cloudscape-design/components-themeable 3.0.323 → 3.0.325

package/lib/internal/template/grid/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["grid/internal.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, { ClassValue } from 'clsx';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport { getBaseProps } from '../internal/base-component';\nimport { Breakpoint, matchBreakpointMapping } from '../internal/breakpoints';\nimport { isDevelopment } from '../internal/is-development';\nimport * as logging from '../internal/logging';\nimport styles from './styles.css.js';\nimport { GridProps } from './interfaces';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\n\nexport interface InternalGridProps extends GridProps, InternalBaseComponentProps {\n  __breakpoint?: Breakpoint | null;\n\n  /**\n   * The handler that fires when the grid breakpoint changes.\n   */\n  __responsiveClassName?: (breakpoint: Breakpoint | null) => ClassValue;\n}\n\nconst InternalGrid = React.forwardRef(\n  (\n    {\n      __breakpoint,\n      gridDefinition = [],\n      disableGutters = false,\n      children,\n      __responsiveClassName,\n      __internalRootRef = null,\n      ...restProps\n    }: InternalGridProps,\n    ref: React.Ref<any>\n  ) => {\n    let [defaultBreakpoint, defaultRef]: [Breakpoint | null, React.Ref<any>] = useContainerBreakpoints(undefined);\n    if (__breakpoint !== undefined) {\n      defaultBreakpoint = __breakpoint;\n      defaultRef = ref;\n    }\n\n    const baseProps = getBaseProps(restProps);\n    /*\n   Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n   */\n    const flattenedChildren = flattenChildren(children);\n\n    if (isDevelopment) {\n      const columnCount = gridDefinition.length;\n      const childCount = flattenedChildren.length;\n      if (columnCount !== childCount) {\n        logging.warnOnce(\n          'Grid',\n          `The number of children (${childCount}) does not match the number of columns defined (${columnCount}).`\n        );\n      }\n    }\n\n    const mergedRef = useMergeRefs(defaultRef, __internalRootRef);\n\n    return (\n      <div\n        {...baseProps}\n        className={clsx(\n          styles.grid,\n          baseProps.className,\n          { [styles['no-gutters']]: disableGutters },\n          __responsiveClassName ? __responsiveClassName(defaultBreakpoint) : null\n        )}\n        ref={mergedRef}\n      >\n        {flattenedChildren.map((child, i) => {\n          // If this react child is a primitive value, the key will be undefined\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const key = (child as any).key;\n\n          return (\n            <div\n              key={key}\n              className={clsx(\n                styles['grid-column'],\n                getColumnClassNames('colspan', gridDefinition[i]?.colspan, defaultBreakpoint),\n                getColumnClassNames('offset', gridDefinition[i]?.offset, defaultBreakpoint),\n                getColumnClassNames('pull', gridDefinition[i]?.pull, defaultBreakpoint),\n                getColumnClassNames('push', gridDefinition[i]?.push, defaultBreakpoint)\n              )}\n            >\n              <div className={styles['restore-pointer-events']}>{child}</div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nfunction getColumnClassNames(\n  prop: string,\n  mapping: undefined | number | GridProps.BreakpointMapping,\n  breakpoint: Breakpoint | null\n): string | null {\n  if (typeof mapping === 'number') {\n    return styles[`${prop}-${mapping}`];\n  }\n  if (breakpoint === null || mapping === undefined) {\n    return null;\n  }\n  return styles[`${prop}-${matchBreakpointMapping(mapping, breakpoint)}`];\n}\n\nexport default InternalGrid;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["grid/internal.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, { ClassValue } from 'clsx';\nimport flattenChildren from 'react-keyed-flatten-children';\nimport { getBaseProps } from '../internal/base-component';\nimport { Breakpoint, matchBreakpointMapping } from '../internal/breakpoints';\nimport { isDevelopment } from '../internal/is-development';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport styles from './styles.css.js';\nimport { GridProps } from './interfaces';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\n\nexport interface InternalGridProps extends GridProps, InternalBaseComponentProps {\n  __breakpoint?: Breakpoint | null;\n\n  /**\n   * The handler that fires when the grid breakpoint changes.\n   */\n  __responsiveClassName?: (breakpoint: Breakpoint | null) => ClassValue;\n}\n\nconst InternalGrid = React.forwardRef(\n  (\n    {\n      __breakpoint,\n      gridDefinition = [],\n      disableGutters = false,\n      children,\n      __responsiveClassName,\n      __internalRootRef = null,\n      ...restProps\n    }: InternalGridProps,\n    ref: React.Ref<any>\n  ) => {\n    let [defaultBreakpoint, defaultRef]: [Breakpoint | null, React.Ref<any>] = useContainerBreakpoints(undefined);\n    if (__breakpoint !== undefined) {\n      defaultBreakpoint = __breakpoint;\n      defaultRef = ref;\n    }\n\n    const baseProps = getBaseProps(restProps);\n    /*\n   Flattening the children allows us to \"see through\" React Fragments and nested arrays.\n   */\n    const flattenedChildren = flattenChildren(children);\n\n    if (isDevelopment) {\n      const columnCount = gridDefinition.length;\n      const childCount = flattenedChildren.length;\n      if (columnCount !== childCount) {\n        warnOnce(\n          'Grid',\n          `The number of children (${childCount}) does not match the number of columns defined (${columnCount}).`\n        );\n      }\n    }\n\n    const mergedRef = useMergeRefs(defaultRef, __internalRootRef);\n\n    return (\n      <div\n        {...baseProps}\n        className={clsx(\n          styles.grid,\n          baseProps.className,\n          { [styles['no-gutters']]: disableGutters },\n          __responsiveClassName ? __responsiveClassName(defaultBreakpoint) : null\n        )}\n        ref={mergedRef}\n      >\n        {flattenedChildren.map((child, i) => {\n          // If this react child is a primitive value, the key will be undefined\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          const key = (child as any).key;\n\n          return (\n            <div\n              key={key}\n              className={clsx(\n                styles['grid-column'],\n                getColumnClassNames('colspan', gridDefinition[i]?.colspan, defaultBreakpoint),\n                getColumnClassNames('offset', gridDefinition[i]?.offset, defaultBreakpoint),\n                getColumnClassNames('pull', gridDefinition[i]?.pull, defaultBreakpoint),\n                getColumnClassNames('push', gridDefinition[i]?.push, defaultBreakpoint)\n              )}\n            >\n              <div className={styles['restore-pointer-events']}>{child}</div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n);\n\nfunction getColumnClassNames(\n  prop: string,\n  mapping: undefined | number | GridProps.BreakpointMapping,\n  breakpoint: Breakpoint | null\n): string | null {\n  if (typeof mapping === 'number') {\n    return styles[`${prop}-${mapping}`];\n  }\n  if (breakpoint === null || mapping === undefined) {\n    return null;\n  }\n  return styles[`${prop}-${matchBreakpointMapping(mapping, breakpoint)}`];\n}\n\nexport default InternalGrid;\n"]}

package/lib/internal/template/i18n/provider.js

@@ -4,7 +4,7 @@ import React, { useContext } from 'react';
 import IntlMessageFormat from 'intl-messageformat';
 import { InternalI18nContext } from './context';
 import { useTelemetry } from '../internal/hooks/use-telemetry';
-import { warnOnce } from '../internal/logging';
+import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
 /**
  * Context to send parent messages down to child I18nProviders. This isn't
  * included in the InternalI18nContext to avoid components from depending on

package/lib/internal/template/i18n/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sourceRoot":"lib/default/","sources":["i18n/provider.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\n\nimport React, { useContext } from 'react';\nimport IntlMessageFormat from 'intl-messageformat';\nimport { MessageFormatElement } from '@formatjs/icu-messageformat-parser';\n\nimport { InternalI18nContext, FormatFunction, CustomHandler } from './context';\nimport { useTelemetry } from '../internal/hooks/use-telemetry';\nimport { warnOnce } from '../internal/logging';\n\nexport interface I18nProviderProps {\n  messages: ReadonlyArray<I18nProviderProps.Messages>;\n  locale?: string;\n  children: React.ReactNode;\n}\n\nexport namespace I18nProviderProps {\n  export interface Messages {\n    [namespace: string]: {\n      [locale: string]: {\n        [component: string]: {\n          [key: string]: string | MessageFormatElement[];\n        };\n      };\n    };\n  }\n}\n\n/**\n * Context to send parent messages down to child I18nProviders. This isn't\n * included in the InternalI18nContext to avoid components from depending on\n * MessageFormatElement types.\n */\nconst I18nMessagesContext = React.createContext<I18nProviderProps.Messages>({});\n\nexport function I18nProvider({ messages: messagesArray, locale: providedLocale, children }: I18nProviderProps) {\n  useTelemetry('I18nProvider');\n\n  if (typeof document === 'undefined' && !providedLocale) {\n    warnOnce(\n      'I18nProvider',\n      'An explicit locale was not provided during server rendering. This can lead to a hydration mismatch on the client.'\n    );\n  }\n\n  // The provider accepts an array of configs. We merge parent messages and\n  // flatten the tree early on so that accesses by key are simpler and faster.\n  const parentMessages = useContext(I18nMessagesContext);\n  const messages = mergeMessages([parentMessages, ...messagesArray]);\n\n  let locale: string;\n  if (providedLocale) {\n    // If a locale is explicitly provided, use the string directly.\n    // Locales have a recommended case, but are matched case-insensitively,\n    // so we lowercase it internally.\n    locale = providedLocale.toLowerCase();\n  } else if (typeof document !== 'undefined' && document.documentElement.lang) {\n    // Otherwise, use the value provided in the HTML tag.\n    locale = document.documentElement.lang.toLowerCase();\n  } else {\n    // Lastly, fall back to English.\n    locale = 'en';\n  }\n\n  const format: FormatFunction = <ReturnValue, FormatFnArgs extends Record<string, string | number>>(\n    namespace: string,\n    component: string,\n    key: string,\n    provided: ReturnValue,\n    customHandler?: CustomHandler<ReturnValue, FormatFnArgs>\n  ): ReturnValue => {\n    // A general rule in the library is that undefined is basically\n    // treated as \"not provided\". So even if a user explicitly provides an\n    // undefined value, it will default to i18n values.\n    if (provided !== undefined) {\n      return provided;\n    }\n\n    // Widen the locale string (e.g. en-GB -> en) until we find a locale\n    // that contains the message we need.\n    let message: string | MessageFormatElement[] | undefined;\n    const matchableLocales = getMatchableLocales(locale);\n    for (const matchableLocale of matchableLocales) {\n      const localeMessage = messages?.[namespace]?.[matchableLocale]?.[component]?.[key];\n      if (localeMessage !== undefined) {\n        message = localeMessage;\n        break;\n      }\n    }\n\n    // If a message wasn't found, exit early.\n    if (message === undefined) {\n      return provided;\n    }\n\n    const intlMessageFormat = new IntlMessageFormat(message, locale);\n    if (customHandler) {\n      return customHandler(args => intlMessageFormat.format(args) as string);\n    }\n    // Assuming `T extends string` since a customHandler wasn't provided.\n    return intlMessageFormat.format() as ReturnValue;\n  };\n\n  return (\n    <InternalI18nContext.Provider value={{ locale, format }}>\n      <I18nMessagesContext.Provider value={messages}>{children}</I18nMessagesContext.Provider>\n    </InternalI18nContext.Provider>\n  );\n}\n\nfunction mergeMessages(sources: ReadonlyArray<I18nProviderProps.Messages>): I18nProviderProps.Messages {\n  const result: I18nProviderProps.Messages = {};\n  for (const messages of sources) {\n    for (const namespace in messages) {\n      if (!(namespace in result)) {\n        result[namespace] = {};\n      }\n      for (const casedLocale in messages[namespace]) {\n        const locale = casedLocale.toLowerCase();\n        if (!(locale in result[namespace])) {\n          result[namespace][locale] = {};\n        }\n        for (const component in messages[namespace][casedLocale]) {\n          if (!(component in result[namespace][locale])) {\n            result[namespace][locale][component] = {};\n          }\n          for (const key in messages[namespace][casedLocale][component]) {\n            result[namespace][locale][component][key] = messages[namespace][casedLocale][component][key];\n          }\n        }\n      }\n    }\n  }\n  return result;\n}\n\nfunction getMatchableLocales(ietfLanguageTag: string): string[] {\n  const parts = ietfLanguageTag.split('-');\n  if (parts.length === 1) {\n    return [ietfLanguageTag];\n  }\n\n  const localeStrings: string[] = [];\n  for (let i = parts.length; i > 0; i--) {\n    localeStrings.push(parts.slice(0, i).join('-'));\n  }\n  return localeStrings;\n}\n"]}
+{"version":3,"file":"provider.js","sourceRoot":"lib/default/","sources":["i18n/provider.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\n\nimport React, { useContext } from 'react';\nimport IntlMessageFormat from 'intl-messageformat';\nimport { MessageFormatElement } from '@formatjs/icu-messageformat-parser';\n\nimport { InternalI18nContext, FormatFunction, CustomHandler } from './context';\nimport { useTelemetry } from '../internal/hooks/use-telemetry';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface I18nProviderProps {\n  messages: ReadonlyArray<I18nProviderProps.Messages>;\n  locale?: string;\n  children: React.ReactNode;\n}\n\nexport namespace I18nProviderProps {\n  export interface Messages {\n    [namespace: string]: {\n      [locale: string]: {\n        [component: string]: {\n          [key: string]: string | MessageFormatElement[];\n        };\n      };\n    };\n  }\n}\n\n/**\n * Context to send parent messages down to child I18nProviders. This isn't\n * included in the InternalI18nContext to avoid components from depending on\n * MessageFormatElement types.\n */\nconst I18nMessagesContext = React.createContext<I18nProviderProps.Messages>({});\n\nexport function I18nProvider({ messages: messagesArray, locale: providedLocale, children }: I18nProviderProps) {\n  useTelemetry('I18nProvider');\n\n  if (typeof document === 'undefined' && !providedLocale) {\n    warnOnce(\n      'I18nProvider',\n      'An explicit locale was not provided during server rendering. This can lead to a hydration mismatch on the client.'\n    );\n  }\n\n  // The provider accepts an array of configs. We merge parent messages and\n  // flatten the tree early on so that accesses by key are simpler and faster.\n  const parentMessages = useContext(I18nMessagesContext);\n  const messages = mergeMessages([parentMessages, ...messagesArray]);\n\n  let locale: string;\n  if (providedLocale) {\n    // If a locale is explicitly provided, use the string directly.\n    // Locales have a recommended case, but are matched case-insensitively,\n    // so we lowercase it internally.\n    locale = providedLocale.toLowerCase();\n  } else if (typeof document !== 'undefined' && document.documentElement.lang) {\n    // Otherwise, use the value provided in the HTML tag.\n    locale = document.documentElement.lang.toLowerCase();\n  } else {\n    // Lastly, fall back to English.\n    locale = 'en';\n  }\n\n  const format: FormatFunction = <ReturnValue, FormatFnArgs extends Record<string, string | number>>(\n    namespace: string,\n    component: string,\n    key: string,\n    provided: ReturnValue,\n    customHandler?: CustomHandler<ReturnValue, FormatFnArgs>\n  ): ReturnValue => {\n    // A general rule in the library is that undefined is basically\n    // treated as \"not provided\". So even if a user explicitly provides an\n    // undefined value, it will default to i18n values.\n    if (provided !== undefined) {\n      return provided;\n    }\n\n    // Widen the locale string (e.g. en-GB -> en) until we find a locale\n    // that contains the message we need.\n    let message: string | MessageFormatElement[] | undefined;\n    const matchableLocales = getMatchableLocales(locale);\n    for (const matchableLocale of matchableLocales) {\n      const localeMessage = messages?.[namespace]?.[matchableLocale]?.[component]?.[key];\n      if (localeMessage !== undefined) {\n        message = localeMessage;\n        break;\n      }\n    }\n\n    // If a message wasn't found, exit early.\n    if (message === undefined) {\n      return provided;\n    }\n\n    const intlMessageFormat = new IntlMessageFormat(message, locale);\n    if (customHandler) {\n      return customHandler(args => intlMessageFormat.format(args) as string);\n    }\n    // Assuming `T extends string` since a customHandler wasn't provided.\n    return intlMessageFormat.format() as ReturnValue;\n  };\n\n  return (\n    <InternalI18nContext.Provider value={{ locale, format }}>\n      <I18nMessagesContext.Provider value={messages}>{children}</I18nMessagesContext.Provider>\n    </InternalI18nContext.Provider>\n  );\n}\n\nfunction mergeMessages(sources: ReadonlyArray<I18nProviderProps.Messages>): I18nProviderProps.Messages {\n  const result: I18nProviderProps.Messages = {};\n  for (const messages of sources) {\n    for (const namespace in messages) {\n      if (!(namespace in result)) {\n        result[namespace] = {};\n      }\n      for (const casedLocale in messages[namespace]) {\n        const locale = casedLocale.toLowerCase();\n        if (!(locale in result[namespace])) {\n          result[namespace][locale] = {};\n        }\n        for (const component in messages[namespace][casedLocale]) {\n          if (!(component in result[namespace][locale])) {\n            result[namespace][locale][component] = {};\n          }\n          for (const key in messages[namespace][casedLocale][component]) {\n            result[namespace][locale][component][key] = messages[namespace][casedLocale][component][key];\n          }\n        }\n      }\n    }\n  }\n  return result;\n}\n\nfunction getMatchableLocales(ietfLanguageTag: string): string[] {\n  const parts = ietfLanguageTag.split('-');\n  if (parts.length === 1) {\n    return [ietfLanguageTag];\n  }\n\n  const localeStrings: string[] = [];\n  for (let i = parts.length; i > 0; i--) {\n    localeStrings.push(parts.slice(0, i).join('-'));\n  }\n  return localeStrings;\n}\n"]}

package/lib/internal/template/icon/internal.js

@@ -4,7 +4,7 @@ import { __rest } from "tslib";
 import clsx from 'clsx';
 import React, { useLayoutEffect, useRef, useState } from 'react';
 import { getBaseProps } from '../internal/base-component';
-import { warnOnce } from '../internal/logging';
+import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
 import styles from './styles.css.js';
 import icons from './icons';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';

package/lib/internal/template/icon/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["icon/internal.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 clsx from 'clsx';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { warnOnce } from '../internal/logging';\nimport styles from './styles.css.js';\nimport icons from './icons';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { IconProps } from './interfaces';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\ntype InternalIconProps = IconProps &\n  InternalBaseComponentProps & {\n    badge?: boolean;\n  };\n\nfunction iconSizeMap(height: number | null) {\n  if (height === null) {\n    // This is the best guess for the contextual height while server rendering.\n    return 'normal';\n  }\n\n  if (height >= 50) {\n    return 'large';\n  } else if (height >= 36) {\n    return 'big';\n  } else if (height >= 24) {\n    return 'medium';\n  } else if (height <= 16) {\n    return 'small';\n  } else {\n    return 'normal';\n  }\n}\n\nconst InternalIcon = ({\n  name,\n  size = 'normal',\n  variant = 'normal',\n  url,\n  alt,\n  svg,\n  badge,\n  __internalRootRef = null,\n  ...props\n}: InternalIconProps) => {\n  const iconRef = useRef<HTMLElement>(null);\n  // To ensure a re-render is triggered on visual mode changes\n  useVisualRefresh();\n  const [parentHeight, setParentHeight] = useState<number | null>(null);\n  const contextualSize = size === 'inherit';\n  const iconSize = contextualSize ? iconSizeMap(parentHeight) : size;\n  const inlineStyles = contextualSize && parentHeight !== null ? { height: `${parentHeight}px` } : {};\n  const baseProps = getBaseProps(props);\n\n  baseProps.className = clsx(\n    baseProps.className,\n    styles.icon,\n    contextualSize && styles['icon-flex-height'],\n    badge && styles.badge,\n    !contextualSize && styles[`size-${iconSize}-mapped-height`],\n    styles[`size-${iconSize}`],\n    styles[`variant-${variant}`]\n  );\n\n  // Possible infinite loop is not a concern here because line\n  // height should not change without an external state update.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (!contextualSize || !iconRef.current) {\n      return;\n    }\n    const { lineHeight } = getComputedStyle(iconRef.current);\n    const newParentHeight = parseInt(lineHeight, 10);\n    setParentHeight(newParentHeight);\n  });\n\n  const mergedRef = useMergeRefs(iconRef, __internalRootRef);\n\n  if (svg) {\n    if (url) {\n      warnOnce(\n        'Icon',\n        'You have specified both `url` and `svg`. `svg` will take precedence and `url` will be ignored.'\n      );\n    }\n    return (\n      <span {...baseProps} ref={mergedRef} aria-hidden=\"true\" style={inlineStyles}>\n        {svg}\n      </span>\n    );\n  }\n\n  if (url) {\n    return (\n      <span {...baseProps} ref={mergedRef} style={inlineStyles}>\n        <img src={url} alt={alt} />\n      </span>\n    );\n  }\n\n  const validIcon = name && Object.prototype.hasOwnProperty.call(icons, name);\n\n  return (\n    <span\n      {...baseProps}\n      // dangerouslySetInnerHTML is safe here, as we control the content coming from `icons`\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={validIcon ? { __html: icons[name] } : undefined}\n      ref={mergedRef}\n      style={inlineStyles}\n    />\n  );\n};\n\nexport { InternalIconProps };\nexport default InternalIcon;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["icon/internal.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 clsx from 'clsx';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport styles from './styles.css.js';\nimport icons from './icons';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { IconProps } from './interfaces';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\ntype InternalIconProps = IconProps &\n  InternalBaseComponentProps & {\n    badge?: boolean;\n  };\n\nfunction iconSizeMap(height: number | null) {\n  if (height === null) {\n    // This is the best guess for the contextual height while server rendering.\n    return 'normal';\n  }\n\n  if (height >= 50) {\n    return 'large';\n  } else if (height >= 36) {\n    return 'big';\n  } else if (height >= 24) {\n    return 'medium';\n  } else if (height <= 16) {\n    return 'small';\n  } else {\n    return 'normal';\n  }\n}\n\nconst InternalIcon = ({\n  name,\n  size = 'normal',\n  variant = 'normal',\n  url,\n  alt,\n  svg,\n  badge,\n  __internalRootRef = null,\n  ...props\n}: InternalIconProps) => {\n  const iconRef = useRef<HTMLElement>(null);\n  // To ensure a re-render is triggered on visual mode changes\n  useVisualRefresh();\n  const [parentHeight, setParentHeight] = useState<number | null>(null);\n  const contextualSize = size === 'inherit';\n  const iconSize = contextualSize ? iconSizeMap(parentHeight) : size;\n  const inlineStyles = contextualSize && parentHeight !== null ? { height: `${parentHeight}px` } : {};\n  const baseProps = getBaseProps(props);\n\n  baseProps.className = clsx(\n    baseProps.className,\n    styles.icon,\n    contextualSize && styles['icon-flex-height'],\n    badge && styles.badge,\n    !contextualSize && styles[`size-${iconSize}-mapped-height`],\n    styles[`size-${iconSize}`],\n    styles[`variant-${variant}`]\n  );\n\n  // Possible infinite loop is not a concern here because line\n  // height should not change without an external state update.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (!contextualSize || !iconRef.current) {\n      return;\n    }\n    const { lineHeight } = getComputedStyle(iconRef.current);\n    const newParentHeight = parseInt(lineHeight, 10);\n    setParentHeight(newParentHeight);\n  });\n\n  const mergedRef = useMergeRefs(iconRef, __internalRootRef);\n\n  if (svg) {\n    if (url) {\n      warnOnce(\n        'Icon',\n        'You have specified both `url` and `svg`. `svg` will take precedence and `url` will be ignored.'\n      );\n    }\n    return (\n      <span {...baseProps} ref={mergedRef} aria-hidden=\"true\" style={inlineStyles}>\n        {svg}\n      </span>\n    );\n  }\n\n  if (url) {\n    return (\n      <span {...baseProps} ref={mergedRef} style={inlineStyles}>\n        <img src={url} alt={alt} />\n      </span>\n    );\n  }\n\n  const validIcon = name && Object.prototype.hasOwnProperty.call(icons, name);\n\n  return (\n    <span\n      {...baseProps}\n      // dangerouslySetInnerHTML is safe here, as we control the content coming from `icons`\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={validIcon ? { __html: icons[name] } : undefined}\n      ref={mergedRef}\n      style={inlineStyles}\n    />\n  );\n};\n\nexport { InternalIconProps };\nexport default InternalIcon;\n"]}

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

@@ -1,17 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2rhyz_1t9e3_93",
-  "input": "awsui_input_2rhyz_1t9e3_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_1t9e3_120",
-  "input-invalid": "awsui_input-invalid_2rhyz_1t9e3_181",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1t9e3_192",
-  "input-type-search": "awsui_input-type-search_2rhyz_1t9e3_197",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1t9e3_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1t9e3_216",
-  "input-container": "awsui_input-container_2rhyz_1t9e3_220",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_1t9e3_225",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_1t9e3_232",
-  "input-button-right": "awsui_input-button-right_2rhyz_1t9e3_238"
+  "root": "awsui_root_2rhyz_1pp0p_93",
+  "input": "awsui_input_2rhyz_1pp0p_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_1pp0p_120",
+  "input-invalid": "awsui_input-invalid_2rhyz_1pp0p_181",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1pp0p_192",
+  "input-type-search": "awsui_input-type-search_2rhyz_1pp0p_197",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1pp0p_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1pp0p_216",
+  "input-container": "awsui_input-container_2rhyz_1pp0p_220",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1pp0p_225",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1pp0p_232",
+  "input-button-right": "awsui_input-button-right_2rhyz_1pp0p_238"
 };
   

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

@@ -90,11 +90,11 @@ 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_2rhyz_1t9e3_93:not(#\9) {
+.awsui_root_2rhyz_1pp0p_93:not(#\9) {
   /* used in test-utils for component to distinguish input from other input-like components, for example autosuggest */
 }
 
-.awsui_input_2rhyz_1t9e3_97:not(#\9) {
+.awsui_input_2rhyz_1pp0p_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -138,75 +138,75 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
   background-color: var(--color-background-input-default-16mzof, #ffffff);
   border-radius: var(--border-radius-input-gfayl6, 2px);
-  border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-default-481bu3, #879596);
+  border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-default-3zchtj, #687078);
   font-size: var(--font-body-m-size-0qqejn, 14px);
   line-height: var(--font-body-m-line-height-9vkzhc, 22px);
   height: var(--size-vertical-input-yg5yti, 32px);
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-readonly_2rhyz_1t9e3_120:not(#\9) {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-readonly_2rhyz_1pp0p_120:not(#\9) {
   background-color: var(--color-background-input-default-16mzof, #ffffff);
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-disabled-4rrzz6, #eaeded);
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9)::-webkit-input-placeholder {
+.awsui_input_2rhyz_1pp0p_97:not(#\9)::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9)::-ms-input-placeholder {
+.awsui_input_2rhyz_1pp0p_97:not(#\9)::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9)::-moz-placeholder {
+.awsui_input_2rhyz_1pp0p_97:not(#\9)::-moz-placeholder {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9):-ms-input-placeholder {
+.awsui_input_2rhyz_1pp0p_97:not(#\9):-ms-input-placeholder {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9):-moz-placeholder {
+.awsui_input_2rhyz_1pp0p_97:not(#\9):-moz-placeholder {
   color: var(--color-text-input-placeholder-j38kg2, #687078);
   font-style: italic;
   opacity: 1;
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9):focus {
+.awsui_input_2rhyz_1pp0p_97:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-item-focused-4clyb1, #0073bb);
   border-radius: var(--border-radius-input-gfayl6, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-qycpr2, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9):disabled {
+.awsui_input_2rhyz_1pp0p_97:not(#\9):disabled {
   background-color: var(--color-background-input-disabled-izitmw, #eaeded);
   border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-disabled-4rrzz6, #eaeded);
   color: var(--color-text-input-disabled-w14lvq, #879596);
   cursor: auto;
   cursor: default;
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9):disabled::-webkit-input-placeholder {
+.awsui_input_2rhyz_1pp0p_97:not(#\9):disabled::-webkit-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9):disabled::-ms-input-placeholder {
+.awsui_input_2rhyz_1pp0p_97:not(#\9):disabled::-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9):disabled::-moz-placeholder {
+.awsui_input_2rhyz_1pp0p_97:not(#\9):disabled::-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9):disabled:-ms-input-placeholder {
+.awsui_input_2rhyz_1pp0p_97:not(#\9):disabled:-ms-input-placeholder {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9):disabled:-moz-placeholder {
+.awsui_input_2rhyz_1pp0p_97:not(#\9):disabled:-moz-placeholder {
   color: var(--color-text-input-placeholder-disabled-x5vuev, #687078);
   opacity: 1;
 }
-.awsui_input_2rhyz_1t9e3_97:not(#\9):invalid {
+.awsui_input_2rhyz_1pp0p_97:not(#\9):invalid {
   box-shadow: none;
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-invalid_2rhyz_1t9e3_181:not(#\9) {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-invalid_2rhyz_1pp0p_181:not(#\9) {
   color: var(--color-text-status-error-6ntion, #d13212);
   border-color: var(--color-text-status-error-6ntion, #d13212);
   padding-left: calc(
@@ -214,55 +214,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 );
   border-left-width: var(--border-invalid-width-6tnuc9, 4px);
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-invalid_2rhyz_1t9e3_181:not(#\9):focus {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-invalid_2rhyz_1pp0p_181:not(#\9):focus {
   box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-56jreh, 1px) var(--color-border-item-focused-4clyb1, #0073bb);
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-invalid_2rhyz_1t9e3_181.awsui_input-has-icon-left_2rhyz_1t9e3_192:not(#\9) {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-invalid_2rhyz_1pp0p_181.awsui_input-has-icon-left_2rhyz_1pp0p_192:not(#\9) {
   padding-left: calc(
         var(--space-field-icon-offset-v49om3, 32px) - (var(--border-invalid-width-6tnuc9, 4px) - var(--border-field-width-gmdyxy, 1px))
       );
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-type-search_2rhyz_1t9e3_197:not(#\9) {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-type-search_2rhyz_1pp0p_197:not(#\9) {
   box-sizing: border-box;
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-type-search_2rhyz_1t9e3_197:not(#\9)::-ms-clear {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-type-search_2rhyz_1pp0p_197:not(#\9)::-ms-clear {
   display: none;
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-type-search_2rhyz_1t9e3_197:not(#\9)::-webkit-search-decoration {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-type-search_2rhyz_1pp0p_197:not(#\9)::-webkit-search-decoration {
   -webkit-appearance: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-type-search_2rhyz_1t9e3_197:not(#\9)::-webkit-search-cancel-button {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-type-search_2rhyz_1pp0p_197:not(#\9)::-webkit-search-cancel-button {
   display: none;
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-has-icon-left_2rhyz_1t9e3_192:not(#\9) {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-has-icon-left_2rhyz_1pp0p_192:not(#\9) {
   padding-left: var(--space-field-icon-offset-v49om3, 32px);
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-has-icon-right_2rhyz_1t9e3_213:not(#\9) {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-has-icon-right_2rhyz_1pp0p_213:not(#\9) {
   padding-right: var(--space-field-icon-offset-v49om3, 32px);
 }
-.awsui_input_2rhyz_1t9e3_97.awsui_input-has-no-border-radius_2rhyz_1t9e3_216:not(#\9) {
+.awsui_input_2rhyz_1pp0p_97.awsui_input-has-no-border-radius_2rhyz_1pp0p_216:not(#\9) {
   border-radius: var(--border-radius-dropdown-svczfv, 0px);
 }
 
-.awsui_input-container_2rhyz_1t9e3_220:not(#\9) {
+.awsui_input-container_2rhyz_1pp0p_220:not(#\9) {
   display: flex;
   position: relative;
 }
 
-.awsui_input-icon-left_2rhyz_1t9e3_225:not(#\9) {
+.awsui_input-icon-left_2rhyz_1pp0p_225:not(#\9) {
   position: absolute;
   pointer-events: none;
   left: var(--space-field-horizontal-xg7uom, 8px);
   top: calc(50% - var(--font-body-m-line-height-9vkzhc, 22px) / 2);
 }
 
-.awsui_input-icon-right_2rhyz_1t9e3_232:not(#\9) {
+.awsui_input-icon-right_2rhyz_1pp0p_232:not(#\9) {
   position: absolute;
   top: calc(50% - var(--font-body-m-line-height-9vkzhc, 22px) / 2);
   right: calc(var(--space-field-horizontal-xg7uom, 8px) - var(--space-xxs-xx079q, 4px));
 }
 
-.awsui_input-button-right_2rhyz_1t9e3_238:not(#\9) {
+.awsui_input-button-right_2rhyz_1pp0p_238:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,17 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_2rhyz_1t9e3_93",
-  "input": "awsui_input_2rhyz_1t9e3_97",
-  "input-readonly": "awsui_input-readonly_2rhyz_1t9e3_120",
-  "input-invalid": "awsui_input-invalid_2rhyz_1t9e3_181",
-  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1t9e3_192",
-  "input-type-search": "awsui_input-type-search_2rhyz_1t9e3_197",
-  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1t9e3_213",
-  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1t9e3_216",
-  "input-container": "awsui_input-container_2rhyz_1t9e3_220",
-  "input-icon-left": "awsui_input-icon-left_2rhyz_1t9e3_225",
-  "input-icon-right": "awsui_input-icon-right_2rhyz_1t9e3_232",
-  "input-button-right": "awsui_input-button-right_2rhyz_1t9e3_238"
+  "root": "awsui_root_2rhyz_1pp0p_93",
+  "input": "awsui_input_2rhyz_1pp0p_97",
+  "input-readonly": "awsui_input-readonly_2rhyz_1pp0p_120",
+  "input-invalid": "awsui_input-invalid_2rhyz_1pp0p_181",
+  "input-has-icon-left": "awsui_input-has-icon-left_2rhyz_1pp0p_192",
+  "input-type-search": "awsui_input-type-search_2rhyz_1pp0p_197",
+  "input-has-icon-right": "awsui_input-has-icon-right_2rhyz_1pp0p_213",
+  "input-has-no-border-radius": "awsui_input-has-no-border-radius_2rhyz_1pp0p_216",
+  "input-container": "awsui_input-container_2rhyz_1pp0p_220",
+  "input-icon-left": "awsui_input-icon-left_2rhyz_1pp0p_225",
+  "input-icon-right": "awsui_input-icon-right_2rhyz_1pp0p_232",
+  "input-button-right": "awsui_input-button-right_2rhyz_1pp0p_238"
 };
   

package/lib/internal/template/internal/base-component/styles.scoped.css

@@ -235,7 +235,7 @@
   --color-border-container-divider-b2ream:#eaeded;
   --color-border-container-top-1t94bd:#eaeded;
   --color-border-control-checked-miuk2h:#0073bb;
-  --color-border-control-default-f54s88:#879596;
+  --color-border-control-default-zx2mvl:#687078;
   --color-border-control-disabled-p74xpm:#d5dbdb;
   --color-border-divider-active-w8jlsh:#687078;
   --color-border-divider-default-uqjcpn:#eaeded;
@@ -247,7 +247,8 @@
   --color-border-dropdown-item-hover-jn30h1:#879596;
   --color-border-dropdown-item-dimmed-hover-ffe22s:#879596;
   --color-border-dropdown-item-top-xaio9x:#eaeded;
-  --color-border-input-default-481bu3:#879596;
+  --color-border-editable-cell-hover-oi7qcj:#879596;
+  --color-border-input-default-3zchtj:#687078;
   --color-border-input-disabled-4rrzz6:#eaeded;
   --color-border-item-focused-4clyb1:#0073bb;
   --color-border-item-placeholder-ohwyrb:transparent;
@@ -273,6 +274,7 @@
   --color-foreground-control-disabled-7tx8eg:#ffffff;
   --color-shadow-default-bkdge5:rgba(0, 28, 36, 0.5);
   --color-shadow-layout-toggle-67ezos:#d5dbdb;
+  --color-stroke-chart-line-sahr4b:#879596;
   --color-text-accent-exu66k:#0073bb;
   --color-text-body-default-fckvk9:#16191f;
   --color-text-body-secondary-vrqm14:#545b64;
@@ -820,12 +822,14 @@
     --color-border-container-divider-b2ream:#414750;
     --color-border-container-top-1t94bd:#2a2e33;
     --color-border-control-checked-miuk2h:#00a1c9;
+    --color-border-control-default-zx2mvl:#879596;
     --color-border-control-disabled-p74xpm:#414750;
     --color-border-divider-default-uqjcpn:#414750;
     --color-border-divider-panel-bottom-l65byr:rgba(0, 0, 0, 0.3);
     --color-border-dropdown-group-5ahp44:#414750;
     --color-border-dropdown-item-default-enmspa:#414750;
     --color-border-dropdown-item-top-xaio9x:#414750;
+    --color-border-input-default-3zchtj:#879596;
     --color-border-input-disabled-4rrzz6:#414750;
     --color-border-item-focused-4clyb1:#00a1c9;
     --color-border-item-selected-044zoh:#00a1c9;
@@ -1092,12 +1096,14 @@
   --color-border-container-divider-b2ream:#414750;
   --color-border-container-top-1t94bd:#2a2e33;
   --color-border-control-checked-miuk2h:#00a1c9;
+  --color-border-control-default-zx2mvl:#879596;
   --color-border-control-disabled-p74xpm:#414750;
   --color-border-divider-default-uqjcpn:#414750;
   --color-border-divider-panel-bottom-l65byr:rgba(0, 0, 0, 0.3);
   --color-border-dropdown-group-5ahp44:#414750;
   --color-border-dropdown-item-default-enmspa:#414750;
   --color-border-dropdown-item-top-xaio9x:#414750;
+  --color-border-input-default-3zchtj:#879596;
   --color-border-input-disabled-4rrzz6:#414750;
   --color-border-item-focused-4clyb1:#00a1c9;
   --color-border-item-selected-044zoh:#00a1c9;
@@ -1284,7 +1290,7 @@
   --color-border-container-divider-b2ream:transparent;
   --color-border-container-top-1t94bd:transparent;
   --color-border-control-checked-miuk2h:#0972d3;
-  --color-border-control-default-f54s88:#7d8998;
+  --color-border-control-default-zx2mvl:#7d8998;
   --color-border-control-disabled-p74xpm:#d1d5db;
   --color-border-divider-active-w8jlsh:#000716;
   --color-border-divider-default-uqjcpn:#e9ebed;
@@ -1296,7 +1302,8 @@
   --color-border-dropdown-item-hover-jn30h1:#7d8998;
   --color-border-dropdown-item-dimmed-hover-ffe22s:#7d8998;
   --color-border-dropdown-item-top-xaio9x:transparent;
-  --color-border-input-default-481bu3:#7d8998;
+  --color-border-editable-cell-hover-oi7qcj:#7d8998;
+  --color-border-input-default-3zchtj:#7d8998;
   --color-border-input-disabled-4rrzz6:#e9ebed;
   --color-border-item-focused-4clyb1:#0972d3;
   --color-border-item-placeholder-ohwyrb:#0972d3;
@@ -1320,6 +1327,7 @@
   --color-border-tutorial-9o8gmz:#d1d5db;
   --color-shadow-default-bkdge5:rgba(0, 7, 22, 0.12);
   --color-shadow-layout-toggle-67ezos:#d1d5db;
+  --color-stroke-chart-line-sahr4b:#7d8998;
   --color-text-accent-exu66k:#0972d3;
   --color-text-body-default-fckvk9:#000716;
   --color-text-body-secondary-vrqm14:#414d5c;
@@ -1632,7 +1640,8 @@
     --color-border-dropdown-group-5ahp44:#414d5c;
     --color-border-dropdown-item-default-enmspa:#414d5c;
     --color-border-dropdown-item-hover-jn30h1:#5f6b7a;
-    --color-border-input-default-481bu3:#5f6b7a;
+    --color-border-editable-cell-hover-oi7qcj:#5f6b7a;
+    --color-border-input-default-3zchtj:#5f6b7a;
     --color-border-input-disabled-4rrzz6:#192534;
     --color-border-item-focused-4clyb1:#539fe5;
     --color-border-item-placeholder-ohwyrb:#539fe5;
@@ -1877,6 +1886,7 @@
   --color-border-container-divider-b2ream:transparent;
   --color-border-container-top-1t94bd:transparent;
   --color-border-control-checked-miuk2h:#539fe5;
+  --color-border-control-default-zx2mvl:#7d8998;
   --color-border-control-disabled-p74xpm:#354150;
   --color-border-divider-active-w8jlsh:#fbfbfb;
   --color-border-divider-default-uqjcpn:#414d5c;
@@ -1887,7 +1897,8 @@
   --color-border-dropdown-item-default-enmspa:#414d5c;
   --color-border-dropdown-item-hover-jn30h1:#5f6b7a;
   --color-border-dropdown-item-top-xaio9x:transparent;
-  --color-border-input-default-481bu3:#5f6b7a;
+  --color-border-editable-cell-hover-oi7qcj:#5f6b7a;
+  --color-border-input-default-3zchtj:#5f6b7a;
   --color-border-input-disabled-4rrzz6:#192534;
   --color-border-item-focused-4clyb1:#539fe5;
   --color-border-item-placeholder-ohwyrb:#539fe5;
@@ -2071,7 +2082,8 @@
   --color-border-dropdown-group-5ahp44:#414d5c;
   --color-border-dropdown-item-default-enmspa:#414d5c;
   --color-border-dropdown-item-hover-jn30h1:#5f6b7a;
-  --color-border-input-default-481bu3:#5f6b7a;
+  --color-border-editable-cell-hover-oi7qcj:#5f6b7a;
+  --color-border-input-default-3zchtj:#5f6b7a;
   --color-border-input-disabled-4rrzz6:#192534;
   --color-border-item-focused-4clyb1:#539fe5;
   --color-border-item-placeholder-ohwyrb:#539fe5;
@@ -2255,7 +2267,8 @@
   --color-border-dropdown-group-5ahp44:#414d5c;
   --color-border-dropdown-item-default-enmspa:#414d5c;
   --color-border-dropdown-item-hover-jn30h1:#5f6b7a;
-  --color-border-input-default-481bu3:#5f6b7a;
+  --color-border-editable-cell-hover-oi7qcj:#5f6b7a;
+  --color-border-input-default-3zchtj:#5f6b7a;
   --color-border-input-disabled-4rrzz6:#192534;
   --color-border-item-focused-4clyb1:#539fe5;
   --color-border-item-placeholder-ohwyrb:#539fe5;
@@ -2451,7 +2464,8 @@
   --color-border-dropdown-group-5ahp44:#414d5c;
   --color-border-dropdown-item-default-enmspa:#414d5c;
   --color-border-dropdown-item-hover-jn30h1:#5f6b7a;
-  --color-border-input-default-481bu3:#5f6b7a;
+  --color-border-editable-cell-hover-oi7qcj:#5f6b7a;
+  --color-border-input-default-3zchtj:#5f6b7a;
   --color-border-input-disabled-4rrzz6:#192534;
   --color-border-item-focused-4clyb1:#539fe5;
   --color-border-item-placeholder-ohwyrb:#539fe5;
@@ -2722,7 +2736,8 @@
   --color-border-dropdown-group-5ahp44:#414d5c;
   --color-border-dropdown-item-default-enmspa:#414d5c;
   --color-border-dropdown-item-hover-jn30h1:#5f6b7a;
-  --color-border-input-default-481bu3:#5f6b7a;
+  --color-border-editable-cell-hover-oi7qcj:#5f6b7a;
+  --color-border-input-default-3zchtj:#5f6b7a;
   --color-border-input-disabled-4rrzz6:#192534;
   --color-border-item-focused-4clyb1:#fbfbfb;
   --color-border-item-placeholder-ohwyrb:#539fe5;
@@ -2905,7 +2920,8 @@
   --color-border-dropdown-group-5ahp44:#414d5c;
   --color-border-dropdown-item-default-enmspa:#414d5c;
   --color-border-dropdown-item-hover-jn30h1:#5f6b7a;
-  --color-border-input-default-481bu3:#5f6b7a;
+  --color-border-editable-cell-hover-oi7qcj:#5f6b7a;
+  --color-border-input-default-3zchtj:#5f6b7a;
   --color-border-input-disabled-4rrzz6:#192534;
   --color-border-item-focused-4clyb1:#fbfbfb;
   --color-border-item-placeholder-ohwyrb:#539fe5;

package/lib/internal/template/internal/components/button-trigger/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_pl8h6_97",
-  "arrow": "awsui_arrow_18eso_pl8h6_97",
-  "has-caret": "awsui_has-caret_18eso_pl8h6_137",
-  "placeholder": "awsui_placeholder_18eso_pl8h6_140",
-  "pressed": "awsui_pressed_18eso_pl8h6_153",
-  "disabled": "awsui_disabled_18eso_pl8h6_156",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_pl8h6_165",
-  "read-only": "awsui_read-only_18eso_pl8h6_171",
-  "invalid": "awsui_invalid_18eso_pl8h6_188"
+  "button-trigger": "awsui_button-trigger_18eso_kczo4_97",
+  "arrow": "awsui_arrow_18eso_kczo4_97",
+  "has-caret": "awsui_has-caret_18eso_kczo4_137",
+  "placeholder": "awsui_placeholder_18eso_kczo4_140",
+  "pressed": "awsui_pressed_18eso_kczo4_153",
+  "disabled": "awsui_disabled_18eso_kczo4_156",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_kczo4_165",
+  "read-only": "awsui_read-only_18eso_kczo4_171",
+  "invalid": "awsui_invalid_18eso_kczo4_188"
 };