npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1329 → 3.0.1331 - Mend

@cloudscape-design/components-themeable 3.0.1329 → 3.0.1331

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (323) hide show

package/lib/internal/template/table/use-column-widths.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-column-widths.js","sourceRoot":"","sources":["../../../src/table/use-column-widths.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, { createContext, useContext, useEffect, useRef, useState } from 'react';\n\nimport { useResizeObserver, useStableCallback } from '@cloudscape-design/component-toolkit/internal';\nimport { getLogicalBoundingClientRect } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ColumnWidthStyle, setElementWidths } from './column-widths-utils';\n\nexport const DEFAULT_COLUMN_WIDTH = 120;\n\nexport interface ColumnWidthDefinition extends ColumnWidthStyle {\n id: PropertyKey;\n}\n\nfunction readWidths(\n getCell: (columnId: PropertyKey) => null \| HTMLElement,\n visibleColumns: readonly ColumnWidthDefinition[]\n) {\n const result = new Map<PropertyKey, number>();\n for (let index = 0; index < visibleColumns.length; index++) {\n const column = visibleColumns[index];\n let width = (column.width as number) \|\| 0;\n const minWidth = (column.minWidth as number) \|\| width \|\| DEFAULT_COLUMN_WIDTH;\n if (\n !width && // read width from the DOM if it is missing in the config\n index !== visibleColumns.length - 1 // skip reading for the last column, because it expands to fully fit the container\n ) {\n const colEl = getCell(column.id);\n width = colEl ? getLogicalBoundingClientRect(colEl).inlineSize : DEFAULT_COLUMN_WIDTH;\n }\n result.set(column.id, Math.max(width, minWidth));\n }\n return result;\n}\n\nfunction updateWidths(\n visibleColumns: readonly ColumnWidthDefinition[],\n oldWidths: Map<PropertyKey, number>,\n newWidth: number,\n columnId: PropertyKey\n): Map<PropertyKey, number> {\n const column = visibleColumns.find(column => column.id === columnId);\n let minWidth = DEFAULT_COLUMN_WIDTH;\n if (typeof column?.width === 'number' && column.width < DEFAULT_COLUMN_WIDTH) {\n minWidth = column?.width;\n }\n if (typeof column?.minWidth === 'number') {\n minWidth = column?.minWidth;\n }\n newWidth = Math.max(newWidth, minWidth);\n if (oldWidths.get(columnId) === newWidth) {\n return oldWidths;\n }\n const newWidths = new Map(oldWidths);\n newWidths.set(columnId, newWidth);\n return newWidths;\n}\n\ninterface WidthsContext {\n getColumnStyles(sticky: boolean, columnId: PropertyKey): ColumnWidthStyle;\n columnWidths: Map<PropertyKey, number>;\n updateColumn: (columnId: PropertyKey, newWidth: number) => void;\n updateGroup: (groupId: PropertyKey, newWidth: number) => void;\n setCell: (sticky: boolean, columnId: PropertyKey, node: null \| HTMLElement) => void;\n setCol: (columnId: PropertyKey, node: null \| HTMLElement) => void;\n}\n\nconst WidthsContext = createContext<WidthsContext>({\n getColumnStyles: () => ({}),\n columnWidths: new Map(),\n updateColumn: () => {},\n updateGroup: () => {},\n setCell: () => {},\n setCol: () => {},\n});\n\ninterface WidthProviderProps {\n visibleColumns: readonly ColumnWidthDefinition[];\n resizableColumns: boolean \| undefined;\n containerRef: React.RefObject<HTMLElement>;\n children: React.ReactNode;\n groupColumnMap?: Map<string, string[]>;\n}\n\nexport function ColumnWidthsProvider({\n visibleColumns,\n resizableColumns,\n containerRef,\n groupColumnMap,\n children,\n}: WidthProviderProps) {\n const visibleColumnsRef = useRef<PropertyKey[] \| null>(null);\n const containerWidthRef = useRef(0);\n const [columnWidths, setColumnWidths] = useState<null \| Map<PropertyKey, number>>(null);\n\n const cellsRef = useRef(new Map<PropertyKey, HTMLElement>());\n const stickyCellsRef = useRef(new Map<PropertyKey, HTMLElement>());\n const colsRef = useRef(new Map<PropertyKey, HTMLElement>());\n const hasColElements = useRef(false);\n const getCell = (columnId: PropertyKey): null \| HTMLElement => cellsRef.current.get(columnId) ?? null;\n const setCell = (sticky: boolean, columnId: PropertyKey, node: null \| HTMLElement) => {\n const ref = sticky ? stickyCellsRef : cellsRef;\n if (node) {\n ref.current.set(columnId, node);\n } else {\n ref.current.delete(columnId);\n }\n };\n const setCol = (columnId: PropertyKey, node: null \| HTMLElement) => {\n if (node) {\n colsRef.current.set(columnId, node);\n hasColElements.current = true;\n } else {\n colsRef.current.delete(columnId);\n hasColElements.current = colsRef.current.size > 0;\n }\n };\n\n const getColumnStyles = (sticky: boolean, columnId: PropertyKey): ColumnWidthStyle => {\n const column = visibleColumns.find(col => col.id === columnId);\n\n if (sticky) {\n // For sticky headers, mirror the primary cell's width.\n // Try DOM measurement first (handles columns not in visibleColumns like selection).\n const measured = cellsRef.current.get(columnId)?.getBoundingClientRect().width;\n /* istanbul ignore next: getBoundingClientRect returns 0 in JSDOM */\n if (measured) {\n return { width: measured };\n }\n return { width: columnWidths?.get(columnId) ?? column?.width };\n }\n\n if (!column) {\n return {};\n }\n\n if (resizableColumns && columnWidths) {\n const isLastColumn = column.id === visibleColumns[visibleColumns.length - 1]?.id;\n const totalWidth = visibleColumns.reduce(\n (sum, { id }) => sum + (columnWidths.get(id) \|\| DEFAULT_COLUMN_WIDTH),\n 0\n );\n if (isLastColumn && containerWidthRef.current > totalWidth) {\n return { width: 'auto', minWidth: column.minWidth };\n }\n return { width: columnWidths.get(column.id), minWidth: column.minWidth };\n }\n\n return {\n width: column.width,\n minWidth: column.minWidth,\n maxWidth: !resizableColumns ? column.maxWidth : undefined,\n };\n };\n\n // Imperatively sets width style for a cell avoiding React state.\n // This allows setting the style as soon container's size change is observed.\n const updateColumnWidths = useStableCallback(() => {\n // When col elements exist (grouped columns), apply widths to <col> elements.\n // With table-layout:fixed, <col> widths control the actual column widths.\n if (hasColElements.current) {\n for (const { id } of visibleColumns) {\n const colElement = colsRef.current.get(id);\n if (colElement) {\n setElementWidths(colElement, getColumnStyles(false, id));\n }\n const element = cellsRef.current.get(id);\n if (element) {\n setElementWidths(element, getColumnStyles(false, id));\n }\n }\n } else {\n for (const { id } of visibleColumns) {\n const element = cellsRef.current.get(id);\n if (element) {\n setElementWidths(element, getColumnStyles(false, id));\n }\n }\n }\n\n // Sticky column widths must always be synchronized regardless of columnWidths state.\n for (const { id } of visibleColumns) {\n const element = stickyCellsRef.current.get(id);\n if (element) {\n setElementWidths(element, getColumnStyles(true, id));\n }\n }\n });\n\n // Observes container size and requests an update to the last cell width as it depends on the container's width.\n useResizeObserver(containerRef, ({ contentBoxWidth: containerWidth }) => {\n containerWidthRef.current = containerWidth;\n requestAnimationFrame(() => updateColumnWidths());\n });\n\n // The widths of the dynamically added columns (after the first render) if not set explicitly\n // will default to the DEFAULT_COLUMN_WIDTH.\n useEffect(() => {\n updateColumnWidths();\n\n if (!resizableColumns) {\n return;\n }\n let updated = false;\n const newColumnWidths = new Map(columnWidths);\n const lastVisible = visibleColumnsRef.current;\n if (lastVisible) {\n for (let index = 0; index < visibleColumns.length; index++) {\n const column = visibleColumns[index];\n if (!columnWidths?.get(column.id) && lastVisible.indexOf(column.id) === -1) {\n updated = true;\n const width = (column.width as number) \|\| DEFAULT_COLUMN_WIDTH;\n const minWidth = (column.minWidth as number) \|\| width;\n newColumnWidths.set(column.id, Math.max(width, minWidth));\n }\n }\n if (updated) {\n setColumnWidths(newColumnWidths);\n }\n }\n visibleColumnsRef.current = visibleColumns.map(column => column.id);\n }, [columnWidths, resizableColumns, visibleColumns, updateColumnWidths]);\n\n // Read the actual column widths after the first render to employ the browser defaults for\n // those columns without explicit width.\n useEffect(() => {\n if (!resizableColumns) {\n return;\n }\n setColumnWidths(() => readWidths(getCell, visibleColumns));\n // This code is intended to run only at the first render and should not re-run when table props change\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n function updateColumn(columnId: PropertyKey, newWidth: number) {\n setColumnWidths(columnWidths => updateWidths(visibleColumns, columnWidths ?? new Map(), newWidth, columnId));\n }\n\n function updateGroup(groupId: PropertyKey, newGroupWidth: number) {\n if (!columnWidths \|\| !groupColumnMap) {\n return;\n }\n\n const columnIds = groupColumnMap.get(String(groupId)) ?? [];\n const rightmostColumn = columnIds[columnIds.length - 1];\n if (!rightmostColumn) {\n return;\n }\n\n let currentGroupWidth = 0;\n for (const id of columnIds) {\n currentGroupWidth += columnWidths.get(id) \|\| DEFAULT_COLUMN_WIDTH;\n }\n\n const delta = newGroupWidth - currentGroupWidth;\n const currentColumnWidth = columnWidths.get(rightmostColumn) \|\| DEFAULT_COLUMN_WIDTH;\n updateColumn(rightmostColumn, currentColumnWidth + delta);\n }\n\n return (\n <WidthsContext.Provider\n value={{ getColumnStyles, columnWidths: columnWidths ?? new Map(), updateColumn, updateGroup, setCell, setCol }}\n >\n {children}\n </WidthsContext.Provider>\n );\n}\n\nexport function useColumnWidths() {\n return useContext(WidthsContext);\n}\n"]}
1	+ {"version":3,"file":"use-column-widths.js","sourceRoot":"","sources":["../../../src/table/use-column-widths.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, { createContext, useContext, useEffect, useRef, useState } from 'react';\n\nimport { useResizeObserver, useStableCallback } from '@cloudscape-design/component-toolkit/internal';\nimport { getLogicalBoundingClientRect } from '@cloudscape-design/component-toolkit/internal';\n\nimport { ColumnWidthStyle, setElementWidths } from './column-widths-utils';\n\nexport const DEFAULT_COLUMN_WIDTH = 120;\n\nexport interface ColumnWidthDefinition extends ColumnWidthStyle {\n id: PropertyKey;\n}\n\nfunction readWidths(\n getCell: (columnId: PropertyKey) => null \| HTMLElement,\n visibleColumns: readonly ColumnWidthDefinition[]\n) {\n const result = new Map<PropertyKey, number>();\n for (let index = 0; index < visibleColumns.length; index++) {\n const column = visibleColumns[index];\n let width = (column.width as number) \|\| 0;\n const minWidth = (column.minWidth as number) \|\| width \|\| DEFAULT_COLUMN_WIDTH;\n if (\n !width && // read width from the DOM if it is missing in the config\n index !== visibleColumns.length - 1 // skip reading for the last column, because it expands to fully fit the container\n ) {\n const colEl = getCell(column.id);\n width = colEl ? getLogicalBoundingClientRect(colEl).inlineSize : DEFAULT_COLUMN_WIDTH;\n }\n result.set(column.id, Math.max(width, minWidth));\n }\n return result;\n}\n\nfunction updateWidths(\n visibleColumns: readonly ColumnWidthDefinition[],\n oldWidths: Map<PropertyKey, number>,\n newWidth: number,\n columnId: PropertyKey\n): Map<PropertyKey, number> {\n const column = visibleColumns.find(column => column.id === columnId);\n let minWidth = DEFAULT_COLUMN_WIDTH;\n if (typeof column?.width === 'number' && column.width < DEFAULT_COLUMN_WIDTH) {\n minWidth = column?.width;\n }\n if (typeof column?.minWidth === 'number') {\n minWidth = column?.minWidth;\n }\n newWidth = Math.max(newWidth, minWidth);\n if (oldWidths.get(columnId) === newWidth) {\n return oldWidths;\n }\n const newWidths = new Map(oldWidths);\n newWidths.set(columnId, newWidth);\n return newWidths;\n}\n\ninterface WidthsContext {\n getColumnStyles(sticky: boolean, columnId: PropertyKey): ColumnWidthStyle;\n columnWidths: Map<PropertyKey, number>;\n updateColumn: (columnId: PropertyKey, newWidth: number) => void;\n updateGroup: (groupId: PropertyKey, newWidth: number) => void;\n setCell: (sticky: boolean, columnId: PropertyKey, node: null \| HTMLElement) => void;\n setCol: (columnId: PropertyKey, node: null \| HTMLElement) => void;\n}\n\nconst WidthsContext = createContext<WidthsContext>({\n getColumnStyles: () => ({}),\n columnWidths: new Map(),\n updateColumn: () => {},\n updateGroup: () => {},\n setCell: () => {},\n setCol: () => {},\n});\n\ninterface WidthProviderProps {\n visibleColumns: readonly ColumnWidthDefinition[];\n resizableColumns: boolean \| undefined;\n containerRef: React.RefObject<HTMLElement>;\n children: React.ReactNode;\n groupColumnMap?: Map<string, string[]>;\n}\n\nexport function ColumnWidthsProvider({\n visibleColumns,\n resizableColumns,\n containerRef,\n groupColumnMap,\n children,\n}: WidthProviderProps) {\n const visibleColumnsRef = useRef<PropertyKey[] \| null>(null);\n const containerWidthRef = useRef(0);\n const [columnWidths, setColumnWidths] = useState<null \| Map<PropertyKey, number>>(null);\n\n const cellsRef = useRef(new Map<PropertyKey, HTMLElement>());\n const stickyCellsRef = useRef(new Map<PropertyKey, HTMLElement>());\n const colsRef = useRef(new Map<PropertyKey, HTMLElement>());\n const hasColElements = useRef(false);\n const getCell = (columnId: PropertyKey): null \| HTMLElement => cellsRef.current.get(columnId) ?? null;\n const setCell = (sticky: boolean, columnId: PropertyKey, node: null \| HTMLElement) => {\n const ref = sticky ? stickyCellsRef : cellsRef;\n if (node) {\n ref.current.set(columnId, node);\n } else {\n ref.current.delete(columnId);\n }\n };\n const setCol = (columnId: PropertyKey, node: null \| HTMLElement) => {\n if (node) {\n colsRef.current.set(columnId, node);\n hasColElements.current = true;\n } else {\n colsRef.current.delete(columnId);\n hasColElements.current = colsRef.current.size > 0;\n }\n };\n\n const getColumnStyles = (sticky: boolean, columnId: PropertyKey): ColumnWidthStyle => {\n const column = visibleColumns.find(col => col.id === columnId);\n\n if (sticky) {\n // For sticky headers, mirror the primary cell's width.\n // Try DOM measurement first (handles columns not in visibleColumns like selection).\n const measured = cellsRef.current.get(columnId)?.getBoundingClientRect().width;\n /* istanbul ignore next: getBoundingClientRect returns 0 in JSDOM */\n if (measured) {\n return { width: measured };\n }\n return { width: columnWidths?.get(columnId) ?? column?.width };\n }\n\n if (!column) {\n return {};\n }\n\n if (resizableColumns && columnWidths) {\n const isLastColumn = column.id === visibleColumns[visibleColumns.length - 1]?.id;\n const totalWidth = visibleColumns.reduce(\n (sum, { id }) => sum + (columnWidths.get(id) \|\| DEFAULT_COLUMN_WIDTH),\n 0\n );\n if (isLastColumn && containerWidthRef.current > totalWidth) {\n return { width: 'auto', minWidth: column.minWidth };\n }\n return { width: columnWidths.get(column.id), minWidth: column.minWidth };\n }\n\n return {\n width: column.width,\n minWidth: column.minWidth,\n maxWidth: !resizableColumns ? column.maxWidth : undefined,\n };\n };\n\n // Mirrors the current primary cell widths onto the sticky header copies.\n const syncStickyColumnWidths = useStableCallback(() => {\n for (const { id } of visibleColumns) {\n const element = stickyCellsRef.current.get(id);\n if (element) {\n setElementWidths(element, getColumnStyles(true, id));\n }\n }\n });\n\n // Imperatively sets width style for a cell avoiding React state.\n // This allows setting the style as soon container's size change is observed.\n const updateColumnWidths = useStableCallback(() => {\n // When col elements exist (grouped columns), apply widths to <col> elements.\n // With table-layout:fixed, <col> widths control the actual column widths.\n if (hasColElements.current) {\n for (const { id } of visibleColumns) {\n const colElement = colsRef.current.get(id);\n if (colElement) {\n setElementWidths(colElement, getColumnStyles(false, id));\n }\n const element = cellsRef.current.get(id);\n if (element) {\n setElementWidths(element, getColumnStyles(false, id));\n }\n }\n } else {\n for (const { id } of visibleColumns) {\n const element = cellsRef.current.get(id);\n if (element) {\n setElementWidths(element, getColumnStyles(false, id));\n }\n }\n }\n\n // Sticky column widths must always be synchronized regardless of columnWidths state.\n syncStickyColumnWidths();\n });\n\n // Re-syncs the sticky header copies when the primary cells change width without a\n // corresponding change to the column definitions. This happens with auto-layout\n // columns whose widths depend on the rendered content (e.g. paginating or filtering).\n // Fixed-width and resizable columns don't resize on data changes, so this stays idle.\n // The effect re-observes when the set of visible columns changes, since that swaps\n // the underlying cell elements.\n useEffect(() => {\n if (typeof ResizeObserver === 'undefined') {\n return;\n }\n const observer = new ResizeObserver(() => syncStickyColumnWidths());\n for (const element of cellsRef.current.values()) {\n observer.observe(element);\n }\n return () => observer.disconnect();\n }, [syncStickyColumnWidths, visibleColumns]);\n\n // Observes container size and requests an update to the last cell width as it depends on the container's width.\n useResizeObserver(containerRef, ({ contentBoxWidth: containerWidth }) => {\n containerWidthRef.current = containerWidth;\n requestAnimationFrame(() => updateColumnWidths());\n });\n\n // The widths of the dynamically added columns (after the first render) if not set explicitly\n // will default to the DEFAULT_COLUMN_WIDTH.\n useEffect(() => {\n updateColumnWidths();\n\n if (!resizableColumns) {\n return;\n }\n let updated = false;\n const newColumnWidths = new Map(columnWidths);\n const lastVisible = visibleColumnsRef.current;\n if (lastVisible) {\n for (let index = 0; index < visibleColumns.length; index++) {\n const column = visibleColumns[index];\n if (!columnWidths?.get(column.id) && lastVisible.indexOf(column.id) === -1) {\n updated = true;\n const width = (column.width as number) \|\| DEFAULT_COLUMN_WIDTH;\n const minWidth = (column.minWidth as number) \|\| width;\n newColumnWidths.set(column.id, Math.max(width, minWidth));\n }\n }\n if (updated) {\n setColumnWidths(newColumnWidths);\n }\n }\n visibleColumnsRef.current = visibleColumns.map(column => column.id);\n }, [columnWidths, resizableColumns, visibleColumns, updateColumnWidths]);\n\n // Read the actual column widths after the first render to employ the browser defaults for\n // those columns without explicit width.\n useEffect(() => {\n if (!resizableColumns) {\n return;\n }\n setColumnWidths(() => readWidths(getCell, visibleColumns));\n // This code is intended to run only at the first render and should not re-run when table props change\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n function updateColumn(columnId: PropertyKey, newWidth: number) {\n setColumnWidths(columnWidths => updateWidths(visibleColumns, columnWidths ?? new Map(), newWidth, columnId));\n }\n\n function updateGroup(groupId: PropertyKey, newGroupWidth: number) {\n if (!columnWidths \|\| !groupColumnMap) {\n return;\n }\n\n const columnIds = groupColumnMap.get(String(groupId)) ?? [];\n const rightmostColumn = columnIds[columnIds.length - 1];\n if (!rightmostColumn) {\n return;\n }\n\n let currentGroupWidth = 0;\n for (const id of columnIds) {\n currentGroupWidth += columnWidths.get(id) \|\| DEFAULT_COLUMN_WIDTH;\n }\n\n const delta = newGroupWidth - currentGroupWidth;\n const currentColumnWidth = columnWidths.get(rightmostColumn) \|\| DEFAULT_COLUMN_WIDTH;\n updateColumn(rightmostColumn, currentColumnWidth + delta);\n }\n\n return (\n <WidthsContext.Provider\n value={{ getColumnStyles, columnWidths: columnWidths ?? new Map(), updateColumn, updateGroup, setCell, setCol }}\n >\n {children}\n </WidthsContext.Provider>\n );\n}\n\nexport function useColumnWidths() {\n return useContext(WidthsContext);\n}\n"]}

package/lib/internal/template/tabs/styles.css.js CHANGED Viewed

@@ -1,35 +1,35 @@
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_19r00_154",
-  "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_19r00_163",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_19r00_169",
-  "pagination-button": "awsui_pagination-button_14rmt_19r00_186",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_19r00_193",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_19r00_196",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_19r00_200",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_19r00_203",
-  "actions-container": "awsui_actions-container_14rmt_19r00_208",
-  "tabs-tab": "awsui_tabs-tab_14rmt_19r00_216",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_19r00_226",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_19r00_237",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_19r00_245",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_19r00_245",
-  "refresh": "awsui_refresh_14rmt_19r00_250",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_19r00_254",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_19r00_296",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_19r00_379",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_19r00_388",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_19r00_392",
-  "root": "awsui_root_14rmt_19r00_396",
-  "tabs": "awsui_tabs_14rmt_19r00_154",
-  "tabs-content": "awsui_tabs-content_14rmt_19r00_434",
-  "fit-height": "awsui_fit-height_14rmt_19r00_438",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_19r00_444",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_19r00_458",
-  "with-paddings": "awsui_with-paddings_14rmt_19r00_458",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_19r00_469",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_19r00_480",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_19r00_484"
+  "tabs-header": "awsui_tabs-header_14rmt_52h41_154",
+  "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_52h41_163",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_52h41_169",
+  "pagination-button": "awsui_pagination-button_14rmt_52h41_186",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_52h41_193",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_52h41_196",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_52h41_200",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_52h41_203",
+  "actions-container": "awsui_actions-container_14rmt_52h41_208",
+  "tabs-tab": "awsui_tabs-tab_14rmt_52h41_216",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_52h41_226",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_52h41_237",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_52h41_245",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_52h41_245",
+  "refresh": "awsui_refresh_14rmt_52h41_250",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_52h41_254",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_52h41_296",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_52h41_379",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_52h41_388",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_52h41_392",
+  "root": "awsui_root_14rmt_52h41_396",
+  "tabs": "awsui_tabs_14rmt_52h41_154",
+  "tabs-content": "awsui_tabs-content_14rmt_52h41_434",
+  "fit-height": "awsui_fit-height_14rmt_52h41_438",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_52h41_444",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_52h41_458",
+  "with-paddings": "awsui_with-paddings_14rmt_52h41_458",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_52h41_469",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_52h41_480",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_52h41_484"
 };

package/lib/internal/template/tabs/styles.scoped.css CHANGED Viewed

@@ -151,7 +151,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-type */
-.awsui_tabs-header_14rmt_19r00_154:not(#\9) {
+.awsui_tabs-header_14rmt_52h41_154:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -160,13 +160,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
 }
-.awsui_tab-header-scroll-container_14rmt_19r00_163:not(#\9) {
+.awsui_tab-header-scroll-container_14rmt_52h41_163:not(#\9) {
   display: flex;
   flex-grow: 1;
   max-inline-size: 100%;
 }
-.awsui_tabs-header-list_14rmt_19r00_169:not(#\9) {
+.awsui_tabs-header-list_14rmt_52h41_169:not(#\9) {
   margin-block: 0;
   margin-inline: 0;
   padding-block: 0;
@@ -179,33 +179,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   scroll-snap-type: inline proximity;
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_19r00_169:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_52h41_169:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_pagination-button_14rmt_19r00_186:not(#\9) {
+.awsui_pagination-button_14rmt_52h41_186:not(#\9) {
   margin-block: var(--space-scaled-s-gjhvjd, 12px);
   margin-inline: 0;
   padding-block: 0;
   padding-inline: var(--space-xxs-jnczic, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_19r00_193:not(#\9) {
-  border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-control-disabled-c9dn39, #d5dbdb);
+.awsui_pagination-button-left_14rmt_52h41_193:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-control-disabled-c9dn39, #d5dbdb);
 }
-.awsui_pagination-button-left-scrollable_14rmt_19r00_196:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_52h41_196:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-ya1u83, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-ya1u83, #eaeded);
 }
-.awsui_pagination-button-right_14rmt_19r00_200:not(#\9) {
-  border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-control-disabled-c9dn39, #d5dbdb);
+.awsui_pagination-button-right_14rmt_52h41_200:not(#\9) {
+  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-control-disabled-c9dn39, #d5dbdb);
 }
-.awsui_pagination-button-right-scrollable_14rmt_19r00_203:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_52h41_203:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-ya1u83, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-ya1u83, #eaeded);
 }
-.awsui_actions-container_14rmt_19r00_208:not(#\9) {
+.awsui_actions-container_14rmt_52h41_208:not(#\9) {
   flex-shrink: 0;
   align-self: center;
   padding-block: var(--space-xs-kw7k3v, 8px);
@@ -213,7 +213,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline-start: auto;
 }
-.awsui_tabs-tab_14rmt_19r00_216:not(#\9) {
+.awsui_tabs-tab_14rmt_52h41_216:not(#\9) {
   list-style: none;
   padding-block: 0;
   padding-inline: 0;
@@ -223,7 +223,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   scroll-snap-align: start;
 }
-.awsui_tabs-tab-label_14rmt_19r00_226:not(#\9) {
+.awsui_tabs-tab-label_14rmt_52h41_226:not(#\9) {
   display: flex;
   align-items: center;
   padding-inline: var(--space-xs-kw7k3v, 8px);
@@ -234,66 +234,66 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
-.awsui_tabs-tab-header-container_14rmt_19r00_237:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9) {
   position: relative;
-  border-block: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
-  border-inline: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
+  border-block: var(--border-divider-section-width-dlkb8v, 1px) solid transparent;
+  border-inline: var(--border-divider-section-width-dlkb8v, 1px) solid transparent;
   padding-inline: var(--space-xs-kw7k3v, 8px);
   display: flex;
   align-items: stretch;
 }
-.awsui_tabs-tab-header-container_14rmt_19r00_237 > .awsui_tabs-tab-dismiss_14rmt_19r00_245:not(#\9), .awsui_tabs-tab-header-container_14rmt_19r00_237 > .awsui_tabs-tab-action_14rmt_19r00_245:not(#\9) {
+.awsui_tabs-tab-header-container_14rmt_52h41_237 > .awsui_tabs-tab-dismiss_14rmt_52h41_245:not(#\9), .awsui_tabs-tab-header-container_14rmt_52h41_237 > .awsui_tabs-tab-action_14rmt_52h41_245:not(#\9) {
   position: relative;
   display: flex;
   align-items: center;
 }
-.awsui_tabs-tab-header-container_14rmt_19r00_237.awsui_refresh_14rmt_19r00_250 > span:not(#\9):first-of-type {
+.awsui_tabs-tab-header-container_14rmt_52h41_237.awsui_refresh_14rmt_52h41_250 > span:not(#\9):first-of-type {
   margin-inline-start: calc(-1 * var(--space-scaled-xs-sppte9, 8px));
 }
-.awsui_tabs-tab-header-container_14rmt_19r00_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_19r00_254):after {
+.awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254):after {
   content: "";
   position: absolute;
   inset-inline-start: 0;
   inline-size: calc(100% - 1px);
-  inset-block-end: calc(-1 * var(--border-divider-section-width-sznrdy, 1px));
-  block-size: var(--awsui-style-tabs-active-indicator-width-z17rmd, var(--border-active-width-vglvq7, 2px));
-  border-start-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ciyqfm, 0px));
-  border-start-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ciyqfm, 0px));
-  border-end-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ciyqfm, 0px));
-  border-end-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ciyqfm, 0px));
+  inset-block-end: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
+  block-size: var(--awsui-style-tabs-active-indicator-width-z17rmd, var(--border-active-width-8f63o4, 2px));
+  border-start-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
+  border-start-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
+  border-end-start-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
+  border-end-end-radius: var(--awsui-style-tabs-active-indicator-border-radius-z17rmd, var(--border-radius-tabs-focus-ring-ss6drb, 0px));
   background: var(--awsui-style-tabs-active-indicator-color-z17rmd, var(--color-border-tabs-underline-gpe7rp, #16191f));
   opacity: 0;
 }
-.awsui_tabs-tab-header-container_14rmt_19r00_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_19r00_254).awsui_refresh_14rmt_19r00_250:after {
+.awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254).awsui_refresh_14rmt_52h41_250:after {
   transition: opacity var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-c-r5v2kx, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-header-container_14rmt_19r00_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_19r00_254).awsui_refresh_14rmt_19r00_250:after {
+  .awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254).awsui_refresh_14rmt_52h41_250:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_19r00_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_19r00_254).awsui_refresh_14rmt_19r00_250:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_19r00_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_19r00_254).awsui_refresh_14rmt_19r00_250:after {
+.awsui-motion-disabled .awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254).awsui_refresh_14rmt_52h41_250:after, .awsui-mode-entering .awsui_tabs-tab-header-container_14rmt_52h41_237:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254).awsui_refresh_14rmt_52h41_250:after {
   animation: none;
   transition: none;
 }
-.awsui_tabs-tab_14rmt_19r00_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_19r00_237 {
-  margin-inline-end: calc(-1 * var(--border-divider-section-width-sznrdy, 1px));
+.awsui_tabs-tab_14rmt_52h41_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_52h41_237 {
+  margin-inline-end: calc(-1 * var(--border-divider-section-width-dlkb8v, 1px));
 }
-.awsui_tabs-tab_14rmt_19r00_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_19r00_237:before {
+.awsui_tabs-tab_14rmt_52h41_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_52h41_237:before {
   content: "";
   position: absolute;
-  border-inline-end: var(--awsui-style-tabs-separator-width-z17rmd, var(--border-divider-section-width-sznrdy, 1px)) solid var(--awsui-style-tabs-separator-color-z17rmd, var(--color-border-tabs-divider-uu65wu, #aab7b8));
+  border-inline-end: var(--awsui-style-tabs-separator-width-z17rmd, var(--border-divider-section-width-dlkb8v, 1px)) solid var(--awsui-style-tabs-separator-color-z17rmd, var(--color-border-tabs-divider-uu65wu, #aab7b8));
   inset: var(--space-scaled-s-gjhvjd, 12px) 0;
   opacity: 1;
 }
-.awsui_tabs-tab_14rmt_19r00_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_19r00_237.awsui_refresh_14rmt_19r00_250:before {
-  inset: calc(var(--space-static-s-8me5rn, 12px) - var(--border-active-width-vglvq7, 2px)) 0;
+.awsui_tabs-tab_14rmt_52h41_216:not(#\9):not(:last-child) > .awsui_tabs-tab-header-container_14rmt_52h41_237.awsui_refresh_14rmt_52h41_250:before {
+  inset: calc(var(--space-static-s-8me5rn, 12px) - var(--border-active-width-8f63o4, 2px)) 0;
 }
-.awsui_tabs-tab-link_14rmt_19r00_296:not(#\9) {
+.awsui_tabs-tab-link_14rmt_52h41_296:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -303,8 +303,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: calc(var(--space-scaled-s-gjhvjd, 12px) - 1px);
   padding-inline: 0;
   margin-block-start: 1px;
-  border-block: var(--border-divider-section-width-sznrdy, 1px) solid var(--awsui-style-border-color-default-z17rmd, transparent);
-  border-inline: var(--border-divider-section-width-sznrdy, 1px) solid var(--awsui-style-border-color-default-z17rmd, transparent);
+  border-block: var(--border-divider-section-width-dlkb8v, 1px) solid var(--awsui-style-border-color-default-z17rmd, transparent);
+  border-inline: var(--border-divider-section-width-dlkb8v, 1px) solid var(--awsui-style-border-color-default-z17rmd, transparent);
   font-size: var(--font-size-tabs-3ipsq1, 14px);
   line-height: var(--line-height-tabs-gje4ax, 22px);
   font-weight: var(--font-weight-tabs-w2el4h, 700);
@@ -315,28 +315,28 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_tabs-tab-link_14rmt_19r00_296.awsui_refresh_14rmt_19r00_250:not(#\9) {
+.awsui_tabs-tab-link_14rmt_52h41_296.awsui_refresh_14rmt_52h41_250:not(#\9) {
   padding-block-start: calc(var(--space-static-xs-4gq40t, 8px) - 1px);
   padding-block-end: calc(var(--space-static-xs-4gq40t, 8px) - 1px);
   margin-block-start: 0;
 }
-.awsui_tabs-tab-link_14rmt_19r00_296:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_52h41_296:not(#\9):hover {
   color: var(--awsui-style-color-hover-z17rmd, var(--color-text-accent-rvq171, #0073bb));
   border-color: var(--awsui-style-border-color-hover-z17rmd, var(--awsui-style-border-color-default-z17rmd, transparent));
   background-color: var(--awsui-style-background-hover-z17rmd, var(--awsui-style-background-default-z17rmd, transparent));
 }
-.awsui_tabs-tab-link_14rmt_19r00_296:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_52h41_296:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_19r00_296:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_52h41_296:not(#\9):focus {
   --awsui-style-focus-ring-box-shadow-z17rmd: 0 0 0 var(--awsui-style-focus-ring-border-width-z17rmd, 2px) var(--awsui-style-focus-ring-border-color-z17rmd, var(--color-border-item-focused-r5f6xl, #0073bb));
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_19r00_296:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_52h41_296:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-7tqwip, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_19r00_296:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_52h41_296:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -344,31 +344,31 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_19r00_296:not(#\9
   inset-block-start: calc(-1 * var(--space-tabs-focus-outline-gutter-7tqwip, 0px));
   inline-size: calc(100% + var(--space-tabs-focus-outline-gutter-7tqwip, 0px) + var(--space-tabs-focus-outline-gutter-7tqwip, 0px));
   block-size: calc(100% + var(--space-tabs-focus-outline-gutter-7tqwip, 0px) + var(--space-tabs-focus-outline-gutter-7tqwip, 0px));
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-9xsko1, 2px));
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-z17rmd, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
   box-shadow: var(--awsui-style-focus-ring-box-shadow-z17rmd);
   z-index: 1;
 }
-.awsui_tabs-tab_14rmt_19r00_216:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_52h41_216:not(#\9):first-child {
   margin-inline-start: 1px;
   scroll-margin-inline-start: 1px;
 }
-.awsui_tabs-tab_14rmt_19r00_216:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_19r00_237 {
+.awsui_tabs-tab_14rmt_52h41_216:not(#\9):first-child > .awsui_tabs-tab-header-container_14rmt_52h41_237 {
   padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) - 1px);
 }
-.awsui_tabs-tab_14rmt_19r00_216:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_52h41_216:not(#\9):last-child {
   margin-inline-end: 1px;
   scroll-margin-inline-end: 1px;
 }
-.awsui_tabs-tab_14rmt_19r00_216:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_19r00_237 {
+.awsui_tabs-tab_14rmt_52h41_216:not(#\9):last-child > .awsui_tabs-tab-header-container_14rmt_52h41_237 {
   padding-inline-end: calc(var(--space-xs-kw7k3v, 8px) - 1px);
 }
-.awsui_tabs-tab-disabled_14rmt_19r00_254:not(#\9), .awsui_tabs-tab-disabled_14rmt_19r00_254:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_52h41_254:not(#\9), .awsui_tabs-tab-disabled_14rmt_52h41_254:not(#\9):hover {
   cursor: default;
   color: var(--awsui-style-color-disabled-z17rmd, var(--color-text-interactive-disabled-xwt2jl, #aab7b8));
   border-color: var(--awsui-style-border-color-disabled-z17rmd, transparent);
@@ -376,28 +376,28 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_19r00_296:not(#\9
   font-weight: var(--font-weight-tabs-disabled-5li4ra, 400);
 }
-.awsui_tabs-tab-active_14rmt_19r00_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_19r00_254) {
+.awsui_tabs-tab-active_14rmt_52h41_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254) {
   color: var(--awsui-style-color-active-z17rmd, var(--color-text-accent-rvq171, #0073bb));
   border-color: var(--awsui-style-border-color-active-z17rmd, transparent);
   background-color: var(--awsui-style-background-active-z17rmd, transparent);
 }
-.awsui_tabs-tab-active_14rmt_19r00_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_19r00_254):after {
+.awsui_tabs-tab-active_14rmt_52h41_379:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_52h41_254):after {
   opacity: 1;
 }
-.awsui_tabs-header-with-divider_14rmt_19r00_388:not(#\9) {
-  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-tabs-divider-uu65wu, #aab7b8);
+.awsui_tabs-header-with-divider_14rmt_52h41_388:not(#\9) {
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-tabs-divider-uu65wu, #aab7b8);
 }
-.awsui_tabs-tab-focusable_14rmt_19r00_392:not(#\9) {
+.awsui_tabs-tab-focusable_14rmt_52h41_392:not(#\9) {
   /* used to manage focusable logic */
 }
-.awsui_root_14rmt_19r00_396:not(#\9) {
+.awsui_root_14rmt_52h41_396:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs_14rmt_19r00_154:not(#\9) {
+.awsui_tabs_14rmt_52h41_154:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -431,56 +431,56 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_19r00_296:not(#\9
   inline-size: 100%;
 }
-.awsui_tabs-content_14rmt_19r00_434:not(#\9) {
+.awsui_tabs-content_14rmt_52h41_434:not(#\9) {
   display: none;
 }
-.awsui_fit-height_14rmt_19r00_438:not(#\9) {
+.awsui_fit-height_14rmt_52h41_438:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_tabs-content-active_14rmt_19r00_444:not(#\9) {
+.awsui_tabs-content-active_14rmt_52h41_444:not(#\9) {
   display: block;
   flex: 1;
 }
-body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_19r00_444:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_52h41_444:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-start-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-start-end-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-start-radius: var(--border-radius-container-l30zxy, 0px);
-  border-end-end-radius: var(--border-radius-container-l30zxy, 0px);
+  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
+  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
+  border-end-start-radius: var(--border-radius-container-33hhdh, 0px);
+  border-end-end-radius: var(--border-radius-container-33hhdh, 0px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_tabs-content-wrapper_14rmt_19r00_458.awsui_with-paddings_14rmt_19r00_458 > .awsui_tabs-content_14rmt_19r00_434:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_52h41_458.awsui_with-paddings_14rmt_52h41_458 > .awsui_tabs-content_14rmt_52h41_434:not(#\9) {
   padding-block: var(--space-scaled-m-sw9kcx, 16px);
   padding-inline: 0;
 }
-.awsui_fit-height_14rmt_19r00_438 > .awsui_tabs-content-wrapper_14rmt_19r00_458:not(#\9) {
+.awsui_fit-height_14rmt_52h41_438 > .awsui_tabs-content-wrapper_14rmt_52h41_458:not(#\9) {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: auto;
 }
-.awsui_fit-height_14rmt_19r00_438 > .awsui_tabs-content-wrapper_14rmt_19r00_458 > .awsui_tabs-container-content-wrapper_14rmt_19r00_469:not(#\9) {
+.awsui_fit-height_14rmt_52h41_438 > .awsui_tabs-content-wrapper_14rmt_52h41_458 > .awsui_tabs-container-content-wrapper_14rmt_52h41_469:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
 }
-.awsui_tabs-container-content-wrapper_14rmt_19r00_469.awsui_with-paddings_14rmt_19r00_458 > .awsui_tabs-content_14rmt_19r00_434:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_52h41_469.awsui_with-paddings_14rmt_52h41_458 > .awsui_tabs-content_14rmt_52h41_434:not(#\9) {
   padding-block-start: var(--space-tabs-content-top-i5vuz0, 16px);
   padding-block-end: var(--space-scaled-l-66n9sr, 20px);
   padding-inline: var(--space-container-horizontal-ipmk0e, 20px);
 }
-.awsui_disabled-reason-tooltip_14rmt_19r00_480:not(#\9) {
+.awsui_disabled-reason-tooltip_14rmt_52h41_480:not(#\9) {
   /* used in test-utils or tests */
 }
-.awsui_tabs-tab-focused_14rmt_19r00_484:not(#\9) {
+.awsui_tabs-tab-focused_14rmt_52h41_484:not(#\9) {
   /* used to manage focusable state for disabled with reason tabs */
 }

package/lib/internal/template/tabs/styles.selectors.js CHANGED Viewed

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tabs-header": "awsui_tabs-header_14rmt_19r00_154",
-  "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_19r00_163",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_19r00_169",
-  "pagination-button": "awsui_pagination-button_14rmt_19r00_186",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_19r00_193",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_19r00_196",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_19r00_200",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_19r00_203",
-  "actions-container": "awsui_actions-container_14rmt_19r00_208",
-  "tabs-tab": "awsui_tabs-tab_14rmt_19r00_216",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_19r00_226",
-  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_19r00_237",
-  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_19r00_245",
-  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_19r00_245",
-  "refresh": "awsui_refresh_14rmt_19r00_250",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_19r00_254",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_19r00_296",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_19r00_379",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_19r00_388",
-  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_19r00_392",
-  "root": "awsui_root_14rmt_19r00_396",
-  "tabs": "awsui_tabs_14rmt_19r00_154",
-  "tabs-content": "awsui_tabs-content_14rmt_19r00_434",
-  "fit-height": "awsui_fit-height_14rmt_19r00_438",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_19r00_444",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_19r00_458",
-  "with-paddings": "awsui_with-paddings_14rmt_19r00_458",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_19r00_469",
-  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_19r00_480",
-  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_19r00_484"
+  "tabs-header": "awsui_tabs-header_14rmt_52h41_154",
+  "tab-header-scroll-container": "awsui_tab-header-scroll-container_14rmt_52h41_163",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_52h41_169",
+  "pagination-button": "awsui_pagination-button_14rmt_52h41_186",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_52h41_193",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_52h41_196",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_52h41_200",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_52h41_203",
+  "actions-container": "awsui_actions-container_14rmt_52h41_208",
+  "tabs-tab": "awsui_tabs-tab_14rmt_52h41_216",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_52h41_226",
+  "tabs-tab-header-container": "awsui_tabs-tab-header-container_14rmt_52h41_237",
+  "tabs-tab-dismiss": "awsui_tabs-tab-dismiss_14rmt_52h41_245",
+  "tabs-tab-action": "awsui_tabs-tab-action_14rmt_52h41_245",
+  "refresh": "awsui_refresh_14rmt_52h41_250",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_52h41_254",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_52h41_296",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_52h41_379",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_52h41_388",
+  "tabs-tab-focusable": "awsui_tabs-tab-focusable_14rmt_52h41_392",
+  "root": "awsui_root_14rmt_52h41_396",
+  "tabs": "awsui_tabs_14rmt_52h41_154",
+  "tabs-content": "awsui_tabs-content_14rmt_52h41_434",
+  "fit-height": "awsui_fit-height_14rmt_52h41_438",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_52h41_444",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_52h41_458",
+  "with-paddings": "awsui_with-paddings_14rmt_52h41_458",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_52h41_469",
+  "disabled-reason-tooltip": "awsui_disabled-reason-tooltip_14rmt_52h41_480",
+  "tabs-tab-focused": "awsui_tabs-tab-focused_14rmt_52h41_484"
 };

package/lib/internal/template/tag-editor/styles.css.js CHANGED Viewed

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_brdst_1vphm_145",
-  "loading": "awsui_loading_brdst_1vphm_149",
-  "undo-button": "awsui_undo-button_brdst_1vphm_153"
+  "root": "awsui_root_brdst_4vhw3_145",
+  "loading": "awsui_loading_brdst_4vhw3_149",
+  "undo-button": "awsui_undo-button_brdst_4vhw3_153"
 };