@cloudscape-design/components-themeable 3.0.269 → 3.0.271

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

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gfwv3_1vhwg_93",
-  "horizontal": "awsui_horizontal_gfwv3_1vhwg_98",
-  "vertical": "awsui_vertical_gfwv3_1vhwg_102",
-  "list": "awsui_list_gfwv3_1vhwg_106",
-  "list-item": "awsui_list-item_gfwv3_1vhwg_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1vhwg_128",
-  "toggle": "awsui_toggle_gfwv3_1vhwg_128",
-  "description": "awsui_description_gfwv3_1vhwg_196",
-  "separator": "awsui_separator_gfwv3_1vhwg_200"
+  "root": "awsui_root_gfwv3_66zu1_93",
+  "horizontal": "awsui_horizontal_gfwv3_66zu1_98",
+  "vertical": "awsui_vertical_gfwv3_66zu1_102",
+  "list": "awsui_list_gfwv3_66zu1_106",
+  "list-item": "awsui_list-item_gfwv3_66zu1_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_66zu1_129",
+  "toggle": "awsui_toggle_gfwv3_66zu1_129",
+  "description": "awsui_description_gfwv3_66zu1_197",
+  "separator": "awsui_separator_gfwv3_66zu1_201"
 };
   

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

@@ -90,48 +90,49 @@ 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_gfwv3_1vhwg_93:not(#\9) {
+.awsui_root_gfwv3_66zu1_93:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_root_gfwv3_1vhwg_93.awsui_horizontal_gfwv3_1vhwg_98:not(#\9) {
+.awsui_root_gfwv3_66zu1_93.awsui_horizontal_gfwv3_66zu1_98:not(#\9) {
   gap: var(--space-xs-rsr2qu, 8px);
   flex-direction: row;
 }
-.awsui_root_gfwv3_1vhwg_93.awsui_vertical_gfwv3_1vhwg_102:not(#\9) {
+.awsui_root_gfwv3_66zu1_93.awsui_vertical_gfwv3_66zu1_102:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list_gfwv3_1vhwg_106:not(#\9) {
+.awsui_list_gfwv3_66zu1_106:not(#\9) {
   display: contents;
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.awsui_list_gfwv3_1vhwg_106.awsui_horizontal_gfwv3_1vhwg_98:not(#\9), .awsui_list_gfwv3_1vhwg_106.awsui_vertical_gfwv3_1vhwg_102:not(#\9) {
+.awsui_list_gfwv3_66zu1_106.awsui_horizontal_gfwv3_66zu1_98:not(#\9), .awsui_list_gfwv3_66zu1_106.awsui_vertical_gfwv3_66zu1_102:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_list_gfwv3_1vhwg_106.awsui_horizontal_gfwv3_1vhwg_98:not(#\9) {
+.awsui_list_gfwv3_66zu1_106.awsui_horizontal_gfwv3_66zu1_98:not(#\9) {
   flex-direction: row;
 }
-.awsui_list_gfwv3_1vhwg_106.awsui_vertical_gfwv3_1vhwg_102:not(#\9) {
+.awsui_list_gfwv3_66zu1_106.awsui_vertical_gfwv3_66zu1_102:not(#\9) {
   flex-direction: column;
 }
 
-.awsui_list-item_gfwv3_1vhwg_124:not(#\9) {
-  /* used in test-utils */
+.awsui_list-item_gfwv3_66zu1_124:not(#\9) {
+  padding: 0;
+  margin: 0;
 }
 
-.awsui_toggle-container-inline_gfwv3_1vhwg_128:not(#\9) {
+.awsui_toggle-container-inline_gfwv3_66zu1_129:not(#\9) {
   padding-left: var(--space-xs-rsr2qu, 8px);
   display: flex;
   align-items: center;
 }
 
-.awsui_toggle_gfwv3_1vhwg_128:not(#\9) {
+.awsui_toggle_gfwv3_66zu1_129:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -186,46 +187,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-left: -1px;
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle_gfwv3_1vhwg_128:not(#\9) {
+  .awsui_toggle_gfwv3_66zu1_129:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle_gfwv3_1vhwg_128:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1vhwg_128:not(#\9) {
+.awsui-motion-disabled .awsui_toggle_gfwv3_66zu1_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_66zu1_129:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle_gfwv3_1vhwg_128:not(#\9):hover {
+.awsui_toggle_gfwv3_66zu1_129:not(#\9):hover {
   cursor: pointer;
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_toggle_gfwv3_1vhwg_128:not(#\9):focus {
+.awsui_toggle_gfwv3_66zu1_129:not(#\9):focus {
   outline: none;
 }
-.awsui_toggle_gfwv3_1vhwg_128:not(#\9):active {
+.awsui_toggle_gfwv3_66zu1_129:not(#\9):active {
   color: var(--color-text-link-hover-ok01xk, #0073bb);
 }
-.awsui_toggle_gfwv3_1vhwg_128:not(#\9):active, .awsui_toggle_gfwv3_1vhwg_128:not(#\9):focus, .awsui_toggle_gfwv3_1vhwg_128:not(#\9):hover {
+.awsui_toggle_gfwv3_66zu1_129:not(#\9):active, .awsui_toggle_gfwv3_66zu1_129:not(#\9):focus, .awsui_toggle_gfwv3_66zu1_129:not(#\9):hover {
   text-decoration: underline;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: currentColor;
 }
-.awsui_toggle_gfwv3_1vhwg_128:not(#\9):active, .awsui_toggle_gfwv3_1vhwg_128:not(#\9):focus, .awsui_toggle_gfwv3_1vhwg_128:not(#\9):hover {
+.awsui_toggle_gfwv3_66zu1_129:not(#\9):active, .awsui_toggle_gfwv3_66zu1_129:not(#\9):focus, .awsui_toggle_gfwv3_66zu1_129:not(#\9):hover {
   text-decoration: none;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: transparent;
 }
-body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1vhwg_128:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_66zu1_129:not(#\9):focus {
   outline: 2px dotted transparent;
   border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-n5kd8g, #0073bb);
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_toggle_gfwv3_1vhwg_128 > .awsui_description_gfwv3_1vhwg_196:not(#\9) {
+.awsui_toggle_gfwv3_66zu1_129 > .awsui_description_gfwv3_66zu1_197:not(#\9) {
   margin-left: var(--space-xxs-ynfts5, 4px);
 }
 
-.awsui_separator_gfwv3_1vhwg_200:not(#\9) {
+.awsui_separator_gfwv3_66zu1_201:not(#\9) {
   margin: 0px var(--space-scaled-m-pv0fmt, 16px);
   width: var(--border-divider-section-width-5a4cv1, 1px);
   background-color: var(--color-border-divider-default-k96bks, #eaeded);

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

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gfwv3_1vhwg_93",
-  "horizontal": "awsui_horizontal_gfwv3_1vhwg_98",
-  "vertical": "awsui_vertical_gfwv3_1vhwg_102",
-  "list": "awsui_list_gfwv3_1vhwg_106",
-  "list-item": "awsui_list-item_gfwv3_1vhwg_124",
-  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1vhwg_128",
-  "toggle": "awsui_toggle_gfwv3_1vhwg_128",
-  "description": "awsui_description_gfwv3_1vhwg_196",
-  "separator": "awsui_separator_gfwv3_1vhwg_200"
+  "root": "awsui_root_gfwv3_66zu1_93",
+  "horizontal": "awsui_horizontal_gfwv3_66zu1_98",
+  "vertical": "awsui_vertical_gfwv3_66zu1_102",
+  "list": "awsui_list_gfwv3_66zu1_106",
+  "list-item": "awsui_list-item_gfwv3_66zu1_124",
+  "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_66zu1_129",
+  "toggle": "awsui_toggle_gfwv3_66zu1_129",
+  "description": "awsui_description_gfwv3_66zu1_197",
+  "separator": "awsui_separator_gfwv3_66zu1_201"
 };
   

package/lib/internal/template/internal/drag-handle/index.d.ts

@@ -0,0 +1,9 @@
+import { ButtonHTMLAttributes } from 'react';
+import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+export interface DragHandleProps {
+    attributes: ButtonHTMLAttributes<HTMLDivElement>;
+    hideFocus?: boolean;
+    listeners?: SyntheticListenerMap;
+}
+export default function DragHandle({ attributes, hideFocus, listeners }: DragHandleProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/drag-handle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/drag-handle/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG1E,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,oBAAoB,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,eAAe,eAMvF"}

package/lib/internal/template/internal/drag-handle/index.js

@@ -0,0 +1,13 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import Handle from '../handle';
+import InternalIcon from '../../icon/internal';
+import styles from './styles.css.js';
+import handleStyles from '../handle/styles.css.js';
+import clsx from 'clsx';
+export default function DragHandle({ attributes, hideFocus, listeners }) {
+    return (React.createElement(Handle, Object.assign({ className: clsx(styles.handle, hideFocus && handleStyles['hide-focus']) }, attributes, listeners),
+        React.createElement(InternalIcon, { name: "drag-indicator" })));
+}
+//# sourceMappingURL=index.js.map

package/lib/internal/template/internal/drag-handle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/drag-handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,YAAY,MAAM,yBAAyB,CAAC;AAEnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAQxB,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAmB;IACtF,OAAO,CACL,oBAAC,MAAM,kBAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,IAAI,YAAY,CAAC,YAAY,CAAC,CAAC,IAAM,UAAU,EAAM,SAAS;QAC5G,oBAAC,YAAY,IAAC,IAAI,EAAC,gBAAgB,GAAG,CAC/B,CACV,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\n\nimport Handle from '../handle';\nimport InternalIcon from '../../icon/internal';\nimport styles from './styles.css.js';\nimport handleStyles from '../handle/styles.css.js';\nimport { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';\nimport clsx from 'clsx';\n\nexport interface DragHandleProps {\n  attributes: ButtonHTMLAttributes<HTMLDivElement>;\n  hideFocus?: boolean;\n  listeners?: SyntheticListenerMap;\n}\n\nexport default function DragHandle({ attributes, hideFocus, listeners }: DragHandleProps) {\n  return (\n    <Handle className={clsx(styles.handle, hideFocus && handleStyles['hide-focus'])} {...attributes} {...listeners}>\n      <InternalIcon name=\"drag-indicator\" />\n    </Handle>\n  );\n}\n"]}

package/lib/internal/template/internal/drag-handle/styles.css.js

@@ -0,0 +1,6 @@
+
+    import './styles.scoped.css';
+    export default {
+  "handle": "awsui_handle_umbhe_1v8zk_5"
+};
+  

package/lib/internal/template/internal/drag-handle/styles.scoped.css

@@ -0,0 +1,13 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_handle_umbhe_1v8zk_5:not(#\9) {
+  cursor: grab;
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  touch-action: none;
+}
+
+.awsui_handle_umbhe_1v8zk_5:not(#\9):active {
+  cursor: grabbing;
+}

package/lib/internal/template/internal/drag-handle/styles.selectors.js

@@ -0,0 +1,7 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "handle": "awsui_handle_umbhe_1v8zk_5"
+};
+  

package/lib/internal/template/internal/environment.js

@@ -1,6 +1,6 @@
 
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (6f85b64)';
+    export var PACKAGE_VERSION = '3.0.0 (db6bd09)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/lib/internal/template/internal/handle/index.d.ts

@@ -0,0 +1,3 @@
+import { HTMLAttributes } from 'react';
+export default function Handle(props: HTMLAttributes<HTMLDivElement>): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/internal/handle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/handle/index.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,eAgBnE"}

package/lib/internal/template/internal/handle/index.js

@@ -0,0 +1,14 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React from 'react';
+import styles from './styles.css.js';
+export default function Handle(props) {
+    // We need to use a div with button role instead of a button
+    // so that Safari will focus on it when clicking it.
+    // (See https://bugs.webkit.org/show_bug.cgi?id=22261)
+    // Otherwise, we can't reliably catch keyboard events coming from the handle
+    // when it is being dragged.
+    return (React.createElement("div", Object.assign({ role: "button", tabIndex: 0 }, props, { onPointerDown: props.onPointerDown, className: clsx(styles.handle, props.className) })));
+}
+//# sourceMappingURL=index.js.map

package/lib/internal/template/internal/handle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAqC;IAClE,4DAA4D;IAC5D,oDAAoD;IACpD,sDAAsD;IACtD,4EAA4E;IAC5E,4BAA4B;IAE5B,OAAO,CACL,2CACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,IACP,KAAK,IACT,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,IAC/C,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { HTMLAttributes } from 'react';\nimport styles from './styles.css.js';\n\nexport default function Handle(props: HTMLAttributes<HTMLDivElement>) {\n  // We need to use a div with button role instead of a button\n  // so that Safari will focus on it when clicking it.\n  // (See https://bugs.webkit.org/show_bug.cgi?id=22261)\n  // Otherwise, we can't reliably catch keyboard events coming from the handle\n  // when it is being dragged.\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      {...props}\n      onPointerDown={props.onPointerDown}\n      className={clsx(styles.handle, props.className)}\n    />\n  );\n}\n"]}

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

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "handle": "awsui_handle_cc1pu_ype5d_93",
+  "hide-focus": "awsui_hide-focus_cc1pu_ype5d_104"
+};
+  

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

@@ -0,0 +1,125 @@
+/*
+ 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
+*/
+/* 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 */
+/*
+ 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
+*/
+.awsui_handle_cc1pu_ype5d_93:not(#\9) {
+  -webkit-appearance: none;
+          appearance: none;
+  background: transparent;
+  border: none;
+  padding: 0 var(--space-scaled-xxxs-lo883m, 2px);
+  margin: 0 var(--space-scaled-xxs-95dhkm, 4px);
+  color: var(--color-text-interactive-default-9me1cm, #545b64);
+}
+.awsui_handle_cc1pu_ype5d_93:not(#\9):hover {
+  color: var(--color-text-interactive-hover-79wpl9, #16191f);
+}
+body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_ype5d_93:not(#\9):focus:not(.awsui_hide-focus_cc1pu_ype5d_104) {
+  position: relative;
+}
+body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_ype5d_93:not(#\9):focus:not(.awsui_hide-focus_cc1pu_ype5d_104) {
+  outline: 2px dotted transparent;
+  outline-offset: calc(0px - 1px);
+}
+body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_ype5d_93:not(#\9):focus:not(.awsui_hide-focus_cc1pu_ype5d_104)::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * 0px);
+  top: calc(-1 * 0px);
+  width: calc(100% + 2 * 0px);
+  height: calc(100% + 2 * 0px);
+  border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
+}
+body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_ype5d_93:not(#\9):focus.awsui_hide-focus_cc1pu_ype5d_104 {
+  outline: none;
+}

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

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "handle": "awsui_handle_cc1pu_ype5d_93",
+  "hide-focus": "awsui_hide-focus_cc1pu_ype5d_104"
+};
+  

package/lib/internal/template/package.json

@@ -123,6 +123,9 @@
     "@cloudscape-design/component-toolkit": "^1.0.0-beta",
     "@cloudscape-design/test-utils-core": "^1.0.0",
     "@cloudscape-design/theming-runtime": "^1.0.0",
+    "@dnd-kit/core": "^6.0.8",
+    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/utilities": "^3.2.1",
     "@juggle/resize-observer": "^3.3.1",
     "ace-builds": "^1.4.13",
     "balanced-match": "^1.0.2",

package/lib/internal/template/table/body-cell/styles.css.js

@@ -1,45 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "body-cell": "awsui_body-cell_c6tup_1dwqx_93",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1dwqx_102",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1dwqx_114",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_1dwqx_126",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1dwqx_129",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_1dwqx_129",
-  "has-selection": "awsui_has-selection_c6tup_1dwqx_135",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1dwqx_141",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1dwqx_144",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_1dwqx_144",
-  "has-footer": "awsui_has-footer_c6tup_1dwqx_144",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1dwqx_154",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1dwqx_176",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1dwqx_180",
-  "body-cell-success": "awsui_body-cell-success_c6tup_1dwqx_204",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_1dwqx_204",
-  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1dwqx_226",
-  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1dwqx_226",
-  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1dwqx_235",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1dwqx_235",
-  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1dwqx_245",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1dwqx_245",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1dwqx_258",
-  "header-cell": "awsui_header-cell_c6tup_1dwqx_330",
-  "header-cell-sticky": "awsui_header-cell-sticky_c6tup_1dwqx_342",
-  "header-cell-stuck": "awsui_header-cell-stuck_c6tup_1dwqx_345",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_c6tup_1dwqx_345",
-  "header-cell-hidden": "awsui_header-cell-hidden_c6tup_1dwqx_348",
-  "header-cell-sortable": "awsui_header-cell-sortable_c6tup_1dwqx_351",
-  "header-cell-resizable": "awsui_header-cell-resizable_c6tup_1dwqx_366",
-  "sorting-icon": "awsui_sorting-icon_c6tup_1dwqx_370",
-  "edit-icon": "awsui_edit-icon_c6tup_1dwqx_378",
-  "header-cell-content": "awsui_header-cell-content_c6tup_1dwqx_384",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_c6tup_1dwqx_413",
-  "header-cell-disabled": "awsui_header-cell-disabled_c6tup_1dwqx_431",
-  "header-cell-sorted": "awsui_header-cell-sorted_c6tup_1dwqx_431",
-  "header-cell-text": "awsui_header-cell-text_c6tup_1dwqx_445",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_c6tup_1dwqx_450",
-  "header-cell-ascending": "awsui_header-cell-ascending_c6tup_1dwqx_456",
-  "header-cell-descending": "awsui_header-cell-descending_c6tup_1dwqx_457"
+  "body-cell": "awsui_body-cell_c6tup_1n1j7_93",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1n1j7_102",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1n1j7_114",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_1n1j7_126",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1n1j7_129",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_1n1j7_129",
+  "has-selection": "awsui_has-selection_c6tup_1n1j7_135",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1n1j7_141",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1n1j7_144",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_1n1j7_144",
+  "has-footer": "awsui_has-footer_c6tup_1n1j7_144",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1n1j7_154",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1n1j7_176",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1n1j7_180",
+  "body-cell-success": "awsui_body-cell-success_c6tup_1n1j7_204",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_1n1j7_204",
+  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1n1j7_226",
+  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1n1j7_226",
+  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1n1j7_235",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1n1j7_235",
+  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1n1j7_245",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1n1j7_245",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1n1j7_258"
 };