@cloudscape-design/components 3.0.1014 → 3.0.1016

package/internal/components/sortable-area/styles.scoped.css

@@ -142,23 +142,24 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_drag-overlay_1ksmw_1bdlu_145:not(#\9) {
+.awsui_drag-overlay_1ksmw_ajj2q_145:not(#\9) {
   box-shadow: var(--shadow-container-active-ypjjoc, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1019607843));
+  background-color: var(--color-background-container-content-6u8rvp, #ffffff);
 }
-.awsui_drag-overlay-item_1ksmw_1bdlu_148:not(#\9) {
+.awsui_drag-overlay-item_1ksmw_ajj2q_149:not(#\9) {
   border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_1bdlu_148:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_ajj2q_149:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_1bdlu_148:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_ajj2q_149:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_1bdlu_148:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_ajj2q_149:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -172,20 +173,20 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay-item_1ksmw_1bdlu_148:not
   border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
-.awsui_drag-overlay-container_1ksmw_1bdlu_175:not(#\9) {
+.awsui_drag-overlay-container_1ksmw_ajj2q_176:not(#\9) {
   border-start-start-radius: var(--border-radius-container-nsfwmm, 16px);
   border-start-end-radius: var(--border-radius-container-nsfwmm, 16px);
   border-end-start-radius: var(--border-radius-container-nsfwmm, 16px);
   border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_1bdlu_175:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_ajj2q_176:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_1bdlu_175:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_ajj2q_176:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_1bdlu_175:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_ajj2q_176:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -200,7 +201,7 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_1bdlu_17
   box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
 }
 
-.awsui_active_1ksmw_1bdlu_203:not(#\9) {
+.awsui_active_1ksmw_ajj2q_204:not(#\9) {
   font-size: var(--font-size-body-m-a7nh2n, 14px);
   line-height: var(--line-height-body-m-2mh3ke, 20px);
   color: var(--color-text-body-default-vvtq8u, #0f141a);
@@ -210,38 +211,38 @@ body[data-awsui-focus-visible=true] .awsui_drag-overlay-container_1ksmw_1bdlu_17
   -moz-osx-font-smoothing: auto;
 }
 
-.awsui_placeholder_1ksmw_1bdlu_213:not(#\9) {
+.awsui_placeholder_1ksmw_ajj2q_214:not(#\9) {
   position: relative;
 }
-.awsui_placeholder_1ksmw_1bdlu_213:not(#\9):after {
+.awsui_placeholder_1ksmw_ajj2q_214:not(#\9):after {
   content: " ";
   position: absolute;
   inset: 0;
   background: var(--color-drag-placeholder-hover-qwadna, #d1f1ff);
 }
-.awsui_placeholder-item_1ksmw_1bdlu_222:not(#\9):after {
+.awsui_placeholder-item_1ksmw_ajj2q_223:not(#\9):after {
   border-start-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-start-end-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-start-radius: var(--border-radius-item-iwaia5, 8px);
   border-end-end-radius: var(--border-radius-item-iwaia5, 8px);
 }
-.awsui_placeholder-container_1ksmw_1bdlu_228:not(#\9):after {
+.awsui_placeholder-container_1ksmw_ajj2q_229:not(#\9):after {
   border-start-start-radius: var(--border-radius-container-nsfwmm, 16px);
   border-start-end-radius: var(--border-radius-container-nsfwmm, 16px);
   border-end-start-radius: var(--border-radius-container-nsfwmm, 16px);
   border-end-end-radius: var(--border-radius-container-nsfwmm, 16px);
 }
 
-.awsui_sorting_1ksmw_1bdlu_235:not(#\9) {
+.awsui_sorting_1ksmw_ajj2q_236:not(#\9) {
   transition: transform var(--motion-duration-transition-quick-mcm2y0, 90ms) var(--motion-easing-transition-quick-qxak3i, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_sorting_1ksmw_1bdlu_235:not(#\9) {
+  .awsui_sorting_1ksmw_ajj2q_236:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_sorting_1ksmw_1bdlu_235:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_1bdlu_235:not(#\9) {
+.awsui-motion-disabled .awsui_sorting_1ksmw_ajj2q_236:not(#\9), .awsui-mode-entering .awsui_sorting_1ksmw_ajj2q_236:not(#\9) {
   animation: none;
   transition: none;
 }

package/internal/components/sortable-area/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drag-overlay": "awsui_drag-overlay_1ksmw_1bdlu_145",
-  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_1bdlu_148",
-  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_1bdlu_175",
-  "active": "awsui_active_1ksmw_1bdlu_203",
-  "placeholder": "awsui_placeholder_1ksmw_1bdlu_213",
-  "placeholder-item": "awsui_placeholder-item_1ksmw_1bdlu_222",
-  "placeholder-container": "awsui_placeholder-container_1ksmw_1bdlu_228",
-  "sorting": "awsui_sorting_1ksmw_1bdlu_235"
+  "drag-overlay": "awsui_drag-overlay_1ksmw_ajj2q_145",
+  "drag-overlay-item": "awsui_drag-overlay-item_1ksmw_ajj2q_149",
+  "drag-overlay-container": "awsui_drag-overlay-container_1ksmw_ajj2q_176",
+  "active": "awsui_active_1ksmw_ajj2q_204",
+  "placeholder": "awsui_placeholder_1ksmw_ajj2q_214",
+  "placeholder-item": "awsui_placeholder-item_1ksmw_ajj2q_223",
+  "placeholder-container": "awsui_placeholder-container_1ksmw_ajj2q_229",
+  "sorting": "awsui_sorting_1ksmw_ajj2q_236"
 };
   

package/internal/components/sortable-area/use-live-announcements.d.ts

@@ -1,5 +1,10 @@
 import { DragEndEvent, DragOverEvent, DragStartEvent } from '@dnd-kit/core';
+import { CustomHandler } from '../../../i18n/context';
+import { I18nFormatArgTypes } from '../../../i18n/messages-types';
 import { SortableAreaProps } from './interfaces';
+export declare const formatDndStarted: CustomHandler<SortableAreaProps.DndAreaI18nStrings['liveAnnouncementDndStarted'], I18nFormatArgTypes['list']['liveAnnouncementDndStarted']>;
+export declare const formatDndItemReordered: CustomHandler<SortableAreaProps.DndAreaI18nStrings['liveAnnouncementDndItemReordered'], I18nFormatArgTypes['list']['liveAnnouncementDndItemReordered']>;
+export declare const formatDndItemCommitted: CustomHandler<SortableAreaProps.DndAreaI18nStrings['liveAnnouncementDndItemCommitted'], I18nFormatArgTypes['list']['liveAnnouncementDndItemCommitted']>;
 export default function useLiveAnnouncements<Item>({
   items,
   itemDefinition,

package/internal/components/sortable-area/use-live-announcements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-live-announcements.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/use-live-announcements.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,IAAI,EAAE,EACjD,KAAK,EACL,cAAc,EACd,UAAU,EACV,0BAA0B,EAC1B,gCAAgC,EAChC,gCAAgC,EAChC,4BAA4B,GAC7B,EAAE;IACD,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IACvD,UAAU,EAAE,OAAO,CAAC;CACrB,GAAG,iBAAiB,CAAC,kBAAkB;4BAOZ,cAAc;iCAMT,aAAa;gCAcd,YAAY;;EAW3C"}
+{"version":3,"file":"use-live-announcements.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/use-live-announcements.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,eAAO,MAAM,gBAAgB,EAAE,aAAa,CAC1C,iBAAiB,CAAC,kBAAkB,CAAC,4BAA4B,CAAC,EAClE,kBAAkB,CAAC,MAAM,CAAC,CAAC,4BAA4B,CAAC,CACI,CAAC;AAC/D,eAAO,MAAM,sBAAsB,EAAE,aAAa,CAChD,iBAAiB,CAAC,kBAAkB,CAAC,kCAAkC,CAAC,EACxE,kBAAkB,CAAC,MAAM,CAAC,CAAC,kCAAkC,CAAC,CAEiC,CAAC;AAClG,eAAO,MAAM,sBAAsB,EAAE,aAAa,CAChD,iBAAiB,CAAC,kBAAkB,CAAC,kCAAkC,CAAC,EACxE,kBAAkB,CAAC,MAAM,CAAC,CAAC,kCAAkC,CAAC,CAO5D,CAAC;AAEL,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,IAAI,EAAE,EACjD,KAAK,EACL,cAAc,EACd,UAAU,EACV,0BAA0B,EAC1B,gCAAgC,EAChC,gCAAgC,EAChC,4BAA4B,GAC7B,EAAE;IACD,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IACvD,UAAU,EAAE,OAAO,CAAC;CACrB,GAAG,iBAAiB,CAAC,kBAAkB;4BAOZ,cAAc;iCAMT,aAAa;gCAcd,YAAY;;EAW3C"}

package/internal/components/sortable-area/use-live-announcements.js

@@ -1,6 +1,14 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { useRef } from 'react';
+export const formatDndStarted = format => (position, total) => format({ position, total });
+export const formatDndItemReordered = format => (initialPosition, currentPosition, total) => format({ currentPosition, total, isInitialPosition: `${initialPosition === currentPosition}` });
+export const formatDndItemCommitted = format => (initialPosition, finalPosition, total) => format({
+    initialPosition,
+    finalPosition,
+    total,
+    isInitialPosition: `${initialPosition === finalPosition}`,
+});
 export default function useLiveAnnouncements({ items, itemDefinition, isDragging, liveAnnouncementDndStarted, liveAnnouncementDndItemReordered, liveAnnouncementDndItemCommitted, liveAnnouncementDndDiscarded, }) {
     const isFirstAnnouncement = useRef(true);
     if (!isDragging) {

package/internal/components/sortable-area/use-live-announcements.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-live-announcements.js","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/use-live-announcements.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAK/B,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAO,EACjD,KAAK,EACL,cAAc,EACd,UAAU,EACV,0BAA0B,EAC1B,gCAAgC,EAChC,gCAAgC,EAChC,4BAA4B,GAKU;IACtC,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzC,IAAI,CAAC,UAAU,EAAE;QACf,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC;KACpC;IAED,OAAO;QACL,WAAW,CAAC,EAAE,MAAM,EAAkB;YACpC,IAAI,MAAM,IAAI,0BAA0B,EAAE;gBACxC,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;gBAC7E,OAAO,0BAA0B,CAAC,KAAK,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;aAC5D;QACH,CAAC;QACD,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAiB;YACxC,IAAI,gCAAgC,EAAE;gBACpC,gFAAgF;gBAChF,IAAI,mBAAmB,CAAC,OAAO,EAAE;oBAC/B,mBAAmB,CAAC,OAAO,GAAG,KAAK,CAAC;oBACpC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,EAAE;wBAClC,OAAO;qBACR;iBACF;gBACD,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;gBACpF,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;gBACvG,OAAO,gCAAgC,CAAC,YAAY,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;aAC1F;QACH,CAAC;QACD,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,EAAgB;YACtC,IAAI,gCAAgC,EAAE;gBACpC,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;gBACpF,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;gBACtG,OAAO,gCAAgC,CAAC,YAAY,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;aACzF;QACH,CAAC;QACD,YAAY;YACV,OAAO,4BAA4B,CAAC;QACtC,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useRef } from 'react';\nimport { DragEndEvent, DragOverEvent, DragStartEvent } from '@dnd-kit/core';\n\nimport { SortableAreaProps } from './interfaces';\n\nexport default function useLiveAnnouncements<Item>({\n  items,\n  itemDefinition,\n  isDragging,\n  liveAnnouncementDndStarted,\n  liveAnnouncementDndItemReordered,\n  liveAnnouncementDndItemCommitted,\n  liveAnnouncementDndDiscarded,\n}: {\n  items: readonly Item[];\n  itemDefinition: SortableAreaProps.ItemDefinition<Item>;\n  isDragging: boolean;\n} & SortableAreaProps.DndAreaI18nStrings) {\n  const isFirstAnnouncement = useRef(true);\n  if (!isDragging) {\n    isFirstAnnouncement.current = true;\n  }\n\n  return {\n    onDragStart({ active }: DragStartEvent) {\n      if (active && liveAnnouncementDndStarted) {\n        const index = items.findIndex(item => itemDefinition.id(item) === active.id);\n        return liveAnnouncementDndStarted(index + 1, items.length);\n      }\n    },\n    onDragOver({ active, over }: DragOverEvent) {\n      if (liveAnnouncementDndItemReordered) {\n        // Don't announce on the first dragOver because it's redundant with onDragStart.\n        if (isFirstAnnouncement.current) {\n          isFirstAnnouncement.current = false;\n          if (!over || over.id === active.id) {\n            return;\n          }\n        }\n        const initialIndex = items.findIndex(item => itemDefinition.id(item) === active.id);\n        const currentIdex = over ? items.findIndex(item => itemDefinition.id(item) === over.id) : initialIndex;\n        return liveAnnouncementDndItemReordered(initialIndex + 1, currentIdex + 1, items.length);\n      }\n    },\n    onDragEnd({ active, over }: DragEndEvent) {\n      if (liveAnnouncementDndItemCommitted) {\n        const initialIndex = items.findIndex(item => itemDefinition.id(item) === active.id);\n        const finalIndex = over ? items.findIndex(item => itemDefinition.id(item) === over.id) : initialIndex;\n        return liveAnnouncementDndItemCommitted(initialIndex + 1, finalIndex + 1, items.length);\n      }\n    },\n    onDragCancel() {\n      return liveAnnouncementDndDiscarded;\n    },\n  };\n}\n"]}
+{"version":3,"file":"use-live-announcements.js","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/use-live-announcements.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useRef } from 'react';\nimport { DragEndEvent, DragOverEvent, DragStartEvent } from '@dnd-kit/core';\n\nimport { CustomHandler } from '../../../i18n/context';\nimport { I18nFormatArgTypes } from '../../../i18n/messages-types';\nimport { SortableAreaProps } from './interfaces';\n\nexport const formatDndStarted: CustomHandler<\n  SortableAreaProps.DndAreaI18nStrings['liveAnnouncementDndStarted'],\n  I18nFormatArgTypes['list']['liveAnnouncementDndStarted']\n> = format => (position, total) => format({ position, total });\nexport const formatDndItemReordered: CustomHandler<\n  SortableAreaProps.DndAreaI18nStrings['liveAnnouncementDndItemReordered'],\n  I18nFormatArgTypes['list']['liveAnnouncementDndItemReordered']\n> = format => (initialPosition, currentPosition, total) =>\n  format({ currentPosition, total, isInitialPosition: `${initialPosition === currentPosition}` });\nexport const formatDndItemCommitted: CustomHandler<\n  SortableAreaProps.DndAreaI18nStrings['liveAnnouncementDndItemCommitted'],\n  I18nFormatArgTypes['list']['liveAnnouncementDndItemCommitted']\n> = format => (initialPosition, finalPosition, total) =>\n  format({\n    initialPosition,\n    finalPosition,\n    total,\n    isInitialPosition: `${initialPosition === finalPosition}`,\n  });\n\nexport default function useLiveAnnouncements<Item>({\n  items,\n  itemDefinition,\n  isDragging,\n  liveAnnouncementDndStarted,\n  liveAnnouncementDndItemReordered,\n  liveAnnouncementDndItemCommitted,\n  liveAnnouncementDndDiscarded,\n}: {\n  items: readonly Item[];\n  itemDefinition: SortableAreaProps.ItemDefinition<Item>;\n  isDragging: boolean;\n} & SortableAreaProps.DndAreaI18nStrings) {\n  const isFirstAnnouncement = useRef(true);\n  if (!isDragging) {\n    isFirstAnnouncement.current = true;\n  }\n\n  return {\n    onDragStart({ active }: DragStartEvent) {\n      if (active && liveAnnouncementDndStarted) {\n        const index = items.findIndex(item => itemDefinition.id(item) === active.id);\n        return liveAnnouncementDndStarted(index + 1, items.length);\n      }\n    },\n    onDragOver({ active, over }: DragOverEvent) {\n      if (liveAnnouncementDndItemReordered) {\n        // Don't announce on the first dragOver because it's redundant with onDragStart.\n        if (isFirstAnnouncement.current) {\n          isFirstAnnouncement.current = false;\n          if (!over || over.id === active.id) {\n            return;\n          }\n        }\n        const initialIndex = items.findIndex(item => itemDefinition.id(item) === active.id);\n        const currentIdex = over ? items.findIndex(item => itemDefinition.id(item) === over.id) : initialIndex;\n        return liveAnnouncementDndItemReordered(initialIndex + 1, currentIdex + 1, items.length);\n      }\n    },\n    onDragEnd({ active, over }: DragEndEvent) {\n      if (liveAnnouncementDndItemCommitted) {\n        const initialIndex = items.findIndex(item => itemDefinition.id(item) === active.id);\n        const finalIndex = over ? items.findIndex(item => itemDefinition.id(item) === over.id) : initialIndex;\n        return liveAnnouncementDndItemCommitted(initialIndex + 1, finalIndex + 1, items.length);\n      }\n    },\n    onDragCancel() {\n      return liveAnnouncementDndDiscarded;\n    },\n  };\n}\n"]}

package/internal/components/structured-item/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { StructuredItemProps } from './interfaces';
+export { StructuredItemProps };
+export default function InternalStructuredItem({
+  content,
+  icon,
+  actions,
+  secondaryContent,
+  disablePaddings
+}: StructuredItemProps): JSX.Element;

package/internal/components/structured-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/structured-item/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,OAAO,EACP,IAAI,EACJ,OAAO,EACP,gBAAgB,EAChB,eAAe,GAChB,EAAE,mBAAmB,eAarB"}

package/internal/components/structured-item/index.js

@@ -0,0 +1,16 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import styles from './styles.css.js';
+import testClasses from './test-classes/styles.css.js';
+export default function InternalStructuredItem({ content, icon, actions, secondaryContent, disablePaddings, }) {
+    return (React.createElement("div", { className: clsx(styles.root, testClasses.root, disablePaddings && styles['disable-paddings']) },
+        icon && React.createElement("div", { className: clsx(styles.icon, testClasses.icon) }, icon),
+        React.createElement("div", { className: clsx(styles.main) },
+            React.createElement("div", { className: styles['content-wrap'] },
+                React.createElement("div", { className: clsx(styles.content, testClasses.content) }, content),
+                actions && React.createElement("div", { className: clsx(styles.actions, testClasses.actions) }, actions)),
+            secondaryContent && React.createElement("div", { className: clsx(styles.secondary, testClasses.secondary) }, secondaryContent))));
+}
+//# sourceMappingURL=index.js.map

package/internal/components/structured-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/structured-item/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,8BAA8B,CAAC;AAIvD,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,OAAO,EACP,IAAI,EACJ,OAAO,EACP,gBAAgB,EAChB,eAAe,GACK;IACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,eAAe,IAAI,MAAM,CAAC,kBAAkB,CAAC,CAAC;QAC/F,IAAI,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,IAAG,IAAI,CAAO;QAC1E,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;YAC/B,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;gBACpC,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,IAAG,OAAO,CAAO;gBACzE,OAAO,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,CAAC,IAAG,OAAO,CAAO,CAClF;YACL,gBAAgB,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,IAAG,gBAAgB,CAAO,CACxG,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { StructuredItemProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testClasses from './test-classes/styles.css.js';\n\nexport { StructuredItemProps };\n\nexport default function InternalStructuredItem({\n  content,\n  icon,\n  actions,\n  secondaryContent,\n  disablePaddings,\n}: StructuredItemProps) {\n  return (\n    <div className={clsx(styles.root, testClasses.root, disablePaddings && styles['disable-paddings'])}>\n      {icon && <div className={clsx(styles.icon, testClasses.icon)}>{icon}</div>}\n      <div className={clsx(styles.main)}>\n        <div className={styles['content-wrap']}>\n          <div className={clsx(styles.content, testClasses.content)}>{content}</div>\n          {actions && <div className={clsx(styles.actions, testClasses.actions)}>{actions}</div>}\n        </div>\n        {secondaryContent && <div className={clsx(styles.secondary, testClasses.secondary)}>{secondaryContent}</div>}\n      </div>\n    </div>\n  );\n}\n"]}

package/internal/components/structured-item/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface StructuredItemProps {
+  content: ReactNode;
+  icon?: ReactNode;
+  actions?: ReactNode;
+  secondaryContent?: ReactNode;
+  disablePaddings?: boolean;
+}

package/internal/components/structured-item/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/structured-item/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/internal/components/structured-item/interfaces.js

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export {};
+//# sourceMappingURL=interfaces.js.map

package/internal/components/structured-item/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../src/internal/components/structured-item/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ReactNode } from 'react';\n\nexport interface StructuredItemProps {\n  content: ReactNode;\n  icon?: ReactNode;\n  actions?: ReactNode;\n  secondaryContent?: ReactNode;\n  disablePaddings?: boolean;\n}\n"]}

package/internal/components/structured-item/styles.css.js

@@ -0,0 +1,11 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1ifko_grau8_145",
+  "disable-paddings": "awsui_disable-paddings_1ifko_grau8_183",
+  "main": "awsui_main_1ifko_grau8_187",
+  "content-wrap": "awsui_content-wrap_1ifko_grau8_193",
+  "content": "awsui_content_1ifko_grau8_193",
+  "actions": "awsui_actions_1ifko_grau8_209"
+};
+  

package/internal/components/structured-item/styles.scoped.css

@@ -0,0 +1,212 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+.awsui_root_1ifko_grau8_145:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-style: normal;
+  font-variant: normal;
+  font-stretch: normal;
+  hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  font-size: var(--font-size-body-m-a7nh2n, 14px);
+  line-height: var(--line-height-body-m-2mh3ke, 20px);
+  color: var(--color-text-body-default-vvtq8u, #0f141a);
+  font-weight: 400;
+  font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  min-inline-size: 0;
+  word-break: break-word;
+  display: flex;
+  flex: 1;
+  flex-direction: row;
+  align-items: baseline;
+  column-gap: var(--space-xs-ymlm0b, 8px);
+}
+.awsui_root_1ifko_grau8_145.awsui_disable-paddings_1ifko_grau8_183:not(#\9) {
+  column-gap: 0;
+}
+
+.awsui_main_1ifko_grau8_187:not(#\9) {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.awsui_content-wrap_1ifko_grau8_193:not(#\9) {
+  flex-grow: 1;
+  display: flex;
+  align-items: baseline;
+  flex-direction: row;
+  flex-wrap: wrap;
+  column-gap: var(--space-xs-ymlm0b, 8px);
+}
+.awsui_disable-paddings_1ifko_grau8_183 > .awsui_main_1ifko_grau8_187 > .awsui_content-wrap_1ifko_grau8_193:not(#\9) {
+  column-gap: 0;
+}
+
+.awsui_content_1ifko_grau8_193:not(#\9) {
+  flex-grow: 1;
+}
+
+.awsui_actions_1ifko_grau8_209:not(#\9) {
+  flex-shrink: 0;
+  margin-inline-start: auto;
+}

package/internal/components/structured-item/styles.selectors.js

@@ -0,0 +1,12 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_1ifko_grau8_145",
+  "disable-paddings": "awsui_disable-paddings_1ifko_grau8_183",
+  "main": "awsui_main_1ifko_grau8_187",
+  "content-wrap": "awsui_content-wrap_1ifko_grau8_193",
+  "content": "awsui_content_1ifko_grau8_193",
+  "actions": "awsui_actions_1ifko_grau8_209"
+};
+  

package/internal/components/structured-item/test-classes/styles.css.js

@@ -0,0 +1,9 @@
+
+    import './styles.scoped.css';
+    export default {
+  "content": "awsui_content_x6dl3_7yzrg_5",
+  "icon": "awsui_icon_x6dl3_7yzrg_6",
+  "actions": "awsui_actions_x6dl3_7yzrg_7",
+  "secondary": "awsui_secondary_x6dl3_7yzrg_8"
+};
+  

package/internal/components/structured-item/test-classes/styles.scoped.css

@@ -0,0 +1,10 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_content_x6dl3_7yzrg_5:not(#\9),
+.awsui_icon_x6dl3_7yzrg_6:not(#\9),
+.awsui_actions_x6dl3_7yzrg_7:not(#\9),
+.awsui_secondary_x6dl3_7yzrg_8:not(#\9) {
+  /* used in test-utils */
+}

package/internal/components/structured-item/test-classes/styles.selectors.js

@@ -0,0 +1,10 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "content": "awsui_content_x6dl3_7yzrg_5",
+  "icon": "awsui_icon_x6dl3_7yzrg_6",
+  "actions": "awsui_actions_x6dl3_7yzrg_7",
+  "secondary": "awsui_secondary_x6dl3_7yzrg_8"
+};
+  

package/internal/environment.js

@@ -1,5 +1,5 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (f3846329)";
-export var GIT_SHA = "f3846329";
+export var PACKAGE_VERSION = "3.0.0 (c3faf5cc)";
+export var GIT_SHA = "c3faf5cc";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,7 +1,7 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (f3846329)",
-  "GIT_SHA": "f3846329",
+  "PACKAGE_VERSION": "3.0.0 (c3faf5cc)",
+  "GIT_SHA": "c3faf5cc",
   "THEME": "open-source-visual-refresh",
   "ALWAYS_VISUAL_REFRESH": true
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "f38463299eaab0022c054220735d94ab345710dc"
+  "commit": "c3faf5ccb2c0c27a85ae2e92123f435a5a418420"
 }

package/list/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ListProps } from './interfaces';
+export { ListProps };
+export default function List<T = any>(props: ListProps<T>): JSX.Element;

package/list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/list/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,eAGxD"}

package/list/index.js

@@ -0,0 +1,12 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import InternalList from './internal';
+export default function List(props) {
+    const baseComponentProps = useBaseComponent('List');
+    return React.createElement(InternalList, Object.assign({}, baseComponentProps, props));
+}
+applyDisplayName(List, 'List');
+//# sourceMappingURL=index.js.map

package/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/list/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,YAAY,MAAM,YAAY,CAAC;AAItC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAU,KAAmB;IACvD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpD,OAAO,oBAAC,YAAY,oBAAK,kBAAkB,EAAM,KAAK,EAAI,CAAC;AAC7D,CAAC;AAED,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { ListProps } from './interfaces';\nimport InternalList from './internal';\n\nexport { ListProps };\n\nexport default function List<T = any>(props: ListProps<T>) {\n  const baseComponentProps = useBaseComponent('List');\n  return <InternalList {...baseComponentProps} {...props} />;\n}\n\napplyDisplayName(List, 'List');\n"]}