@cloudscape-design/components 3.0.262 → 3.0.263

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 (110) hide show
  1. package/THIRD-PARTY-LICENSES +31 -0
  2. package/collection-preferences/content-display/index.d.ts +9 -0
  3. package/collection-preferences/content-display/index.d.ts.map +1 -0
  4. package/collection-preferences/content-display/index.js +55 -0
  5. package/collection-preferences/content-display/index.js.map +1 -0
  6. package/collection-preferences/content-display/keyboard-sensor/defaults.d.ts +3 -0
  7. package/collection-preferences/content-display/keyboard-sensor/defaults.d.ts.map +1 -0
  8. package/collection-preferences/content-display/keyboard-sensor/defaults.js +9 -0
  9. package/collection-preferences/content-display/keyboard-sensor/defaults.js.map +1 -0
  10. package/collection-preferences/content-display/keyboard-sensor/index.d.ts +19 -0
  11. package/collection-preferences/content-display/keyboard-sensor/index.d.ts.map +1 -0
  12. package/collection-preferences/content-display/keyboard-sensor/index.js +126 -0
  13. package/collection-preferences/content-display/keyboard-sensor/index.js.map +1 -0
  14. package/collection-preferences/content-display/keyboard-sensor/utilities/events.d.ts +11 -0
  15. package/collection-preferences/content-display/keyboard-sensor/utilities/events.d.ts.map +1 -0
  16. package/collection-preferences/content-display/keyboard-sensor/utilities/events.js +14 -0
  17. package/collection-preferences/content-display/keyboard-sensor/utilities/events.js.map +1 -0
  18. package/collection-preferences/content-display/keyboard-sensor/utilities/listeners.d.ts +8 -0
  19. package/collection-preferences/content-display/keyboard-sensor/utilities/listeners.d.ts.map +1 -0
  20. package/collection-preferences/content-display/keyboard-sensor/utilities/listeners.js +17 -0
  21. package/collection-preferences/content-display/keyboard-sensor/utilities/listeners.js.map +1 -0
  22. package/collection-preferences/content-display/keyboard-sensor/utilities/scroll.d.ts +30 -0
  23. package/collection-preferences/content-display/keyboard-sensor/utilities/scroll.d.ts.map +1 -0
  24. package/collection-preferences/content-display/keyboard-sensor/utilities/scroll.js +95 -0
  25. package/collection-preferences/content-display/keyboard-sensor/utilities/scroll.js.map +1 -0
  26. package/collection-preferences/content-display/sortable-item.d.ts +9 -0
  27. package/collection-preferences/content-display/sortable-item.d.ts.map +1 -0
  28. package/collection-preferences/content-display/sortable-item.js +52 -0
  29. package/collection-preferences/content-display/sortable-item.js.map +1 -0
  30. package/collection-preferences/content-display/styles.css.js +20 -0
  31. package/collection-preferences/content-display/styles.scoped.css +303 -0
  32. package/collection-preferences/content-display/styles.selectors.js +21 -0
  33. package/collection-preferences/content-display/use-drag-and-drop-reorder.d.ts +14 -0
  34. package/collection-preferences/content-display/use-drag-and-drop-reorder.d.ts.map +1 -0
  35. package/collection-preferences/content-display/use-drag-and-drop-reorder.js +144 -0
  36. package/collection-preferences/content-display/use-drag-and-drop-reorder.js.map +1 -0
  37. package/collection-preferences/content-display/use-live-announcements.d.ts +12 -0
  38. package/collection-preferences/content-display/use-live-announcements.d.ts.map +1 -0
  39. package/collection-preferences/content-display/use-live-announcements.js +40 -0
  40. package/collection-preferences/content-display/use-live-announcements.js.map +1 -0
  41. package/collection-preferences/content-display/utils.d.ts +9 -0
  42. package/collection-preferences/content-display/utils.d.ts.map +1 -0
  43. package/collection-preferences/content-display/utils.js +7 -0
  44. package/collection-preferences/content-display/utils.js.map +1 -0
  45. package/collection-preferences/index.d.ts +1 -1
  46. package/collection-preferences/index.d.ts.map +1 -1
  47. package/collection-preferences/index.js +15 -9
  48. package/collection-preferences/index.js.map +1 -1
  49. package/collection-preferences/interfaces.d.ts +47 -1
  50. package/collection-preferences/interfaces.d.ts.map +1 -1
  51. package/collection-preferences/interfaces.js.map +1 -1
  52. package/collection-preferences/styles.css.js +36 -21
  53. package/collection-preferences/styles.scoped.css +326 -22
  54. package/collection-preferences/styles.selectors.js +36 -21
  55. package/collection-preferences/utils.d.ts +1 -1
  56. package/collection-preferences/utils.d.ts.map +1 -1
  57. package/collection-preferences/utils.js +20 -9
  58. package/collection-preferences/utils.js.map +1 -1
  59. package/internal/components/token-list/styles.css.js +9 -9
  60. package/internal/components/token-list/styles.scoped.css +22 -21
  61. package/internal/components/token-list/styles.selectors.js +9 -9
  62. package/internal/drag-handle/index.d.ts +9 -0
  63. package/internal/drag-handle/index.d.ts.map +1 -0
  64. package/internal/drag-handle/index.js +13 -0
  65. package/internal/drag-handle/index.js.map +1 -0
  66. package/internal/drag-handle/styles.css.js +6 -0
  67. package/internal/drag-handle/styles.scoped.css +13 -0
  68. package/internal/drag-handle/styles.selectors.js +7 -0
  69. package/internal/environment.js +1 -1
  70. package/internal/handle/index.d.ts +3 -0
  71. package/internal/handle/index.d.ts.map +1 -0
  72. package/internal/handle/index.js +14 -0
  73. package/internal/handle/index.js.map +1 -0
  74. package/internal/handle/styles.css.js +7 -0
  75. package/internal/handle/styles.scoped.css +125 -0
  76. package/internal/handle/styles.selectors.js +8 -0
  77. package/internal/manifest.json +1 -1
  78. package/package.json +4 -1
  79. package/table/body-cell/styles.css.js +23 -23
  80. package/table/body-cell/styles.scoped.css +59 -59
  81. package/table/body-cell/styles.selectors.js +23 -23
  82. package/table/interfaces.d.ts +16 -3
  83. package/table/interfaces.d.ts.map +1 -1
  84. package/table/interfaces.js.map +1 -1
  85. package/table/internal.d.ts.map +1 -1
  86. package/table/internal.js +7 -5
  87. package/table/internal.js.map +1 -1
  88. package/table/thead.d.ts.map +1 -1
  89. package/table/thead.js +3 -6
  90. package/table/thead.js.map +1 -1
  91. package/table/utils.d.ts +5 -0
  92. package/table/utils.d.ts.map +1 -1
  93. package/table/utils.js +23 -0
  94. package/table/utils.js.map +1 -1
  95. package/test-utils/dom/collection-preferences/content-display-preference.d.ts +37 -0
  96. package/test-utils/dom/collection-preferences/content-display-preference.js +62 -0
  97. package/test-utils/dom/collection-preferences/content-display-preference.js.map +1 -0
  98. package/test-utils/dom/collection-preferences/index.d.ts +2 -0
  99. package/test-utils/dom/collection-preferences/index.js +4 -0
  100. package/test-utils/dom/collection-preferences/index.js.map +1 -1
  101. package/test-utils/selectors/collection-preferences/content-display-preference.d.ts +37 -0
  102. package/test-utils/selectors/collection-preferences/content-display-preference.js +62 -0
  103. package/test-utils/selectors/collection-preferences/content-display-preference.js.map +1 -0
  104. package/test-utils/selectors/collection-preferences/index.d.ts +2 -0
  105. package/test-utils/selectors/collection-preferences/index.js +4 -0
  106. package/test-utils/selectors/collection-preferences/index.js.map +1 -1
  107. package/test-utils/tsconfig.tsbuildinfo +1 -1
  108. package/top-navigation/parts/overflow-menu/menu-item.d.ts.map +1 -1
  109. package/top-navigation/parts/overflow-menu/menu-item.js +5 -4
  110. package/top-navigation/parts/overflow-menu/menu-item.js.map +1 -1
@@ -90,48 +90,49 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_gfwv3_sgio_93:not(#\9) {
93
+ .awsui_root_gfwv3_1w5fz_93:not(#\9) {
94
94
  display: flex;
95
95
  flex-wrap: wrap;
96
96
  gap: var(--space-scaled-xs-6859qs, 8px);
97
97
  }
98
- .awsui_root_gfwv3_sgio_93.awsui_horizontal_gfwv3_sgio_98:not(#\9) {
98
+ .awsui_root_gfwv3_1w5fz_93.awsui_horizontal_gfwv3_1w5fz_98:not(#\9) {
99
99
  gap: var(--space-xs-rsr2qu, 8px);
100
100
  flex-direction: row;
101
101
  }
102
- .awsui_root_gfwv3_sgio_93.awsui_vertical_gfwv3_sgio_102:not(#\9) {
102
+ .awsui_root_gfwv3_1w5fz_93.awsui_vertical_gfwv3_1w5fz_102:not(#\9) {
103
103
  flex-direction: column;
104
104
  }
105
105
 
106
- .awsui_list_gfwv3_sgio_106:not(#\9) {
106
+ .awsui_list_gfwv3_1w5fz_106:not(#\9) {
107
107
  display: contents;
108
108
  list-style: none;
109
109
  padding: 0;
110
110
  margin: 0;
111
111
  }
112
- .awsui_list_gfwv3_sgio_106.awsui_horizontal_gfwv3_sgio_98:not(#\9), .awsui_list_gfwv3_sgio_106.awsui_vertical_gfwv3_sgio_102:not(#\9) {
112
+ .awsui_list_gfwv3_1w5fz_106.awsui_horizontal_gfwv3_1w5fz_98:not(#\9), .awsui_list_gfwv3_1w5fz_106.awsui_vertical_gfwv3_1w5fz_102:not(#\9) {
113
113
  display: flex;
114
114
  flex-wrap: wrap;
115
115
  gap: var(--space-xs-rsr2qu, 8px);
116
116
  }
117
- .awsui_list_gfwv3_sgio_106.awsui_horizontal_gfwv3_sgio_98:not(#\9) {
117
+ .awsui_list_gfwv3_1w5fz_106.awsui_horizontal_gfwv3_1w5fz_98:not(#\9) {
118
118
  flex-direction: row;
119
119
  }
120
- .awsui_list_gfwv3_sgio_106.awsui_vertical_gfwv3_sgio_102:not(#\9) {
120
+ .awsui_list_gfwv3_1w5fz_106.awsui_vertical_gfwv3_1w5fz_102:not(#\9) {
121
121
  flex-direction: column;
122
122
  }
123
123
 
124
- .awsui_list-item_gfwv3_sgio_124:not(#\9) {
125
- /* used in test-utils */
124
+ .awsui_list-item_gfwv3_1w5fz_124:not(#\9) {
125
+ padding: 0;
126
+ margin: 0;
126
127
  }
127
128
 
128
- .awsui_toggle-container-inline_gfwv3_sgio_128:not(#\9) {
129
+ .awsui_toggle-container-inline_gfwv3_1w5fz_129:not(#\9) {
129
130
  padding-left: var(--space-xs-rsr2qu, 8px);
130
131
  display: flex;
131
132
  align-items: center;
132
133
  }
133
134
 
134
- .awsui_toggle_gfwv3_sgio_128:not(#\9) {
135
+ .awsui_toggle_gfwv3_1w5fz_129:not(#\9) {
135
136
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
136
137
  border-collapse: separate;
137
138
  border-spacing: 0;
@@ -186,46 +187,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
187
  margin-left: -1px;
187
188
  }
188
189
  @media (prefers-reduced-motion: reduce) {
189
- .awsui_toggle_gfwv3_sgio_128:not(#\9) {
190
+ .awsui_toggle_gfwv3_1w5fz_129:not(#\9) {
190
191
  animation: none;
191
192
  transition: none;
192
193
  }
193
194
  }
194
- .awsui-motion-disabled .awsui_toggle_gfwv3_sgio_128:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_sgio_128:not(#\9) {
195
+ .awsui-motion-disabled .awsui_toggle_gfwv3_1w5fz_129:not(#\9), .awsui-mode-entering .awsui_toggle_gfwv3_1w5fz_129:not(#\9) {
195
196
  animation: none;
196
197
  transition: none;
197
198
  }
198
- .awsui_toggle_gfwv3_sgio_128:not(#\9):hover {
199
+ .awsui_toggle_gfwv3_1w5fz_129:not(#\9):hover {
199
200
  cursor: pointer;
200
201
  color: var(--color-text-link-hover-kololx, #033160);
201
202
  }
202
- .awsui_toggle_gfwv3_sgio_128:not(#\9):focus {
203
+ .awsui_toggle_gfwv3_1w5fz_129:not(#\9):focus {
203
204
  outline: none;
204
205
  }
205
- .awsui_toggle_gfwv3_sgio_128:not(#\9):active {
206
+ .awsui_toggle_gfwv3_1w5fz_129:not(#\9):active {
206
207
  color: var(--color-text-link-hover-kololx, #033160);
207
208
  }
208
- .awsui_toggle_gfwv3_sgio_128:not(#\9):active, .awsui_toggle_gfwv3_sgio_128:not(#\9):focus, .awsui_toggle_gfwv3_sgio_128:not(#\9):hover {
209
+ .awsui_toggle_gfwv3_1w5fz_129:not(#\9):active, .awsui_toggle_gfwv3_1w5fz_129:not(#\9):focus, .awsui_toggle_gfwv3_1w5fz_129:not(#\9):hover {
209
210
  text-decoration: underline;
210
211
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
211
212
  text-decoration-color: currentColor;
212
213
  }
213
- .awsui_toggle_gfwv3_sgio_128:not(#\9):active, .awsui_toggle_gfwv3_sgio_128:not(#\9):focus, .awsui_toggle_gfwv3_sgio_128:not(#\9):hover {
214
+ .awsui_toggle_gfwv3_1w5fz_129:not(#\9):active, .awsui_toggle_gfwv3_1w5fz_129:not(#\9):focus, .awsui_toggle_gfwv3_1w5fz_129:not(#\9):hover {
214
215
  text-decoration: none;
215
216
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
216
217
  text-decoration-color: transparent;
217
218
  }
218
- body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_sgio_128:not(#\9):focus {
219
+ body[data-awsui-focus-visible=true] .awsui_toggle_gfwv3_1w5fz_129:not(#\9):focus {
219
220
  outline: 2px dotted transparent;
220
221
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
221
222
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
222
223
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
223
224
  }
224
- .awsui_toggle_gfwv3_sgio_128 > .awsui_description_gfwv3_sgio_196:not(#\9) {
225
+ .awsui_toggle_gfwv3_1w5fz_129 > .awsui_description_gfwv3_1w5fz_197:not(#\9) {
225
226
  margin-left: var(--space-xxs-ynfts5, 4px);
226
227
  }
227
228
 
228
- .awsui_separator_gfwv3_sgio_200:not(#\9) {
229
+ .awsui_separator_gfwv3_1w5fz_201:not(#\9) {
229
230
  margin: 0px var(--space-scaled-m-pv0fmt, 16px);
230
231
  width: var(--border-divider-section-width-4wm2it, 2px);
231
232
  background-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
@@ -2,14 +2,14 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_gfwv3_sgio_93",
6
- "horizontal": "awsui_horizontal_gfwv3_sgio_98",
7
- "vertical": "awsui_vertical_gfwv3_sgio_102",
8
- "list": "awsui_list_gfwv3_sgio_106",
9
- "list-item": "awsui_list-item_gfwv3_sgio_124",
10
- "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_sgio_128",
11
- "toggle": "awsui_toggle_gfwv3_sgio_128",
12
- "description": "awsui_description_gfwv3_sgio_196",
13
- "separator": "awsui_separator_gfwv3_sgio_200"
5
+ "root": "awsui_root_gfwv3_1w5fz_93",
6
+ "horizontal": "awsui_horizontal_gfwv3_1w5fz_98",
7
+ "vertical": "awsui_vertical_gfwv3_1w5fz_102",
8
+ "list": "awsui_list_gfwv3_1w5fz_106",
9
+ "list-item": "awsui_list-item_gfwv3_1w5fz_124",
10
+ "toggle-container-inline": "awsui_toggle-container-inline_gfwv3_1w5fz_129",
11
+ "toggle": "awsui_toggle_gfwv3_1w5fz_129",
12
+ "description": "awsui_description_gfwv3_1w5fz_197",
13
+ "separator": "awsui_separator_gfwv3_1w5fz_201"
14
14
  };
15
15
 
@@ -0,0 +1,9 @@
1
+ import { ButtonHTMLAttributes } from 'react';
2
+ import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
3
+ export interface DragHandleProps {
4
+ attributes: ButtonHTMLAttributes<HTMLDivElement>;
5
+ hideFocus?: boolean;
6
+ listeners?: SyntheticListenerMap;
7
+ }
8
+ export default function DragHandle({ attributes, hideFocus, listeners }: DragHandleProps): JSX.Element;
9
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,13 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import React from 'react';
4
+ import Handle from '../handle';
5
+ import InternalIcon from '../../icon/internal';
6
+ import styles from './styles.css.js';
7
+ import handleStyles from '../handle/styles.css.js';
8
+ import clsx from 'clsx';
9
+ export default function DragHandle({ attributes, hideFocus, listeners }) {
10
+ return (React.createElement(Handle, Object.assign({ className: clsx(styles.handle, hideFocus && handleStyles['hide-focus']) }, attributes, listeners),
11
+ React.createElement(InternalIcon, { name: "drag-indicator" })));
12
+ }
13
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,6 @@
1
+
2
+ import './styles.scoped.css';
3
+ export default {
4
+ "handle": "awsui_handle_umbhe_1v8zk_5"
5
+ };
6
+
@@ -0,0 +1,13 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+ .awsui_handle_umbhe_1v8zk_5:not(#\9) {
6
+ cursor: grab;
7
+ /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
8
+ touch-action: none;
9
+ }
10
+
11
+ .awsui_handle_umbhe_1v8zk_5:not(#\9):active {
12
+ cursor: grabbing;
13
+ }
@@ -0,0 +1,7 @@
1
+
2
+ // es-module interop with Babel and Typescript
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ module.exports.default = {
5
+ "handle": "awsui_handle_umbhe_1v8zk_5"
6
+ };
7
+
@@ -1,6 +1,6 @@
1
1
 
2
2
  export var PACKAGE_SOURCE = 'components';
3
- export var PACKAGE_VERSION = '3.0.0 (d8e23ea)';
3
+ export var PACKAGE_VERSION = '3.0.0 (db6bd09)';
4
4
  export var THEME = 'open-source-visual-refresh';
5
5
  export var ALWAYS_VISUAL_REFRESH = true;
6
6
 
@@ -0,0 +1,3 @@
1
+ import { HTMLAttributes } from 'react';
2
+ export default function Handle(props: HTMLAttributes<HTMLDivElement>): JSX.Element;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,14 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import clsx from 'clsx';
4
+ import React from 'react';
5
+ import styles from './styles.css.js';
6
+ export default function Handle(props) {
7
+ // We need to use a div with button role instead of a button
8
+ // so that Safari will focus on it when clicking it.
9
+ // (See https://bugs.webkit.org/show_bug.cgi?id=22261)
10
+ // Otherwise, we can't reliably catch keyboard events coming from the handle
11
+ // when it is being dragged.
12
+ return (React.createElement("div", Object.assign({ role: "button", tabIndex: 0 }, props, { onPointerDown: props.onPointerDown, className: clsx(styles.handle, props.className) })));
13
+ }
14
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,7 @@
1
+
2
+ import './styles.scoped.css';
3
+ export default {
4
+ "handle": "awsui_handle_cc1pu_1w4zo_93",
5
+ "hide-focus": "awsui_hide-focus_cc1pu_1w4zo_104"
6
+ };
7
+
@@ -0,0 +1,125 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+ /*
6
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
+ SPDX-License-Identifier: Apache-2.0
8
+ */
9
+ /*
10
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
11
+ SPDX-License-Identifier: Apache-2.0
12
+ */
13
+ /*
14
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
15
+ SPDX-License-Identifier: Apache-2.0
16
+ */
17
+ /*
18
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
19
+ SPDX-License-Identifier: Apache-2.0
20
+ */
21
+ /*
22
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
23
+ SPDX-License-Identifier: Apache-2.0
24
+ */
25
+ /*
26
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
27
+ SPDX-License-Identifier: Apache-2.0
28
+ */
29
+ /*
30
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
31
+ SPDX-License-Identifier: Apache-2.0
32
+ */
33
+ /*
34
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
35
+ SPDX-License-Identifier: Apache-2.0
36
+ */
37
+ /*
38
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
39
+ SPDX-License-Identifier: Apache-2.0
40
+ */
41
+ /*
42
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
43
+ SPDX-License-Identifier: Apache-2.0
44
+ */
45
+ /*
46
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
47
+ SPDX-License-Identifier: Apache-2.0
48
+ */
49
+ /*
50
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
51
+ SPDX-License-Identifier: Apache-2.0
52
+ */
53
+ /*
54
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
55
+ SPDX-License-Identifier: Apache-2.0
56
+ */
57
+ /*
58
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
59
+ SPDX-License-Identifier: Apache-2.0
60
+ */
61
+ /*
62
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
63
+ SPDX-License-Identifier: Apache-2.0
64
+ */
65
+ /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
66
+ /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
67
+ /*
68
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
69
+ SPDX-License-Identifier: Apache-2.0
70
+ */
71
+ /*
72
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
73
+ SPDX-License-Identifier: Apache-2.0
74
+ */
75
+ /*
76
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
77
+ SPDX-License-Identifier: Apache-2.0
78
+ */
79
+ /*
80
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
81
+ SPDX-License-Identifier: Apache-2.0
82
+ */
83
+ /* Style used for links in slots/components that are text heavy, to help links stand out among
84
+ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
85
+ /*
86
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
87
+ SPDX-License-Identifier: Apache-2.0
88
+ */
89
+ /*
90
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
+ SPDX-License-Identifier: Apache-2.0
92
+ */
93
+ .awsui_handle_cc1pu_1w4zo_93:not(#\9) {
94
+ -webkit-appearance: none;
95
+ appearance: none;
96
+ background: transparent;
97
+ border: none;
98
+ padding: 0 var(--space-scaled-xxxs-lo883m, 2px);
99
+ margin: 0 var(--space-scaled-xxs-95dhkm, 4px);
100
+ color: var(--color-text-interactive-default-eg5fsa, #414d5c);
101
+ }
102
+ .awsui_handle_cc1pu_1w4zo_93:not(#\9):hover {
103
+ color: var(--color-text-interactive-hover-v3lasm, #000716);
104
+ }
105
+ body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_1w4zo_93:not(#\9):focus:not(.awsui_hide-focus_cc1pu_1w4zo_104) {
106
+ position: relative;
107
+ }
108
+ body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_1w4zo_93:not(#\9):focus:not(.awsui_hide-focus_cc1pu_1w4zo_104) {
109
+ outline: 2px dotted transparent;
110
+ outline-offset: calc(0px - 1px);
111
+ }
112
+ body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_1w4zo_93:not(#\9):focus:not(.awsui_hide-focus_cc1pu_1w4zo_104)::before {
113
+ content: " ";
114
+ display: block;
115
+ position: absolute;
116
+ left: calc(-1 * 0px);
117
+ top: calc(-1 * 0px);
118
+ width: calc(100% + 2 * 0px);
119
+ height: calc(100% + 2 * 0px);
120
+ border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
121
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
122
+ }
123
+ body[data-awsui-focus-visible=true] .awsui_handle_cc1pu_1w4zo_93:not(#\9):focus.awsui_hide-focus_cc1pu_1w4zo_104 {
124
+ outline: none;
125
+ }
@@ -0,0 +1,8 @@
1
+
2
+ // es-module interop with Babel and Typescript
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ module.exports.default = {
5
+ "handle": "awsui_handle_cc1pu_1w4zo_93",
6
+ "hide-focus": "awsui_hide-focus_cc1pu_1w4zo_104"
7
+ };
8
+
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "d8e23ea973af4b8760a26f1f91fcfacf69cce118"
2
+ "commit": "db6bd09c052e0598e2a9c2e90d09ddbf4b6a7b38"
3
3
  }
package/package.json CHANGED
@@ -109,7 +109,7 @@
109
109
  "./internal/base-component/index.js",
110
110
  "./internal/base-component/styles.css.js"
111
111
  ],
112
- "version": "3.0.262",
112
+ "version": "3.0.263",
113
113
  "repository": {
114
114
  "type": "git",
115
115
  "url": "https://github.com/cloudscape-design/components.git"
@@ -120,6 +120,9 @@
120
120
  "@cloudscape-design/component-toolkit": "^1.0.0-beta",
121
121
  "@cloudscape-design/test-utils-core": "^1.0.0",
122
122
  "@cloudscape-design/theming-runtime": "^1.0.0",
123
+ "@dnd-kit/core": "^6.0.8",
124
+ "@dnd-kit/sortable": "^7.0.2",
125
+ "@dnd-kit/utilities": "^3.2.1",
123
126
  "@juggle/resize-observer": "^3.3.1",
124
127
  "ace-builds": "^1.4.13",
125
128
  "balanced-match": "^1.0.2",
@@ -1,28 +1,28 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "body-cell": "awsui_body-cell_c6tup_iy9jn_93",
5
- "body-cell-wrap": "awsui_body-cell-wrap_c6tup_iy9jn_102",
6
- "is-visual-refresh": "awsui_is-visual-refresh_c6tup_iy9jn_114",
7
- "has-striped-rows": "awsui_has-striped-rows_c6tup_iy9jn_126",
8
- "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_iy9jn_129",
9
- "body-cell-editable": "awsui_body-cell-editable_c6tup_iy9jn_129",
10
- "has-selection": "awsui_has-selection_c6tup_iy9jn_135",
11
- "body-cell-first-row": "awsui_body-cell-first-row_c6tup_iy9jn_141",
12
- "body-cell-last-row": "awsui_body-cell-last-row_c6tup_iy9jn_144",
13
- "body-cell-selected": "awsui_body-cell-selected_c6tup_iy9jn_144",
14
- "has-footer": "awsui_has-footer_c6tup_iy9jn_144",
15
- "body-cell-shaded": "awsui_body-cell-shaded_c6tup_iy9jn_154",
16
- "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_iy9jn_176",
17
- "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_iy9jn_180",
18
- "body-cell-success": "awsui_body-cell-success_c6tup_iy9jn_204",
19
- "body-cell-editor": "awsui_body-cell-editor_c6tup_iy9jn_204",
20
- "body-cell-success-form": "awsui_body-cell-success-form_c6tup_iy9jn_226",
21
- "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_iy9jn_226",
22
- "body-cell-success-row": "awsui_body-cell-success-row_c6tup_iy9jn_235",
23
- "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_iy9jn_235",
24
- "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_iy9jn_245",
25
- "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_iy9jn_245",
26
- "body-cell-has-success": "awsui_body-cell-has-success_c6tup_iy9jn_258"
4
+ "body-cell": "awsui_body-cell_c6tup_3yrbc_93",
5
+ "body-cell-wrap": "awsui_body-cell-wrap_c6tup_3yrbc_102",
6
+ "is-visual-refresh": "awsui_is-visual-refresh_c6tup_3yrbc_114",
7
+ "has-striped-rows": "awsui_has-striped-rows_c6tup_3yrbc_126",
8
+ "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_3yrbc_129",
9
+ "body-cell-editable": "awsui_body-cell-editable_c6tup_3yrbc_129",
10
+ "has-selection": "awsui_has-selection_c6tup_3yrbc_135",
11
+ "body-cell-first-row": "awsui_body-cell-first-row_c6tup_3yrbc_141",
12
+ "body-cell-last-row": "awsui_body-cell-last-row_c6tup_3yrbc_144",
13
+ "body-cell-selected": "awsui_body-cell-selected_c6tup_3yrbc_144",
14
+ "has-footer": "awsui_has-footer_c6tup_3yrbc_144",
15
+ "body-cell-shaded": "awsui_body-cell-shaded_c6tup_3yrbc_154",
16
+ "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_3yrbc_176",
17
+ "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_3yrbc_180",
18
+ "body-cell-success": "awsui_body-cell-success_c6tup_3yrbc_204",
19
+ "body-cell-editor": "awsui_body-cell-editor_c6tup_3yrbc_204",
20
+ "body-cell-success-form": "awsui_body-cell-success-form_c6tup_3yrbc_226",
21
+ "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_3yrbc_226",
22
+ "body-cell-success-row": "awsui_body-cell-success-row_c6tup_3yrbc_235",
23
+ "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_3yrbc_235",
24
+ "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_3yrbc_245",
25
+ "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_3yrbc_245",
26
+ "body-cell-has-success": "awsui_body-cell-has-success_c6tup_3yrbc_258"
27
27
  };
28
28