@cloudscape-design/components 3.0.433 → 3.0.435

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 (10) hide show
  1. package/internal/environment.js +1 -1
  2. package/internal/environment.json +1 -1
  3. package/internal/manifest.json +1 -1
  4. package/package.json +1 -1
  5. package/popover/utils/positions.d.ts.map +1 -1
  6. package/popover/utils/positions.js +1 -6
  7. package/popover/utils/positions.js.map +1 -1
  8. package/table/body-cell/styles.css.js +28 -28
  9. package/table/body-cell/styles.scoped.css +77 -74
  10. package/table/body-cell/styles.selectors.js +28 -28
package/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (40acd3f3)";
2
+ export var PACKAGE_VERSION = "3.0.0 (fd219f6a)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (40acd3f3)",
3
+ "PACKAGE_VERSION": "3.0.0 (fd219f6a)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "40acd3f3f278f18f609bc645d3f536387e689eb2"
2
+ "commit": "fd219f6ab4fe0720acf0cf3adee82de1a3ecd178"
3
3
  }
package/package.json CHANGED
@@ -113,7 +113,7 @@
113
113
  "./internal/base-component/index.js",
114
114
  "./internal/base-component/styles.css.js"
115
115
  ],
116
- "version": "3.0.433",
116
+ "version": "3.0.435",
117
117
  "repository": {
118
118
  "type": "git",
119
119
  "url": "https://github.com/cloudscape-design/components.git"
package/popover/utils/positions.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"positions.d.ts","sourceRoot":"lib/default/","sources":["popover/utils/positions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5F,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,cAAc,EAAE,cAAc,CAAC;CAChC;AAUD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAiD9E,CAAC;AAgIF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,cAAc,EAAE,GAAG,MAAM,GAAG,IAAI,CAsB/E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,YAAY,CAAC,QAAQ,EAChC,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,cAAc,EAExB,gBAAgB,CAAC,EAAE,OAAO,GACzB,iBAAiB,CAqCnB"}
1
+ {"version":3,"file":"positions.d.ts","sourceRoot":"lib/default/","sources":["popover/utils/positions.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5F,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,cAAc,EAAE,cAAc,CAAC;CAChC;AAUD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,YAAY,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAiD9E,CAAC;AA0HF;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,cAAc,EAAE,GAAG,MAAM,GAAG,IAAI,CAsB/E;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,YAAY,CAAC,QAAQ,EAChC,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,WAAW,EAClB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,cAAc,EAExB,gBAAgB,CAAC,EAAE,OAAO,GACzB,iBAAiB,CAkCnB"}
package/popover/utils/positions.js CHANGED
@@ -162,11 +162,6 @@ function fitIntoContainer(inner, outer) {
162
162
  }
163
163
  return { left, width, top, height };
164
164
  }
165
- function getLargestRect(rect1, rect2) {
166
- const area1 = rect1.height * rect1.width;
167
- const area2 = rect2.height * rect2.width;
168
- return area1 >= area2 ? rect1 : rect2;
169
- }
170
165
  /**
171
166
  * Returns the area of the intersection of passed in rectangles or a null, if there is no intersection
172
167
  */
@@ -225,7 +220,7 @@ renderWithPortal) {
225
220
  // Get default rect for that placement.
226
221
  const defaultOffset = RECTANGLE_CALCULATIONS[internalPosition]({ body, trigger, arrow });
227
222
  // Get largest possible rect that fits into viewport or container.
228
- const optimisedOffset = fitIntoContainer(defaultOffset, renderWithPortal ? viewport : getLargestRect(container, viewport));
223
+ const optimisedOffset = fitIntoContainer(defaultOffset, viewport);
229
224
  // If largest possible rect is smaller than original - set body scroll.
230
225
  const scrollable = optimisedOffset.height < defaultOffset.height;
231
226
  return { internalPosition, boundingOffset: optimisedOffset, scrollable };
package/popover/utils/positions.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"positions.js","sourceRoot":"lib/default/","sources":["popover/utils/positions.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\nimport { PopoverProps, InternalPosition, BoundingOffset, BoundingBox } from '../interfaces';\n\n// A structure describing how the popover should be positioned\nexport interface CalculatePosition {\n scrollable?: boolean;\n internalPosition: InternalPosition;\n boundingOffset: BoundingOffset;\n}\n\ninterface ElementGroup {\n body: BoundingBox;\n trigger: BoundingOffset;\n arrow: BoundingBox;\n}\n\nconst ARROW_OFFSET = 12;\n\nexport const PRIORITY_MAPPING: Record<PopoverProps.Position, InternalPosition[]> = {\n top: [\n 'top-center',\n 'top-right',\n 'top-left',\n 'bottom-center',\n 'bottom-right',\n 'bottom-left',\n 'right-top',\n 'right-bottom',\n 'left-top',\n 'left-bottom',\n ],\n bottom: [\n 'bottom-center',\n 'bottom-right',\n 'bottom-left',\n 'top-center',\n 'top-right',\n 'top-left',\n 'right-top',\n 'right-bottom',\n 'left-top',\n 'left-bottom',\n ],\n left: [\n 'left-top',\n 'left-bottom',\n 'right-top',\n 'right-bottom',\n 'bottom-center',\n 'top-center',\n 'bottom-left',\n 'top-left',\n 'bottom-right',\n 'top-right',\n ],\n right: [\n 'right-top',\n 'right-bottom',\n 'left-top',\n 'left-bottom',\n 'bottom-center',\n 'top-center',\n 'bottom-right',\n 'top-right',\n 'bottom-left',\n 'top-left',\n ],\n};\n\nconst RECTANGLE_CALCULATIONS: Record<InternalPosition, (r: ElementGroup) => BoundingOffset> = {\n 'top-center': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top - body.height - arrow.height,\n left: trigger.left + trigger.width / 2 - body.width / 2,\n width: body.width,\n height: body.height,\n };\n },\n 'top-right': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top - body.height - arrow.height,\n left: trigger.left,\n width: body.width,\n height: body.height,\n };\n },\n 'top-left': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top - body.height - arrow.height,\n left: trigger.left + trigger.width - body.width,\n width: body.width,\n height: body.height,\n };\n },\n 'bottom-center': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height + arrow.height,\n left: trigger.left + trigger.width / 2 - body.width / 2,\n width: body.width,\n height: body.height,\n };\n },\n 'bottom-right': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height + arrow.height,\n left: trigger.left,\n width: body.width,\n height: body.height,\n };\n },\n 'bottom-left': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height + arrow.height,\n left: trigger.left + trigger.width - body.width,\n width: body.width,\n height: body.height,\n };\n },\n 'right-top': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height / 2 - ARROW_OFFSET - arrow.height,\n left: trigger.left + trigger.width + arrow.height,\n width: body.width,\n height: body.height,\n };\n },\n 'right-bottom': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height / 2 - body.height + ARROW_OFFSET + arrow.height,\n left: trigger.left + trigger.width + arrow.height,\n width: body.width,\n height: body.height,\n };\n },\n 'left-top': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height / 2 - ARROW_OFFSET - arrow.height,\n left: trigger.left - body.width - arrow.height,\n width: body.width,\n height: body.height,\n };\n },\n 'left-bottom': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height / 2 - body.height + ARROW_OFFSET + arrow.height,\n left: trigger.left - body.width - arrow.height,\n width: body.width,\n height: body.height,\n };\n },\n};\n\n/**\n * Returns whether one rectangle fits in another.\n */\nfunction canRectFit(inner: BoundingOffset, outer: BoundingOffset): boolean {\n return (\n inner.left >= outer.left &&\n inner.top >= outer.top &&\n inner.left + inner.width <= outer.left + outer.width &&\n inner.top + inner.height <= outer.top + outer.height\n );\n}\n\nfunction fitIntoContainer(inner: BoundingOffset, outer: BoundingOffset): BoundingOffset {\n let { left, width, top, height } = inner;\n\n // Adjust left boundary.\n if (left < outer.left) {\n width = left + width - outer.left;\n left = outer.left;\n }\n // Adjust right boundary.\n else if (left + width > outer.left + outer.width) {\n width = outer.left + outer.width - left;\n }\n // Adjust top boundary.\n if (top < outer.top) {\n height = top + height - outer.top;\n top = outer.top;\n }\n // Adjust bottom boundary.\n else if (top + height > outer.top + outer.height) {\n height = outer.top + outer.height - top;\n }\n\n return { left, width, top, height };\n}\n\nfunction getLargestRect(rect1: BoundingOffset, rect2: BoundingOffset): BoundingOffset {\n const area1 = rect1.height * rect1.width;\n const area2 = rect2.height * rect2.width;\n return area1 >= area2 ? rect1 : rect2;\n}\n\n/**\n * Returns the area of the intersection of passed in rectangles or a null, if there is no intersection\n */\nexport function intersectRectangles(rectangles: BoundingOffset[]): number | null {\n let boundingOffset: BoundingOffset | null = null;\n for (const currentRect of rectangles) {\n if (!boundingOffset) {\n boundingOffset = currentRect;\n continue;\n }\n const left = Math.max(boundingOffset.left, currentRect.left);\n const top = Math.max(boundingOffset.top, currentRect.top);\n const right = Math.min(boundingOffset.left + boundingOffset.width, currentRect.left + currentRect.width);\n const bottom = Math.min(boundingOffset.top + boundingOffset.height, currentRect.top + currentRect.height);\n if (right < left || bottom < top) {\n return null;\n }\n boundingOffset = {\n left,\n top,\n width: right - left,\n height: bottom - top,\n };\n }\n return boundingOffset && boundingOffset.height * boundingOffset.width;\n}\n\n/**\n * A functions that returns the correct popover position based on screen dimensions.\n */\nexport function calculatePosition(\n preferred: PopoverProps.Position,\n trigger: BoundingOffset,\n arrow: BoundingBox,\n body: BoundingBox,\n container: BoundingOffset,\n viewport: BoundingOffset,\n // the popover is only bound by the viewport if it is rendered in a portal\n renderWithPortal?: boolean\n): CalculatePosition {\n let bestPositionOutsideViewport: CalculatePosition | null = null;\n let largestArea = 0;\n\n // Attempt to position the popover based on the priority list for this position,\n // trying to fit it inside the container and inside the viewport.\n for (const internalPosition of PRIORITY_MAPPING[preferred]) {\n const boundingOffset = RECTANGLE_CALCULATIONS[internalPosition]({ body, trigger, arrow });\n const fitsInContainer = renderWithPortal || canRectFit(boundingOffset, container);\n const fitsInViewport = canRectFit(boundingOffset, viewport);\n if (fitsInContainer && fitsInViewport) {\n return { internalPosition, boundingOffset };\n }\n const boundingRectangles = [boundingOffset, viewport];\n if (!renderWithPortal) {\n boundingRectangles.push(container);\n }\n const availableArea = intersectRectangles(boundingRectangles);\n if (availableArea && availableArea > largestArea) {\n bestPositionOutsideViewport = { internalPosition, boundingOffset };\n largestArea = availableArea;\n }\n }\n\n // Use best possible placement.\n const internalPosition = bestPositionOutsideViewport?.internalPosition || 'right-top';\n // Get default rect for that placement.\n const defaultOffset = RECTANGLE_CALCULATIONS[internalPosition]({ body, trigger, arrow });\n // Get largest possible rect that fits into viewport or container.\n const optimisedOffset = fitIntoContainer(\n defaultOffset,\n renderWithPortal ? viewport : getLargestRect(container, viewport)\n );\n // If largest possible rect is smaller than original - set body scroll.\n const scrollable = optimisedOffset.height < defaultOffset.height;\n\n return { internalPosition, boundingOffset: optimisedOffset, scrollable };\n}\n"]}
1
+ {"version":3,"file":"positions.js","sourceRoot":"lib/default/","sources":["popover/utils/positions.ts"],"names":[],"mappings":"AAiBA,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB,MAAM,CAAC,MAAM,gBAAgB,GAAsD;IACjF,GAAG,EAAE;QACH,YAAY;QACZ,WAAW;QACX,UAAU;QACV,eAAe;QACf,cAAc;QACd,aAAa;QACb,WAAW;QACX,cAAc;QACd,UAAU;QACV,aAAa;KACd;IACD,MAAM,EAAE;QACN,eAAe;QACf,cAAc;QACd,aAAa;QACb,YAAY;QACZ,WAAW;QACX,UAAU;QACV,WAAW;QACX,cAAc;QACd,UAAU;QACV,aAAa;KACd;IACD,IAAI,EAAE;QACJ,UAAU;QACV,aAAa;QACb,WAAW;QACX,cAAc;QACd,eAAe;QACf,YAAY;QACZ,aAAa;QACb,UAAU;QACV,cAAc;QACd,WAAW;KACZ;IACD,KAAK,EAAE;QACL,WAAW;QACX,cAAc;QACd,UAAU;QACV,aAAa;QACb,eAAe;QACf,YAAY;QACZ,cAAc;QACd,WAAW;QACX,aAAa;QACb,UAAU;KACX;CACF,CAAC;AAEF,MAAM,sBAAsB,GAAkE;IAC5F,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QACzC,OAAO;YACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM;YAC7C,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;YACvD,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IACD,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QACxC,OAAO;YACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM;YAC7C,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IACD,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QACvC,OAAO;YACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM;YAC7C,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;YAC/C,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IACD,eAAe,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC5C,OAAO;YACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM;YAChD,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;YACvD,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IACD,cAAc,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC3C,OAAO;YACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM;YAChD,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IACD,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC1C,OAAO;YACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM;YAChD,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;YAC/C,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IACD,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QACxC,OAAO;YACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,KAAK,CAAC,MAAM;YACnE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM;YACjD,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IACD,cAAc,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC3C,OAAO;YACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC,MAAM;YACjF,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM;YACjD,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IACD,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QACvC,OAAO;YACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,GAAG,KAAK,CAAC,MAAM;YACnE,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM;YAC9C,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IACD,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC1C,OAAO;YACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC,MAAM;YACjF,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM;YAC9C,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;CACF,CAAC;AAEF;;GAEG;AACH,SAAS,UAAU,CAAC,KAAqB,EAAE,KAAqB;IAC9D,OAAO,CACL,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI;QACxB,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG;QACtB,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK;QACpD,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CACrD,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAqB,EAAE,KAAqB;IACpE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzC,wBAAwB;IACxB,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE;QACrB,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;QAClC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;KACnB;IACD,yBAAyB;SACpB,IAAI,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE;QAChD,KAAK,GAAG,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC;KACzC;IACD,uBAAuB;IACvB,IAAI,GAAG,GAAG,KAAK,CAAC,GAAG,EAAE;QACnB,MAAM,GAAG,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC;QAClC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;KACjB;IACD,0BAA0B;SACrB,IAAI,GAAG,GAAG,MAAM,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,EAAE;QAChD,MAAM,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;KACzC;IAED,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC;AACtC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,UAA4B;IAC9D,IAAI,cAAc,GAA0B,IAAI,CAAC;IACjD,KAAK,MAAM,WAAW,IAAI,UAAU,EAAE;QACpC,IAAI,CAAC,cAAc,EAAE;YACnB,cAAc,GAAG,WAAW,CAAC;YAC7B,SAAS;SACV;QACD,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;QAC7D,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;QAC1D,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,GAAG,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC;QACzG,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,GAAG,cAAc,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC;QAC1G,IAAI,KAAK,GAAG,IAAI,IAAI,MAAM,GAAG,GAAG,EAAE;YAChC,OAAO,IAAI,CAAC;SACb;QACD,cAAc,GAAG;YACf,IAAI;YACJ,GAAG;YACH,KAAK,EAAE,KAAK,GAAG,IAAI;YACnB,MAAM,EAAE,MAAM,GAAG,GAAG;SACrB,CAAC;KACH;IACD,OAAO,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,KAAK,CAAC;AACxE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAC/B,SAAgC,EAChC,OAAuB,EACvB,KAAkB,EAClB,IAAiB,EACjB,SAAyB,EACzB,QAAwB;AACxB,0EAA0E;AAC1E,gBAA0B;IAE1B,IAAI,2BAA2B,GAA6B,IAAI,CAAC;IACjE,IAAI,WAAW,GAAG,CAAC,CAAC;IAEpB,gFAAgF;IAChF,iEAAiE;IACjE,KAAK,MAAM,gBAAgB,IAAI,gBAAgB,CAAC,SAAS,CAAC,EAAE;QAC1D,MAAM,cAAc,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;QAC1F,MAAM,eAAe,GAAG,gBAAgB,IAAI,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;QAClF,MAAM,cAAc,GAAG,UAAU,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QAC5D,IAAI,eAAe,IAAI,cAAc,EAAE;YACrC,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;SAC7C;QACD,MAAM,kBAAkB,GAAG,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QACtD,IAAI,CAAC,gBAAgB,EAAE;YACrB,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SACpC;QACD,MAAM,aAAa,GAAG,mBAAmB,CAAC,kBAAkB,CAAC,CAAC;QAC9D,IAAI,aAAa,IAAI,aAAa,GAAG,WAAW,EAAE;YAChD,2BAA2B,GAAG,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;YACnE,WAAW,GAAG,aAAa,CAAC;SAC7B;KACF;IAED,+BAA+B;IAC/B,MAAM,gBAAgB,GAAG,CAAA,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,gBAAgB,KAAI,WAAW,CAAC;IACtF,uCAAuC;IACvC,MAAM,aAAa,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IACzF,kEAAkE;IAClE,MAAM,eAAe,GAAG,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAClE,uEAAuE;IACvE,MAAM,UAAU,GAAG,eAAe,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;IAEjE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC;AAC3E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { PopoverProps, InternalPosition, BoundingOffset, BoundingBox } from '../interfaces';\n\n// A structure describing how the popover should be positioned\nexport interface CalculatePosition {\n scrollable?: boolean;\n internalPosition: InternalPosition;\n boundingOffset: BoundingOffset;\n}\n\ninterface ElementGroup {\n body: BoundingBox;\n trigger: BoundingOffset;\n arrow: BoundingBox;\n}\n\nconst ARROW_OFFSET = 12;\n\nexport const PRIORITY_MAPPING: Record<PopoverProps.Position, InternalPosition[]> = {\n top: [\n 'top-center',\n 'top-right',\n 'top-left',\n 'bottom-center',\n 'bottom-right',\n 'bottom-left',\n 'right-top',\n 'right-bottom',\n 'left-top',\n 'left-bottom',\n ],\n bottom: [\n 'bottom-center',\n 'bottom-right',\n 'bottom-left',\n 'top-center',\n 'top-right',\n 'top-left',\n 'right-top',\n 'right-bottom',\n 'left-top',\n 'left-bottom',\n ],\n left: [\n 'left-top',\n 'left-bottom',\n 'right-top',\n 'right-bottom',\n 'bottom-center',\n 'top-center',\n 'bottom-left',\n 'top-left',\n 'bottom-right',\n 'top-right',\n ],\n right: [\n 'right-top',\n 'right-bottom',\n 'left-top',\n 'left-bottom',\n 'bottom-center',\n 'top-center',\n 'bottom-right',\n 'top-right',\n 'bottom-left',\n 'top-left',\n ],\n};\n\nconst RECTANGLE_CALCULATIONS: Record<InternalPosition, (r: ElementGroup) => BoundingOffset> = {\n 'top-center': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top - body.height - arrow.height,\n left: trigger.left + trigger.width / 2 - body.width / 2,\n width: body.width,\n height: body.height,\n };\n },\n 'top-right': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top - body.height - arrow.height,\n left: trigger.left,\n width: body.width,\n height: body.height,\n };\n },\n 'top-left': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top - body.height - arrow.height,\n left: trigger.left + trigger.width - body.width,\n width: body.width,\n height: body.height,\n };\n },\n 'bottom-center': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height + arrow.height,\n left: trigger.left + trigger.width / 2 - body.width / 2,\n width: body.width,\n height: body.height,\n };\n },\n 'bottom-right': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height + arrow.height,\n left: trigger.left,\n width: body.width,\n height: body.height,\n };\n },\n 'bottom-left': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height + arrow.height,\n left: trigger.left + trigger.width - body.width,\n width: body.width,\n height: body.height,\n };\n },\n 'right-top': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height / 2 - ARROW_OFFSET - arrow.height,\n left: trigger.left + trigger.width + arrow.height,\n width: body.width,\n height: body.height,\n };\n },\n 'right-bottom': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height / 2 - body.height + ARROW_OFFSET + arrow.height,\n left: trigger.left + trigger.width + arrow.height,\n width: body.width,\n height: body.height,\n };\n },\n 'left-top': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height / 2 - ARROW_OFFSET - arrow.height,\n left: trigger.left - body.width - arrow.height,\n width: body.width,\n height: body.height,\n };\n },\n 'left-bottom': ({ body, trigger, arrow }) => {\n return {\n top: trigger.top + trigger.height / 2 - body.height + ARROW_OFFSET + arrow.height,\n left: trigger.left - body.width - arrow.height,\n width: body.width,\n height: body.height,\n };\n },\n};\n\n/**\n * Returns whether one rectangle fits in another.\n */\nfunction canRectFit(inner: BoundingOffset, outer: BoundingOffset): boolean {\n return (\n inner.left >= outer.left &&\n inner.top >= outer.top &&\n inner.left + inner.width <= outer.left + outer.width &&\n inner.top + inner.height <= outer.top + outer.height\n );\n}\n\nfunction fitIntoContainer(inner: BoundingOffset, outer: BoundingOffset): BoundingOffset {\n let { left, width, top, height } = inner;\n\n // Adjust left boundary.\n if (left < outer.left) {\n width = left + width - outer.left;\n left = outer.left;\n }\n // Adjust right boundary.\n else if (left + width > outer.left + outer.width) {\n width = outer.left + outer.width - left;\n }\n // Adjust top boundary.\n if (top < outer.top) {\n height = top + height - outer.top;\n top = outer.top;\n }\n // Adjust bottom boundary.\n else if (top + height > outer.top + outer.height) {\n height = outer.top + outer.height - top;\n }\n\n return { left, width, top, height };\n}\n\n/**\n * Returns the area of the intersection of passed in rectangles or a null, if there is no intersection\n */\nexport function intersectRectangles(rectangles: BoundingOffset[]): number | null {\n let boundingOffset: BoundingOffset | null = null;\n for (const currentRect of rectangles) {\n if (!boundingOffset) {\n boundingOffset = currentRect;\n continue;\n }\n const left = Math.max(boundingOffset.left, currentRect.left);\n const top = Math.max(boundingOffset.top, currentRect.top);\n const right = Math.min(boundingOffset.left + boundingOffset.width, currentRect.left + currentRect.width);\n const bottom = Math.min(boundingOffset.top + boundingOffset.height, currentRect.top + currentRect.height);\n if (right < left || bottom < top) {\n return null;\n }\n boundingOffset = {\n left,\n top,\n width: right - left,\n height: bottom - top,\n };\n }\n return boundingOffset && boundingOffset.height * boundingOffset.width;\n}\n\n/**\n * A functions that returns the correct popover position based on screen dimensions.\n */\nexport function calculatePosition(\n preferred: PopoverProps.Position,\n trigger: BoundingOffset,\n arrow: BoundingBox,\n body: BoundingBox,\n container: BoundingOffset,\n viewport: BoundingOffset,\n // the popover is only bound by the viewport if it is rendered in a portal\n renderWithPortal?: boolean\n): CalculatePosition {\n let bestPositionOutsideViewport: CalculatePosition | null = null;\n let largestArea = 0;\n\n // Attempt to position the popover based on the priority list for this position,\n // trying to fit it inside the container and inside the viewport.\n for (const internalPosition of PRIORITY_MAPPING[preferred]) {\n const boundingOffset = RECTANGLE_CALCULATIONS[internalPosition]({ body, trigger, arrow });\n const fitsInContainer = renderWithPortal || canRectFit(boundingOffset, container);\n const fitsInViewport = canRectFit(boundingOffset, viewport);\n if (fitsInContainer && fitsInViewport) {\n return { internalPosition, boundingOffset };\n }\n const boundingRectangles = [boundingOffset, viewport];\n if (!renderWithPortal) {\n boundingRectangles.push(container);\n }\n const availableArea = intersectRectangles(boundingRectangles);\n if (availableArea && availableArea > largestArea) {\n bestPositionOutsideViewport = { internalPosition, boundingOffset };\n largestArea = availableArea;\n }\n }\n\n // Use best possible placement.\n const internalPosition = bestPositionOutsideViewport?.internalPosition || 'right-top';\n // Get default rect for that placement.\n const defaultOffset = RECTANGLE_CALCULATIONS[internalPosition]({ body, trigger, arrow });\n // Get largest possible rect that fits into viewport or container.\n const optimisedOffset = fitIntoContainer(defaultOffset, viewport);\n // If largest possible rect is smaller than original - set body scroll.\n const scrollable = optimisedOffset.height < defaultOffset.height;\n\n return { internalPosition, boundingOffset: optimisedOffset, scrollable };\n}\n"]}
package/table/body-cell/styles.css.js CHANGED
@@ -1,33 +1,33 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "body-cell": "awsui_body-cell_c6tup_1hsd0_93",
5
- "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1hsd0_103",
6
- "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1hsd0_115",
7
- "has-striped-rows": "awsui_has-striped-rows_c6tup_1hsd0_127",
8
- "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1hsd0_130",
9
- "body-cell-editable": "awsui_body-cell-editable_c6tup_1hsd0_130",
10
- "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_1hsd0_136",
11
- "has-selection": "awsui_has-selection_c6tup_1hsd0_139",
12
- "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1hsd0_145",
13
- "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1hsd0_148",
14
- "body-cell-selected": "awsui_body-cell-selected_c6tup_1hsd0_148",
15
- "has-footer": "awsui_has-footer_c6tup_1hsd0_148",
16
- "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1hsd0_158",
17
- "sticky-cell": "awsui_sticky-cell_c6tup_1hsd0_175",
18
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_1hsd0_183",
19
- "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_1hsd0_200",
20
- "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_1hsd0_204",
21
- "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1hsd0_227",
22
- "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1hsd0_231",
23
- "body-cell-editor": "awsui_body-cell-editor_c6tup_1hsd0_255",
24
- "body-cell-success": "awsui_body-cell-success_c6tup_1hsd0_260",
25
- "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1hsd0_285",
26
- "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1hsd0_285",
27
- "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1hsd0_294",
28
- "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1hsd0_294",
29
- "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1hsd0_304",
30
- "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1hsd0_304",
31
- "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1hsd0_328"
4
+ "body-cell": "awsui_body-cell_c6tup_nsq8p_93",
5
+ "body-cell-wrap": "awsui_body-cell-wrap_c6tup_nsq8p_103",
6
+ "is-visual-refresh": "awsui_is-visual-refresh_c6tup_nsq8p_115",
7
+ "has-striped-rows": "awsui_has-striped-rows_c6tup_nsq8p_127",
8
+ "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_nsq8p_130",
9
+ "body-cell-editable": "awsui_body-cell-editable_c6tup_nsq8p_130",
10
+ "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_nsq8p_136",
11
+ "has-selection": "awsui_has-selection_c6tup_nsq8p_139",
12
+ "body-cell-first-row": "awsui_body-cell-first-row_c6tup_nsq8p_145",
13
+ "body-cell-last-row": "awsui_body-cell-last-row_c6tup_nsq8p_148",
14
+ "body-cell-selected": "awsui_body-cell-selected_c6tup_nsq8p_148",
15
+ "has-footer": "awsui_has-footer_c6tup_nsq8p_148",
16
+ "body-cell-shaded": "awsui_body-cell-shaded_c6tup_nsq8p_158",
17
+ "sticky-cell": "awsui_sticky-cell_c6tup_nsq8p_178",
18
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_nsq8p_186",
19
+ "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_nsq8p_203",
20
+ "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_nsq8p_207",
21
+ "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_nsq8p_230",
22
+ "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_nsq8p_234",
23
+ "body-cell-editor": "awsui_body-cell-editor_c6tup_nsq8p_258",
24
+ "body-cell-success": "awsui_body-cell-success_c6tup_nsq8p_263",
25
+ "body-cell-success-form": "awsui_body-cell-success-form_c6tup_nsq8p_288",
26
+ "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_nsq8p_288",
27
+ "body-cell-success-row": "awsui_body-cell-success-row_c6tup_nsq8p_297",
28
+ "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_nsq8p_297",
29
+ "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_nsq8p_307",
30
+ "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_nsq8p_307",
31
+ "body-cell-has-success": "awsui_body-cell-has-success_c6tup_nsq8p_331"
32
32
  };
33
33
 
package/table/body-cell/styles.scoped.css CHANGED
@@ -90,7 +90,7 @@ 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_body-cell_c6tup_1hsd0_93:not(#\9) {
93
+ .awsui_body-cell_c6tup_nsq8p_93:not(#\9) {
94
94
  box-sizing: border-box;
95
95
  padding: var(--space-scaled-xs-26e2du, 8px) var(--space-scaled-l-0hpmd7, 20px) calc(
96
96
  var(--space-scaled-xs-26e2du, 8px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
@@ -100,19 +100,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
100
100
  border-bottom: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
101
101
  font-weight: inherit;
102
102
  }
103
- .awsui_body-cell_c6tup_1hsd0_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_1hsd0_103) {
103
+ .awsui_body-cell_c6tup_nsq8p_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_nsq8p_103) {
104
104
  white-space: nowrap;
105
105
  overflow: hidden;
106
106
  text-overflow: ellipsis;
107
107
  }
108
- .awsui_body-cell_c6tup_1hsd0_93:not(#\9):first-child {
108
+ .awsui_body-cell_c6tup_nsq8p_93:not(#\9):first-child {
109
109
  border-left: var(--border-item-width-yel47s, 2px) solid transparent;
110
110
  }
111
- .awsui_body-cell_c6tup_1hsd0_93:not(#\9):last-child {
111
+ .awsui_body-cell_c6tup_nsq8p_93:not(#\9):last-child {
112
112
  border-right: var(--border-item-width-yel47s, 2px) solid transparent;
113
113
  padding-right: calc(var(--space-l-t419sm, 20px) - var(--border-item-width-yel47s, 2px));
114
114
  }
115
- .awsui_body-cell_c6tup_1hsd0_93.awsui_is-visual-refresh_c6tup_1hsd0_115:not(#\9):first-child {
115
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9):first-child {
116
116
  /*
117
117
  Striped rows requires additional left padding because the
118
118
  shaded background makes the child content appear too close
@@ -124,55 +124,58 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
124
124
  that the placeholder border would consume.
125
125
  */
126
126
  }
127
- .awsui_body-cell_c6tup_1hsd0_93.awsui_is-visual-refresh_c6tup_1hsd0_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1hsd0_127) {
127
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_nsq8p_127) {
128
128
  padding-left: var(--space-xxxs-zbmxqb, 2px);
129
129
  }
130
- .awsui_body-cell_c6tup_1hsd0_93.awsui_is-visual-refresh_c6tup_1hsd0_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1hsd0_127):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130).awsui_body-cell-editable_c6tup_1hsd0_130:hover {
130
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_nsq8p_127):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130).awsui_body-cell-editable_c6tup_nsq8p_130:hover {
131
131
  padding-left: calc(var(--space-xxxs-zbmxqb, 2px) + var(--border-divider-list-width-27y3k5, 1px));
132
132
  }
133
- .awsui_body-cell_c6tup_1hsd0_93.awsui_is-visual-refresh_c6tup_1hsd0_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_1hsd0_127 {
133
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_nsq8p_127 {
134
134
  padding-left: var(--space-xxs-p8yyaw, 4px);
135
135
  }
136
- .awsui_body-cell_c6tup_1hsd0_93.awsui_is-visual-refresh_c6tup_1hsd0_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_1hsd0_136 {
136
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_nsq8p_136 {
137
137
  padding-left: var(--space-table-horizontal-8davlm, 20px);
138
138
  }
139
- .awsui_body-cell_c6tup_1hsd0_93.awsui_is-visual-refresh_c6tup_1hsd0_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_1hsd0_139):not(.awsui_body-cell-editable_c6tup_1hsd0_130) {
139
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_nsq8p_139):not(.awsui_body-cell-editable_c6tup_nsq8p_130) {
140
140
  border-left: none;
141
141
  }
142
- .awsui_body-cell_c6tup_1hsd0_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_1hsd0_115) {
142
+ .awsui_body-cell_c6tup_nsq8p_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_nsq8p_115) {
143
143
  padding-left: calc(var(--space-l-t419sm, 20px) - var(--border-item-width-yel47s, 2px));
144
144
  }
145
- .awsui_body-cell-first-row_c6tup_1hsd0_145:not(#\9) {
145
+ .awsui_body-cell-first-row_c6tup_nsq8p_145:not(#\9) {
146
146
  border-top: var(--border-item-width-yel47s, 2px) solid transparent;
147
147
  }
148
- .awsui_body-cell-last-row_c6tup_1hsd0_148:not(#\9):not(.awsui_body-cell-selected_c6tup_1hsd0_148):not(.awsui_has-footer_c6tup_1hsd0_148) {
148
+ .awsui_body-cell-last-row_c6tup_nsq8p_148:not(#\9):not(.awsui_body-cell-selected_c6tup_nsq8p_148):not(.awsui_has-footer_c6tup_nsq8p_148) {
149
149
  border-bottom: var(--border-item-width-yel47s, 2px) solid transparent;
150
150
  }
151
- .awsui_body-cell-last-row_c6tup_1hsd0_148:not(#\9):not(.awsui_body-cell-selected_c6tup_1hsd0_148).awsui_has-footer_c6tup_1hsd0_148 {
151
+ .awsui_body-cell-last-row_c6tup_nsq8p_148:not(#\9):not(.awsui_body-cell-selected_c6tup_nsq8p_148).awsui_has-footer_c6tup_nsq8p_148 {
152
152
  /*
153
153
  Add a bottom border to the body cells of the last row as a separator between the
154
154
  table and the footer
155
155
  */
156
156
  border-bottom: var(--border-divider-section-width-8a5uu9, 2px) solid var(--color-border-divider-default-et9j7s, #e9ebed);
157
157
  }
158
- .awsui_body-cell-shaded_c6tup_1hsd0_158:not(#\9) {
158
+ .awsui_body-cell-shaded_c6tup_nsq8p_158:not(#\9) {
159
159
  background: var(--color-background-cell-shaded-0vqgjs, #f8f8f8);
160
160
  }
161
- .awsui_body-cell-selected_c6tup_1hsd0_148:not(#\9) {
161
+ .awsui_body-cell-selected_c6tup_nsq8p_148:not(#\9) {
162
162
  background-color: var(--color-background-item-selected-7tr5e4, #f2f8fd);
163
163
  border-top: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
164
164
  border-bottom: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
165
165
  padding-bottom: var(--space-scaled-xs-26e2du, 8px);
166
166
  }
167
- .awsui_body-cell-selected_c6tup_1hsd0_148:not(#\9):first-child {
167
+ .awsui_body-cell-selected_c6tup_nsq8p_148.awsui_body-cell-last-row_c6tup_nsq8p_148.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9) {
168
+ padding-bottom: calc(var(--space-scaled-xs-26e2du, 8px) + var(--border-divider-list-width-27y3k5, 1px));
169
+ }
170
+ .awsui_body-cell-selected_c6tup_nsq8p_148:not(#\9):first-child {
168
171
  border-left: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
169
172
  border-radius: var(--border-radius-item-05df9h, 8px) 0 0 var(--border-radius-item-05df9h, 8px);
170
173
  }
171
- .awsui_body-cell-selected_c6tup_1hsd0_148:not(#\9):last-child {
174
+ .awsui_body-cell-selected_c6tup_nsq8p_148:not(#\9):last-child {
172
175
  border-right: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
173
176
  border-radius: 0 var(--border-radius-item-05df9h, 8px) var(--border-radius-item-05df9h, 8px) 0;
174
177
  }
175
- .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell_c6tup_1hsd0_175:not(#\9) {
178
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell_c6tup_nsq8p_178:not(#\9) {
176
179
  position: sticky;
177
180
  background: var(--color-background-container-content-4un1ap, #ffffff);
178
181
  z-index: 798;
@@ -180,89 +183,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
180
183
  transition-duration: var(--motion-duration-transition-show-quick-osg026, 90ms);
181
184
  transition-timing-function: var(--motion-easing-sticky-56u8cd, cubic-bezier(1, 0, 0.83, 1));
182
185
  }
183
- .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell-pad-left_c6tup_1hsd0_183:not(#\9):not(.awsui_has-selection_c6tup_1hsd0_139):not(.awsui_is-visual-refresh_c6tup_1hsd0_115.awsui_body-cell_c6tup_1hsd0_93:first-child.awsui_has-striped-rows_c6tup_1hsd0_127) {
186
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell-pad-left_c6tup_nsq8p_186:not(#\9):not(.awsui_has-selection_c6tup_nsq8p_139):not(.awsui_is-visual-refresh_c6tup_nsq8p_115.awsui_body-cell_c6tup_nsq8p_93:first-child.awsui_has-striped-rows_c6tup_nsq8p_127) {
184
187
  padding-left: var(--space-table-horizontal-8davlm, 20px);
185
188
  }
186
- .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell_c6tup_1hsd0_175.awsui_body-cell-shaded_c6tup_1hsd0_158:not(#\9) {
189
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell_c6tup_nsq8p_178.awsui_body-cell-shaded_c6tup_nsq8p_158:not(#\9) {
187
190
  background: var(--color-background-cell-shaded-0vqgjs, #f8f8f8);
188
191
  }
189
- .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell_c6tup_1hsd0_175.awsui_body-cell-selected_c6tup_1hsd0_148:not(#\9) {
192
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell_c6tup_nsq8p_178.awsui_body-cell-selected_c6tup_nsq8p_148:not(#\9) {
190
193
  background-color: var(--color-background-item-selected-7tr5e4, #f2f8fd);
191
194
  }
192
- .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell_c6tup_1hsd0_175.awsui_body-cell-selected_c6tup_1hsd0_148:not(#\9):first-child {
195
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell_c6tup_nsq8p_178.awsui_body-cell-selected_c6tup_nsq8p_148:not(#\9):first-child {
193
196
  box-shadow: 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
194
197
  clip-path: inset(0 0 0 0);
195
198
  }
196
- .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell_c6tup_1hsd0_175.awsui_body-cell-selected_c6tup_1hsd0_148:not(#\9):last-child {
199
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell_c6tup_nsq8p_178.awsui_body-cell-selected_c6tup_nsq8p_148:not(#\9):last-child {
197
200
  box-shadow: 4px 0 0 0 var(--color-background-container-content-4un1ap, #ffffff);
198
201
  clip-path: inset(0 0 0 0);
199
202
  }
200
- .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell_c6tup_1hsd0_175.awsui_body-cell-selected_c6tup_1hsd0_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_1hsd0_200 {
203
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell_c6tup_nsq8p_178.awsui_body-cell-selected_c6tup_nsq8p_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_nsq8p_203 {
201
204
  box-shadow: var(--shadow-sticky-column-last-9r9bro, -4px 0 20px 1px rgba(0, 28, 36, 0.1)), 8px 0 0 0 var(--color-background-container-content-4un1ap, #ffffff);
202
205
  clip-path: inset(0 0 0 -24px);
203
206
  }
204
- .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell-last-left_c6tup_1hsd0_204:not(#\9) {
207
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell-last-left_c6tup_nsq8p_207:not(#\9) {
205
208
  box-shadow: var(--shadow-sticky-column-first-avt88z, 4px 0px 20px 1px rgba(0, 7, 22, 0.1));
206
209
  clip-path: inset(0px -24px 0px 0px);
207
210
  }
208
- .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell-last-right_c6tup_1hsd0_200:not(#\9) {
211
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell-last-right_c6tup_nsq8p_203:not(#\9) {
209
212
  box-shadow: var(--shadow-sticky-column-last-9r9bro, -4px 0 20px 1px rgba(0, 28, 36, 0.1));
210
213
  clip-path: inset(0 0 0 -24px);
211
214
  }
212
215
  @media (prefers-reduced-motion: reduce) {
213
- .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell_c6tup_1hsd0_175:not(#\9) {
216
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell_c6tup_nsq8p_178:not(#\9) {
214
217
  animation: none;
215
218
  transition: none;
216
219
  }
217
220
  }
218
- .awsui-motion-disabled .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell_c6tup_1hsd0_175:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_1hsd0_93.awsui_sticky-cell_c6tup_1hsd0_175:not(#\9) {
221
+ .awsui-motion-disabled .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell_c6tup_nsq8p_178:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_nsq8p_93.awsui_sticky-cell_c6tup_nsq8p_178:not(#\9) {
219
222
  animation: none;
220
223
  transition: none;
221
224
  }
222
- .awsui_body-cell-selected_c6tup_1hsd0_148:not(#\9):not(:first-child) {
225
+ .awsui_body-cell-selected_c6tup_nsq8p_148:not(#\9):not(:first-child) {
223
226
  padding-top: calc(
224
227
  var(--space-scaled-xs-26e2du, 8px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
225
228
  );
226
229
  }
227
- .awsui_body-cell_c6tup_1hsd0_93:not(#\9):not(.awsui_body-cell-selected_c6tup_1hsd0_148).awsui_body-cell-next-selected_c6tup_1hsd0_227 {
230
+ .awsui_body-cell_c6tup_nsq8p_93:not(#\9):not(.awsui_body-cell-selected_c6tup_nsq8p_148).awsui_body-cell-next-selected_c6tup_nsq8p_230 {
228
231
  border-bottom: 0;
229
232
  padding-bottom: calc(var(--space-scaled-xs-26e2du, 8px) + var(--border-divider-list-width-27y3k5, 1px));
230
233
  }
231
- .awsui_body-cell-selected_c6tup_1hsd0_148.awsui_body-cell-prev-selected_c6tup_1hsd0_231:not(#\9) {
234
+ .awsui_body-cell-selected_c6tup_nsq8p_148.awsui_body-cell-prev-selected_c6tup_nsq8p_234:not(#\9) {
232
235
  padding-top: calc(
233
236
  var(--space-scaled-xs-26e2du, 8px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
234
237
  );
235
238
  border-top: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-item-placeholder-h8j85e, #0972d3);
236
239
  }
237
- .awsui_body-cell-selected_c6tup_1hsd0_148.awsui_body-cell-next-selected_c6tup_1hsd0_227:not(#\9) {
240
+ .awsui_body-cell-selected_c6tup_nsq8p_148.awsui_body-cell-next-selected_c6tup_nsq8p_230:not(#\9) {
238
241
  border-bottom-width: var(--border-divider-list-width-27y3k5, 1px);
239
242
  }
240
- .awsui_body-cell-selected_c6tup_1hsd0_148.awsui_body-cell-next-selected_c6tup_1hsd0_227:not(#\9):first-child {
243
+ .awsui_body-cell-selected_c6tup_nsq8p_148.awsui_body-cell-next-selected_c6tup_nsq8p_230:not(#\9):first-child {
241
244
  border-bottom-left-radius: 0;
242
245
  }
243
- .awsui_body-cell-selected_c6tup_1hsd0_148.awsui_body-cell-next-selected_c6tup_1hsd0_227:not(#\9):last-child {
246
+ .awsui_body-cell-selected_c6tup_nsq8p_148.awsui_body-cell-next-selected_c6tup_nsq8p_230:not(#\9):last-child {
244
247
  border-bottom-right-radius: 0;
245
248
  }
246
- .awsui_body-cell-selected_c6tup_1hsd0_148.awsui_body-cell-prev-selected_c6tup_1hsd0_231:not(#\9):first-child {
249
+ .awsui_body-cell-selected_c6tup_nsq8p_148.awsui_body-cell-prev-selected_c6tup_nsq8p_234:not(#\9):first-child {
247
250
  border-top-left-radius: 0;
248
251
  }
249
- .awsui_body-cell-selected_c6tup_1hsd0_148.awsui_body-cell-prev-selected_c6tup_1hsd0_231:not(#\9):last-child {
252
+ .awsui_body-cell-selected_c6tup_nsq8p_148.awsui_body-cell-prev-selected_c6tup_nsq8p_234:not(#\9):last-child {
250
253
  border-top-right-radius: 0;
251
254
  }
252
- .awsui_body-cell-selected_c6tup_1hsd0_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_1hsd0_231) {
255
+ .awsui_body-cell-selected_c6tup_nsq8p_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_nsq8p_234) {
253
256
  padding-top: var(--space-scaled-xs-26e2du, 8px);
254
257
  }
255
- .awsui_body-cell-editor_c6tup_1hsd0_255:not(#\9) {
258
+ .awsui_body-cell-editor_c6tup_nsq8p_258:not(#\9) {
256
259
  padding: 0 calc(
257
260
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
258
261
  ) 0 0;
259
262
  }
260
- .awsui_body-cell-success_c6tup_1hsd0_260:not(#\9) {
263
+ .awsui_body-cell-success_c6tup_nsq8p_263:not(#\9) {
261
264
  padding: 0 calc(calc(
262
265
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
263
266
  ) + calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px))) 0 0;
264
267
  }
265
- .awsui_body-cell-success_c6tup_1hsd0_260:not(#\9), .awsui_body-cell-editor_c6tup_1hsd0_255:not(#\9) {
268
+ .awsui_body-cell-success_c6tup_nsq8p_263:not(#\9), .awsui_body-cell-editor_c6tup_nsq8p_258:not(#\9) {
266
269
  top: 0;
267
270
  right: 0;
268
271
  bottom: 0;
@@ -276,69 +279,69 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
276
279
  border: 0;
277
280
  color: var(--color-text-button-normal-default-mo7k6u, #0972d3);
278
281
  }
279
- .awsui_body-cell-success_c6tup_1hsd0_260:not(#\9):hover, .awsui_body-cell-editor_c6tup_1hsd0_255:not(#\9):hover {
282
+ .awsui_body-cell-success_c6tup_nsq8p_263:not(#\9):hover, .awsui_body-cell-editor_c6tup_nsq8p_258:not(#\9):hover {
280
283
  color: var(--color-text-button-normal-hover-04pe0y, #033160);
281
284
  }
282
- .awsui_body-cell-success_c6tup_1hsd0_260:not(#\9):active, .awsui_body-cell-editor_c6tup_1hsd0_255:not(#\9):active {
285
+ .awsui_body-cell-success_c6tup_nsq8p_263:not(#\9):active, .awsui_body-cell-editor_c6tup_nsq8p_258:not(#\9):active {
283
286
  color: var(--color-text-button-normal-active-4it2mv, #033160);
284
287
  }
285
- .awsui_body-cell-success-form_c6tup_1hsd0_285:not(#\9), .awsui_body-cell-editor-form_c6tup_1hsd0_285:not(#\9) {
288
+ .awsui_body-cell-success-form_c6tup_nsq8p_288:not(#\9), .awsui_body-cell-editor-form_c6tup_nsq8p_288:not(#\9) {
286
289
  margin: calc(-1 * var(--space-xs-zb16t3, 8px)) calc(-1.5 * var(--space-xs-zb16t3, 8px));
287
290
  }
288
- .awsui_is-visual-refresh_c6tup_1hsd0_115.awsui_body-cell_c6tup_1hsd0_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_1hsd0_127 > .awsui_body-cell-success-form_c6tup_1hsd0_285, .awsui_is-visual-refresh_c6tup_1hsd0_115.awsui_body-cell_c6tup_1hsd0_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_1hsd0_127 > .awsui_body-cell-editor-form_c6tup_1hsd0_285 {
291
+ .awsui_is-visual-refresh_c6tup_nsq8p_115.awsui_body-cell_c6tup_nsq8p_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_nsq8p_127 > .awsui_body-cell-success-form_c6tup_nsq8p_288, .awsui_is-visual-refresh_c6tup_nsq8p_115.awsui_body-cell_c6tup_nsq8p_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_nsq8p_127 > .awsui_body-cell-editor-form_c6tup_nsq8p_288 {
289
292
  margin-left: calc(-1 * var(--space-xxs-p8yyaw, 4px));
290
293
  }
291
- .awsui_is-visual-refresh_c6tup_1hsd0_115.awsui_body-cell_c6tup_1hsd0_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1hsd0_127) > .awsui_body-cell-success-form_c6tup_1hsd0_285, .awsui_is-visual-refresh_c6tup_1hsd0_115.awsui_body-cell_c6tup_1hsd0_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1hsd0_127) > .awsui_body-cell-editor-form_c6tup_1hsd0_285 {
294
+ .awsui_is-visual-refresh_c6tup_nsq8p_115.awsui_body-cell_c6tup_nsq8p_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_nsq8p_127) > .awsui_body-cell-success-form_c6tup_nsq8p_288, .awsui_is-visual-refresh_c6tup_nsq8p_115.awsui_body-cell_c6tup_nsq8p_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_nsq8p_127) > .awsui_body-cell-editor-form_c6tup_nsq8p_288 {
292
295
  margin-left: calc(-1 * var(--space-xxxs-zbmxqb, 2px));
293
296
  }
294
- .awsui_body-cell-success-row_c6tup_1hsd0_294:not(#\9), .awsui_body-cell-editor-row_c6tup_1hsd0_294:not(#\9) {
297
+ .awsui_body-cell-success-row_c6tup_nsq8p_297:not(#\9), .awsui_body-cell-editor-row_c6tup_nsq8p_297:not(#\9) {
295
298
  display: flex;
296
299
  flex-flow: row nowrap;
297
300
  align-items: center;
298
301
  justify-content: space-between;
299
302
  column-gap: var(--space-xxs-p8yyaw, 4px);
300
303
  }
301
- .awsui_body-cell-success-row_c6tup_1hsd0_294 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_1hsd0_294 > :not(#\9):not(:last-child) {
304
+ .awsui_body-cell-success-row_c6tup_nsq8p_297 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_nsq8p_297 > :not(#\9):not(:last-child) {
302
305
  flex-grow: 1;
303
306
  }
304
- .awsui_body-cell-success-controls_c6tup_1hsd0_304:not(#\9), .awsui_body-cell-editor-controls_c6tup_1hsd0_304:not(#\9) {
307
+ .awsui_body-cell-success-controls_c6tup_nsq8p_307:not(#\9), .awsui_body-cell-editor-controls_c6tup_nsq8p_307:not(#\9) {
305
308
  flex-shrink: 0;
306
309
  }
307
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9) {
310
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9) {
308
311
  position: relative;
309
312
  cursor: pointer;
310
313
  }
311
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130.awsui_sticky-cell_c6tup_1hsd0_175:not(#\9) {
314
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130.awsui_sticky-cell_c6tup_nsq8p_178:not(#\9) {
312
315
  position: sticky;
313
316
  }
314
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130.awsui_body-cell-edit-active_c6tup_1hsd0_130:not(#\9) {
317
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130.awsui_body-cell-edit-active_c6tup_nsq8p_130:not(#\9) {
315
318
  overflow: visible;
316
319
  }
317
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130.awsui_body-cell-edit-active_c6tup_1hsd0_130.awsui_sticky-cell_c6tup_1hsd0_175:not(#\9) {
320
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130.awsui_body-cell-edit-active_c6tup_nsq8p_130.awsui_sticky-cell_c6tup_nsq8p_178:not(#\9) {
318
321
  position: sticky;
319
322
  }
320
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130) > .awsui_body-cell-editor_c6tup_1hsd0_255 {
323
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130) > .awsui_body-cell-editor_c6tup_nsq8p_258 {
321
324
  opacity: 0;
322
325
  }
323
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):focus-within {
326
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):focus-within {
324
327
  padding-right: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px));
325
328
  padding-right: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px));
326
329
  position: relative;
327
330
  }
328
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):focus-within.awsui_body-cell-has-success_c6tup_1hsd0_328 {
331
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):focus-within.awsui_body-cell-has-success_c6tup_nsq8p_331 {
329
332
  padding-right: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px) + calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px)));
330
333
  }
331
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):focus-within > .awsui_body-cell-editor_c6tup_1hsd0_255 {
334
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):focus-within > .awsui_body-cell-editor_c6tup_nsq8p_258 {
332
335
  opacity: 1;
333
336
  }
334
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):focus-within > .awsui_body-cell-success_c6tup_1hsd0_260 {
337
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):focus-within > .awsui_body-cell-success_c6tup_nsq8p_263 {
335
338
  opacity: 1;
336
339
  }
337
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):focus-within {
340
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):focus-within {
338
341
  outline: 2px dotted transparent;
339
342
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
340
343
  }
341
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):focus-within::before {
344
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):focus-within::before {
342
345
  content: " ";
343
346
  display: block;
344
347
  position: absolute;
@@ -349,10 +352,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
349
352
  border-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
350
353
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
351
354
  }
352
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):focus-within.awsui_sticky-cell_c6tup_1hsd0_175 {
355
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):focus-within.awsui_sticky-cell_c6tup_nsq8p_178 {
353
356
  position: sticky;
354
357
  }
355
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover {
358
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover {
356
359
  position: relative;
357
360
  background-color: var(--color-background-dropdown-item-hover-md83i5, #f4f4f4);
358
361
  border: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-editable-cell-hover-nqrv6y, #7d8998);
@@ -360,48 +363,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
360
363
  right: calc(-1 * var(--border-divider-list-width-27y3k5, 1px));
361
364
  padding-right: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px));
362
365
  }
363
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover > .awsui_body-cell-editor_c6tup_1hsd0_255 {
366
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover > .awsui_body-cell-editor_c6tup_nsq8p_258 {
364
367
  opacity: 1;
365
368
  }
366
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover > .awsui_body-cell-success_c6tup_1hsd0_260 {
369
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover > .awsui_body-cell-success_c6tup_nsq8p_263 {
367
370
  opacity: 1;
368
371
  }
369
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover:first-child {
372
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover:first-child {
370
373
  left: 0;
371
374
  right: 0;
372
375
  }
373
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover > .awsui_body-cell-editor_c6tup_1hsd0_255 {
376
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover > .awsui_body-cell-editor_c6tup_nsq8p_258 {
374
377
  padding-right: calc(calc(
375
378
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
376
379
  ) - (2 * var(--border-divider-list-width-27y3k5, 1px)));
377
380
  }
378
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover > .awsui_body-cell-success_c6tup_1hsd0_260 {
381
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover > .awsui_body-cell-success_c6tup_nsq8p_263 {
379
382
  padding-right: calc(calc(calc(
380
383
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
381
384
  ) + calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px))) - (2 * var(--border-divider-list-width-27y3k5, 1px)));
382
385
  }
383
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover.awsui_body-cell-last-row_c6tup_1hsd0_148.awsui_body-cell-selected_c6tup_1hsd0_148, .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover.awsui_body-cell-next-selected_c6tup_1hsd0_227 {
386
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover.awsui_body-cell-last-row_c6tup_nsq8p_148.awsui_body-cell-selected_c6tup_nsq8p_148, .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover.awsui_body-cell-next-selected_c6tup_nsq8p_230 {
384
387
  padding-top: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px) / 2));
385
388
  padding-bottom: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px) / 2));
386
389
  }
387
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover.awsui_body-cell-last-row_c6tup_1hsd0_148:not(.awsui_body-cell-selected_c6tup_1hsd0_148) {
390
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover.awsui_body-cell-last-row_c6tup_nsq8p_148:not(.awsui_body-cell-selected_c6tup_nsq8p_148) {
388
391
  padding-top: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px)));
389
392
  }
390
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover.awsui_body-cell-first-row_c6tup_1hsd0_145:not(.awsui_body-cell-selected_c6tup_1hsd0_148) {
393
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover.awsui_body-cell-first-row_c6tup_nsq8p_145:not(.awsui_body-cell-selected_c6tup_nsq8p_148) {
391
394
  padding-top: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px)));
392
395
  padding-bottom: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px)));
393
396
  }
394
- .awsui_body-cell_c6tup_1hsd0_93.awsui_body-cell-editable_c6tup_1hsd0_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover.awsui_sticky-cell_c6tup_1hsd0_175 {
397
+ .awsui_body-cell_c6tup_nsq8p_93.awsui_body-cell-editable_c6tup_nsq8p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover.awsui_sticky-cell_c6tup_nsq8p_178 {
395
398
  position: sticky;
396
399
  }
397
- .awsui_body-cell-editable_c6tup_1hsd0_130.awsui_is-visual-refresh_c6tup_1hsd0_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover:first-child {
400
+ .awsui_body-cell-editable_c6tup_nsq8p_130.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover:first-child {
398
401
  border-top-left-radius: var(--border-radius-item-05df9h, 8px);
399
402
  border-bottom-left-radius: var(--border-radius-item-05df9h, 8px);
400
403
  }
401
- .awsui_body-cell-editable_c6tup_1hsd0_130.awsui_is-visual-refresh_c6tup_1hsd0_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover:last-child {
404
+ .awsui_body-cell-editable_c6tup_nsq8p_130.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover:last-child {
402
405
  border-top-right-radius: var(--border-radius-item-05df9h, 8px);
403
406
  border-bottom-right-radius: var(--border-radius-item-05df9h, 8px);
404
407
  }
405
- .awsui_body-cell-editable_c6tup_1hsd0_130.awsui_is-visual-refresh_c6tup_1hsd0_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover.awsui_body-cell-first-row_c6tup_1hsd0_145 > .awsui_body-cell-success_c6tup_1hsd0_260, .awsui_body-cell-editable_c6tup_1hsd0_130.awsui_is-visual-refresh_c6tup_1hsd0_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1hsd0_130):hover.awsui_body-cell-first-row_c6tup_1hsd0_145 > .awsui_body-cell-editor_c6tup_1hsd0_255 {
408
+ .awsui_body-cell-editable_c6tup_nsq8p_130.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover.awsui_body-cell-first-row_c6tup_nsq8p_145 > .awsui_body-cell-success_c6tup_nsq8p_263, .awsui_body-cell-editable_c6tup_nsq8p_130.awsui_is-visual-refresh_c6tup_nsq8p_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_nsq8p_130):hover.awsui_body-cell-first-row_c6tup_nsq8p_145 > .awsui_body-cell-editor_c6tup_nsq8p_258 {
406
409
  padding-top: var(--border-divider-list-width-27y3k5, 1px);
407
410
  }
package/table/body-cell/styles.selectors.js CHANGED
@@ -2,33 +2,33 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "body-cell": "awsui_body-cell_c6tup_1hsd0_93",
6
- "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1hsd0_103",
7
- "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1hsd0_115",
8
- "has-striped-rows": "awsui_has-striped-rows_c6tup_1hsd0_127",
9
- "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1hsd0_130",
10
- "body-cell-editable": "awsui_body-cell-editable_c6tup_1hsd0_130",
11
- "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_1hsd0_136",
12
- "has-selection": "awsui_has-selection_c6tup_1hsd0_139",
13
- "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1hsd0_145",
14
- "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1hsd0_148",
15
- "body-cell-selected": "awsui_body-cell-selected_c6tup_1hsd0_148",
16
- "has-footer": "awsui_has-footer_c6tup_1hsd0_148",
17
- "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1hsd0_158",
18
- "sticky-cell": "awsui_sticky-cell_c6tup_1hsd0_175",
19
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_1hsd0_183",
20
- "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_1hsd0_200",
21
- "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_1hsd0_204",
22
- "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1hsd0_227",
23
- "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1hsd0_231",
24
- "body-cell-editor": "awsui_body-cell-editor_c6tup_1hsd0_255",
25
- "body-cell-success": "awsui_body-cell-success_c6tup_1hsd0_260",
26
- "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1hsd0_285",
27
- "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1hsd0_285",
28
- "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1hsd0_294",
29
- "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1hsd0_294",
30
- "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1hsd0_304",
31
- "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1hsd0_304",
32
- "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1hsd0_328"
5
+ "body-cell": "awsui_body-cell_c6tup_nsq8p_93",
6
+ "body-cell-wrap": "awsui_body-cell-wrap_c6tup_nsq8p_103",
7
+ "is-visual-refresh": "awsui_is-visual-refresh_c6tup_nsq8p_115",
8
+ "has-striped-rows": "awsui_has-striped-rows_c6tup_nsq8p_127",
9
+ "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_nsq8p_130",
10
+ "body-cell-editable": "awsui_body-cell-editable_c6tup_nsq8p_130",
11
+ "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_nsq8p_136",
12
+ "has-selection": "awsui_has-selection_c6tup_nsq8p_139",
13
+ "body-cell-first-row": "awsui_body-cell-first-row_c6tup_nsq8p_145",
14
+ "body-cell-last-row": "awsui_body-cell-last-row_c6tup_nsq8p_148",
15
+ "body-cell-selected": "awsui_body-cell-selected_c6tup_nsq8p_148",
16
+ "has-footer": "awsui_has-footer_c6tup_nsq8p_148",
17
+ "body-cell-shaded": "awsui_body-cell-shaded_c6tup_nsq8p_158",
18
+ "sticky-cell": "awsui_sticky-cell_c6tup_nsq8p_178",
19
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_nsq8p_186",
20
+ "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_nsq8p_203",
21
+ "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_nsq8p_207",
22
+ "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_nsq8p_230",
23
+ "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_nsq8p_234",
24
+ "body-cell-editor": "awsui_body-cell-editor_c6tup_nsq8p_258",
25
+ "body-cell-success": "awsui_body-cell-success_c6tup_nsq8p_263",
26
+ "body-cell-success-form": "awsui_body-cell-success-form_c6tup_nsq8p_288",
27
+ "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_nsq8p_288",
28
+ "body-cell-success-row": "awsui_body-cell-success-row_c6tup_nsq8p_297",
29
+ "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_nsq8p_297",
30
+ "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_nsq8p_307",
31
+ "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_nsq8p_307",
32
+ "body-cell-has-success": "awsui_body-cell-has-success_c6tup_nsq8p_331"
33
33
  };
34
34