npm - @cloudscape-design/components - Versions diffs - 3.0.251 → 3.0.253 - Mend

@cloudscape-design/components 3.0.251 → 3.0.253

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 (30) hide show

package/app-layout/visual-refresh/navigation.js +1 -1
package/app-layout/visual-refresh/navigation.js.map +1 -1
package/app-layout/visual-refresh/tools.d.ts.map +1 -1
package/app-layout/visual-refresh/tools.js +2 -2
package/app-layout/visual-refresh/tools.js.map +1 -1
package/checkbox/interfaces.d.ts +4 -0
package/checkbox/interfaces.d.ts.map +1 -1
package/checkbox/interfaces.js.map +1 -1
package/checkbox/internal.d.ts.map +1 -1
package/checkbox/internal.js +2 -2
package/checkbox/internal.js.map +1 -1
package/internal/base-component/styles.scoped.css +8 -5
package/internal/environment.js +1 -1
package/internal/generated/theming/index.cjs +47 -25
package/internal/generated/theming/index.js +47 -25
package/internal/manifest.json +1 -1
package/package.json +1 -1
package/s3-resource-selector/s3-modal/basic-table.d.ts.map +1 -1
package/s3-resource-selector/s3-modal/basic-table.js +1 -1
package/s3-resource-selector/s3-modal/basic-table.js.map +1 -1
package/table/header-cell/styles.css.js +19 -19
package/table/header-cell/styles.scoped.css +33 -33
package/table/header-cell/styles.selectors.js +19 -19
package/table/resizer/styles.css.js +6 -6
package/table/resizer/styles.scoped.css +13 -13
package/table/resizer/styles.selectors.js +6 -6
package/theming/index.d.ts +2 -1
package/theming/index.d.ts.map +1 -1
package/theming/index.js +2 -1
package/theming/index.js.map +1 -1

package/internal/generated/theming/index.js CHANGED Viewed

@@ -1060,8 +1060,8 @@ export var preset = {
         "dark": "{colorBackgroundControlDisabled}"
       },
       "colorBorderDividerActive": {
-        "light": "{colorGrey500}",
-        "dark": "{colorGrey500}"
+        "light": "{colorGrey900}",
+        "dark": "{colorGrey100}"
       },
       "colorBorderDividerDefault": {
         "light": "{colorGrey200}",
@@ -1164,8 +1164,8 @@ export var preset = {
         "dark": "{colorGrey450}"
       },
       "colorBorderDividerInteractiveDefault": {
-        "light": "{colorBorderDividerDefault}",
-        "dark": "{colorBorderDividerDefault}"
+        "light": "{colorTextInteractiveDefault}",
+        "dark": "{colorTextInteractiveDefault}"
       },
       "colorBorderTabsDivider": {
         "light": "{colorGrey200}",
@@ -2287,6 +2287,14 @@ export var preset = {
       "shadowStickyEmbedded": {
         "light": "0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.10)",
         "dark": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)"
+      },
+      "shadowStickyColumnFirst": {
+        "light": "4px 0px 20px 1px rgba(0, 7, 22, 0.1)",
+        "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
+      },
+      "shadowStickyColumnLast": {
+        "light": "-4px 0 20px 1px rgba(0, 28, 36, 0.1)",
+        "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
       }
     },
     "contexts": {
@@ -3013,8 +3021,8 @@ export var preset = {
             "dark": "{colorBackgroundControlDisabled}"
           },
           "colorBorderDividerActive": {
-            "light": "{colorGrey500}",
-            "dark": "{colorGrey500}"
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
           },
           "colorBorderDividerDefault": {
             "light": "{colorGrey600}",
@@ -3117,8 +3125,8 @@ export var preset = {
             "dark": "{colorGrey450}"
           },
           "colorBorderDividerInteractiveDefault": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorTextInteractiveDefault}",
+            "dark": "{colorTextInteractiveDefault}"
           },
           "colorBorderTabsDivider": {
             "light": "{colorGrey600}",
@@ -3622,6 +3630,14 @@ export var preset = {
             "light": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)",
             "dark": "0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1)"
           },
+          "shadowStickyColumnFirst": {
+            "light": "0px 4px 20px 1px rgba(0, 7, 22, 1)",
+            "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
+          },
+          "shadowStickyColumnLast": {
+            "light": "0px 4px 20px 1px rgba(0, 7, 22, 1)",
+            "dark": "0px 4px 20px 1px rgba(0, 7, 22, 1)"
+          },
           "colorGreyOpaque25": {
             "light": "rgba(255, 255, 255, 0.25)",
             "dark": "rgba(255, 255, 255, 0.25)"
@@ -3983,8 +3999,8 @@ export var preset = {
             "dark": "{colorBackgroundControlDisabled}"
           },
           "colorBorderDividerActive": {
-            "light": "{colorGrey500}",
-            "dark": "{colorGrey500}"
+            "light": "{colorGrey100}",
+            "dark": "{colorGrey100}"
           },
           "colorBorderDividerDefault": {
             "light": "{colorGrey600}",
@@ -4087,8 +4103,8 @@ export var preset = {
             "dark": "{colorGrey450}"
           },
           "colorBorderDividerInteractiveDefault": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorTextInteractiveDefault}",
+            "dark": "{colorTextInteractiveDefault}"
           },
           "colorBorderTabsDivider": {
             "light": "{colorGrey600}",
@@ -4893,8 +4909,8 @@ export var preset = {
             "dark": "{colorBackgroundControlDisabled}"
           },
           "colorBorderDividerActive": {
-            "light": "{colorGrey500}",
-            "dark": "{colorGrey500}"
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey100}"
           },
           "colorBorderDividerDefault": {
             "light": "{colorGrey200}",
@@ -4997,8 +5013,8 @@ export var preset = {
             "dark": "{colorGrey450}"
           },
           "colorBorderDividerInteractiveDefault": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorTextInteractiveDefault}",
+            "dark": "{colorTextInteractiveDefault}"
           },
           "colorBorderTabsDivider": {
             "light": "{colorGrey200}",
@@ -5803,8 +5819,8 @@ export var preset = {
             "dark": "{colorBackgroundControlDisabled}"
           },
           "colorBorderDividerActive": {
-            "light": "{colorGrey500}",
-            "dark": "{colorGrey500}"
+            "light": "{colorGrey900}",
+            "dark": "{colorGrey100}"
           },
           "colorBorderDividerDefault": {
             "light": "{colorGrey200}",
@@ -5907,8 +5923,8 @@ export var preset = {
             "dark": "{colorGrey450}"
           },
           "colorBorderDividerInteractiveDefault": {
-            "light": "{colorBorderDividerDefault}",
-            "dark": "{colorBorderDividerDefault}"
+            "light": "{colorTextInteractiveDefault}",
+            "dark": "{colorTextInteractiveDefault}"
           },
           "colorBorderTabsDivider": {
             "light": "{colorGrey200}",
@@ -6878,7 +6894,9 @@ export var preset = {
       "shadowSplitBottom": "color",
       "shadowSplitSide": "color",
       "shadowSticky": "color",
-      "shadowStickyEmbedded": "color"
+      "shadowStickyEmbedded": "color",
+      "shadowStickyColumnFirst": "color",
+      "shadowStickyColumnLast": "color"
     }
   },
   "secondary": [],
@@ -7996,7 +8014,9 @@ export var preset = {
     "shadowSplitBottom": "shadow-split-bottom",
     "shadowSplitSide": "shadow-split-side",
     "shadowSticky": "shadow-sticky",
-    "shadowStickyEmbedded": "shadow-sticky-embedded"
+    "shadowStickyEmbedded": "shadow-sticky-embedded",
+    "shadowStickyColumnFirst": "shadow-sticky-column-first",
+    "shadowStickyColumnLast": "shadow-sticky-column-last"
   },
   "propertiesMap": {
     "colorAmazonOrange": "--color-amazon-orange-ds51uu",
@@ -8288,7 +8308,7 @@ export var preset = {
     "colorBorderControlChecked": "--color-border-control-checked-4xvndc",
     "colorBorderControlDefault": "--color-border-control-default-m3lmsh",
     "colorBorderControlDisabled": "--color-border-control-disabled-vx8bco",
-    "colorBorderDividerActive": "--color-border-divider-active-nnnfx9",
+    "colorBorderDividerActive": "--color-border-divider-active-t11l9l",
     "colorBorderDividerDefault": "--color-border-divider-default-7s2wjw",
     "colorBorderDividerPanelBottom": "--color-border-divider-panel-bottom-zrjpck",
     "colorBorderDividerPanelSide": "--color-border-divider-panel-side-yjkfcr",
@@ -8314,7 +8334,7 @@ export var preset = {
     "colorBorderStatusInfo": "--color-border-status-info-546i7i",
     "colorBorderStatusSuccess": "--color-border-status-success-cqi45f",
     "colorBorderStatusWarning": "--color-border-status-warning-hg85ut",
-    "colorBorderDividerInteractiveDefault": "--color-border-divider-interactive-default-rcasvw",
+    "colorBorderDividerInteractiveDefault": "--color-border-divider-interactive-default-0hdcst",
     "colorBorderTabsDivider": "--color-border-tabs-divider-69fx5i",
     "colorBorderTabsShadow": "--color-border-tabs-shadow-4lmh2z",
     "colorBorderTabsUnderline": "--color-border-tabs-underline-9bcfzu",
@@ -8661,6 +8681,8 @@ export var preset = {
     "shadowSplitBottom": "--shadow-split-bottom-otfetg",
     "shadowSplitSide": "--shadow-split-side-qv353u",
     "shadowSticky": "--shadow-sticky-aijlo6",
-    "shadowStickyEmbedded": "--shadow-sticky-embedded-qit8ba"
+    "shadowStickyEmbedded": "--shadow-sticky-embedded-qit8ba",
+    "shadowStickyColumnFirst": "--shadow-sticky-column-first-h2plme",
+    "shadowStickyColumnLast": "--shadow-sticky-column-last-s13kkz"
   }
 };

package/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "192f9e6a12828f9266fd2b80a86d911900b012bb"
+  "commit": "229562f63bee95737307ab6712857b0331180778"
 }

package/package.json CHANGED Viewed

@@ -109,7 +109,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.251",
+  "version": "3.0.253",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/s3-resource-selector/s3-modal/basic-table.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"basic-table.d.ts","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,OAAwB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAGxD,UAAU,mBAAmB,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAC5C;AAED,UAAU,iBAAiB,CAAC,CAAC;IAG3B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC5C,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACzD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,uBAAuB,CAAC,WAAW,GAAG,SAAS;;;;;;;EAS/F;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,WAAgB,EAChB,eAAe,EACf,cAAc,EACd,cAAc,EACd,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,~~eA2FtB~~"}
1	+ {"version":3,"file":"basic-table.d.ts","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAIpD,OAAwB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAEtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAGxD,UAAU,mBAAmB,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,eAAe,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;CAC5C;AAED,UAAU,iBAAiB,CAAC,CAAC;IAG3B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;IAC5C,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,SAAS,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC/B,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtC,cAAc,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACzD,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,wBAAgB,mBAAmB,CAAC,WAAW,EAAE,uBAAuB,CAAC,WAAW,GAAG,SAAS;;;;;;;EAS/F;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,eAAe,EACf,iBAAiB,EACjB,SAAS,EACT,OAAO,EACP,WAAgB,EAChB,eAAe,EACf,cAAc,EACd,cAAc,EACd,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,eA4FtB"}

package/s3-resource-selector/s3-modal/basic-table.js CHANGED Viewed

@@ -59,6 +59,6 @@ export function BasicS3Table({ forwardFocusRef, columnDefinitions, fetchData, tr
     useEffect(() => {
         onSelectLatest(selectedItem);
     }, [selectedItem, onSelectLatest]);
-    return (React.createElement(InternalTable, Object.assign({ variant: "embedded" }, collectionProps, { header: React.createElement(InternalHeader, { variant: isVisualRefresh ? 'h3' : 'h2', actions: React.createElement(InternalButton, { iconName: "refresh", ariaLabel: i18nStrings.labelRefresh, onClick: loadData }), counter: selectedItem ? `(1/${allItems.length})` : `(${allItems.length})` }, i18nStrings.header), trackBy: trackBy, filter: React.createElement(InternalTextFilter, Object.assign({}, filterProps, { ref: textFilterRef, filteringAriaLabel: i18nStrings.filteringAriaLabel, filteringPlaceholder: i18nStrings.filteringPlaceholder, countText: i18nStrings.filteringCounterText ? i18nStrings.filteringCounterText(filteredItemsCount) : '' })), pagination: React.createElement(InternalPagination, Object.assign({}, paginationProps, { ariaLabels: i18nStrings.labelsPagination })), selectionType: "single", ariaLabels: i18nStrings.selectionLabels, loading: loading, loadingText: i18nStrings.loadingText, items: items, visibleColumns: visibleColumns, isItemDisabled: isItemDisabled, columnDefinitions: columnDefinitions })));
+    return (React.createElement(InternalTable, Object.assign({ variant: "embedded" }, collectionProps, { header: React.createElement(InternalHeader, { variant: isVisualRefresh ? 'h3' : 'h2', headingTagOverride: 'h3', actions: React.createElement(InternalButton, { iconName: "refresh", ariaLabel: i18nStrings.labelRefresh, onClick: loadData }), counter: selectedItem ? `(1/${allItems.length})` : `(${allItems.length})` }, i18nStrings.header), trackBy: trackBy, filter: React.createElement(InternalTextFilter, Object.assign({}, filterProps, { ref: textFilterRef, filteringAriaLabel: i18nStrings.filteringAriaLabel, filteringPlaceholder: i18nStrings.filteringPlaceholder, countText: i18nStrings.filteringCounterText ? i18nStrings.filteringCounterText(filteredItemsCount) : '' })), pagination: React.createElement(InternalPagination, Object.assign({}, paginationProps, { ariaLabels: i18nStrings.labelsPagination })), selectionType: "single", ariaLabels: i18nStrings.selectionLabels, loading: loading, loadingText: i18nStrings.loadingText, items: items, visibleColumns: visibleColumns, isItemDisabled: isItemDisabled, columnDefinitions: columnDefinitions })));
 }
 //# sourceMappingURL=basic-table.js.map

package/s3-resource-selector/s3-modal/basic-table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"basic-table.js","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useState, useRef } from 'react';\nimport { useCollection } from '@cloudscape-design/collection-hooks';\nimport { InternalButton } from '../../button/internal';\nimport InternalHeader from '../../header/internal';\nimport { PaginationProps } from '../../pagination/interfaces';\nimport InternalPagination from '../../pagination/internal';\nimport { TableProps } from '../../table/interfaces';\nimport InternalTable from '../../table/internal';\nimport { TextFilterProps } from '../../text-filter/interfaces';\nimport InternalTextFilter from '../../text-filter/internal';\nimport useForwardFocus, { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { EmptyState } from './empty-state';\n\ninterface BasicS3TableStrings<T> {\n labelRefresh?: string;\n labelsPagination?: PaginationProps.Labels;\n header?: string;\n loadingText?: string;\n filteringPlaceholder?: string;\n filteringAriaLabel?: string;\n filteringCounterText?: S3ResourceSelectorProps.I18nStrings['filteringCounterText'];\n emptyText?: string;\n noMatchTitle?: string;\n noMatchSubtitle?: string;\n clearFilterButtonText?: string;\n selectionLabels?: TableProps.AriaLabels<T>;\n}\n\ninterface BasicS3TableProps<T> {\n // We do not use idiomatic `ref` prop because it does not allow generics.\n // Option 3 from this solution: https://stackoverflow.com/a/58473012/1297743\n forwardFocusRef: React.Ref<ForwardFocusRef>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n fetchData: () => Promise<ReadonlyArray<T>>;\n trackBy: TableProps.TrackBy<T>;\n i18nStrings: BasicS3TableStrings<T>;\n isVisualRefresh?: boolean;\n visibleColumns: ReadonlyArray<string>;\n isItemDisabled: TableProps.IsItemDisabled<T> \| undefined;\n onSelect: (item: T \| undefined) => void;\n}\n\nexport function getSharedI18Strings(i18nStrings: S3ResourceSelectorProps.I18nStrings \| undefined) {\n return {\n filteringCounterText: i18nStrings?.filteringCounterText,\n labelRefresh: i18nStrings?.labelRefresh,\n labelsPagination: i18nStrings?.labelsPagination,\n noMatchTitle: i18nStrings?.filteringNoMatches,\n noMatchSubtitle: i18nStrings?.filteringCantFindMatch,\n clearFilterButtonText: i18nStrings?.clearFilterButtonText,\n };\n}\n\nexport function BasicS3Table<T>({\n forwardFocusRef,\n columnDefinitions,\n fetchData,\n trackBy,\n i18nStrings = {},\n isVisualRefresh,\n visibleColumns,\n isItemDisabled,\n onSelect,\n}: BasicS3TableProps<T>) {\n const [loading, setLoading] = useState(false);\n const [allItems, setAllItems] = useState<ReadonlyArray<T>>([]);\n const textFilterRef = useRef<TextFilterProps.Ref>(null);\n const onSelectLatest = useStableEventHandler(onSelect);\n\n function loadData() {\n setLoading(true);\n fetchData()\n .then(items => {\n setAllItems(items);\n setLoading(false);\n })\n .catch(() => {\n // error handling should happen on the customer side, outside of this component\n setLoading(false);\n });\n }\n\n useEffect(() => {\n loadData();\n // Data loading is only happening on initial render, or via refresh button\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useForwardFocus(forwardFocusRef, textFilterRef);\n\n const { items, filteredItemsCount, collectionProps, filterProps, paginationProps, actions } = useCollection(\n allItems,\n {\n selection: { trackBy },\n filtering: {\n empty: i18nStrings.emptyText,\n noMatch: (\n <EmptyState\n title={i18nStrings.noMatchTitle}\n subtitle={i18nStrings.noMatchSubtitle}\n action={\n <InternalButton onClick={() => actions.setFiltering('')}>\n {i18nStrings.clearFilterButtonText}\n </InternalButton>\n }\n />\n ),\n },\n pagination: {},\n sorting: {},\n }\n );\n const selectedItem = collectionProps.selectedItems?.[0];\n\n // selectedItem can change internally inside the hook after pagination or filtering\n // useEffect will capture all possible changes\n useEffect(() => {\n onSelectLatest(selectedItem);\n }, [selectedItem, onSelectLatest]);\n\n return (\n <InternalTable<T>\n variant=\"embedded\"\n {...collectionProps}\n header={\n <InternalHeader\n variant={isVisualRefresh ? 'h3' : 'h2'}\n actions={<InternalButton iconName=\"refresh\" ariaLabel={i18nStrings.labelRefresh} onClick={loadData} />}\n counter={selectedItem ? `(1/${allItems.length})` : `(${allItems.length})`}\n >\n {i18nStrings.header}\n </InternalHeader>\n }\n trackBy={trackBy}\n filter={\n <InternalTextFilter\n {...filterProps}\n ref={textFilterRef}\n filteringAriaLabel={i18nStrings.filteringAriaLabel}\n filteringPlaceholder={i18nStrings.filteringPlaceholder}\n countText={i18nStrings.filteringCounterText ? i18nStrings.filteringCounterText(filteredItemsCount!) : ''}\n />\n }\n pagination={<InternalPagination {...paginationProps} ariaLabels={i18nStrings.labelsPagination} />}\n selectionType=\"single\"\n ariaLabels={i18nStrings.selectionLabels}\n loading={loading}\n loadingText={i18nStrings.loadingText}\n items={items}\n visibleColumns={visibleColumns}\n isItemDisabled={isItemDisabled}\n columnDefinitions={columnDefinitions}\n />\n );\n}\n"]}
1	+ {"version":3,"file":"basic-table.js","sourceRoot":"lib/default/","sources":["s3-resource-selector/s3-modal/basic-table.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useState, useRef } from 'react';\nimport { useCollection } from '@cloudscape-design/collection-hooks';\nimport { InternalButton } from '../../button/internal';\nimport InternalHeader from '../../header/internal';\nimport { PaginationProps } from '../../pagination/interfaces';\nimport InternalPagination from '../../pagination/internal';\nimport { TableProps } from '../../table/interfaces';\nimport InternalTable from '../../table/internal';\nimport { TextFilterProps } from '../../text-filter/interfaces';\nimport InternalTextFilter from '../../text-filter/internal';\nimport useForwardFocus, { ForwardFocusRef } from '../../internal/hooks/forward-focus';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\nimport { S3ResourceSelectorProps } from '../interfaces';\nimport { EmptyState } from './empty-state';\n\ninterface BasicS3TableStrings<T> {\n labelRefresh?: string;\n labelsPagination?: PaginationProps.Labels;\n header?: string;\n loadingText?: string;\n filteringPlaceholder?: string;\n filteringAriaLabel?: string;\n filteringCounterText?: S3ResourceSelectorProps.I18nStrings['filteringCounterText'];\n emptyText?: string;\n noMatchTitle?: string;\n noMatchSubtitle?: string;\n clearFilterButtonText?: string;\n selectionLabels?: TableProps.AriaLabels<T>;\n}\n\ninterface BasicS3TableProps<T> {\n // We do not use idiomatic `ref` prop because it does not allow generics.\n // Option 3 from this solution: https://stackoverflow.com/a/58473012/1297743\n forwardFocusRef: React.Ref<ForwardFocusRef>;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<T>>;\n fetchData: () => Promise<ReadonlyArray<T>>;\n trackBy: TableProps.TrackBy<T>;\n i18nStrings: BasicS3TableStrings<T>;\n isVisualRefresh?: boolean;\n visibleColumns: ReadonlyArray<string>;\n isItemDisabled: TableProps.IsItemDisabled<T> \| undefined;\n onSelect: (item: T \| undefined) => void;\n}\n\nexport function getSharedI18Strings(i18nStrings: S3ResourceSelectorProps.I18nStrings \| undefined) {\n return {\n filteringCounterText: i18nStrings?.filteringCounterText,\n labelRefresh: i18nStrings?.labelRefresh,\n labelsPagination: i18nStrings?.labelsPagination,\n noMatchTitle: i18nStrings?.filteringNoMatches,\n noMatchSubtitle: i18nStrings?.filteringCantFindMatch,\n clearFilterButtonText: i18nStrings?.clearFilterButtonText,\n };\n}\n\nexport function BasicS3Table<T>({\n forwardFocusRef,\n columnDefinitions,\n fetchData,\n trackBy,\n i18nStrings = {},\n isVisualRefresh,\n visibleColumns,\n isItemDisabled,\n onSelect,\n}: BasicS3TableProps<T>) {\n const [loading, setLoading] = useState(false);\n const [allItems, setAllItems] = useState<ReadonlyArray<T>>([]);\n const textFilterRef = useRef<TextFilterProps.Ref>(null);\n const onSelectLatest = useStableEventHandler(onSelect);\n\n function loadData() {\n setLoading(true);\n fetchData()\n .then(items => {\n setAllItems(items);\n setLoading(false);\n })\n .catch(() => {\n // error handling should happen on the customer side, outside of this component\n setLoading(false);\n });\n }\n\n useEffect(() => {\n loadData();\n // Data loading is only happening on initial render, or via refresh button\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useForwardFocus(forwardFocusRef, textFilterRef);\n\n const { items, filteredItemsCount, collectionProps, filterProps, paginationProps, actions } = useCollection(\n allItems,\n {\n selection: { trackBy },\n filtering: {\n empty: i18nStrings.emptyText,\n noMatch: (\n <EmptyState\n title={i18nStrings.noMatchTitle}\n subtitle={i18nStrings.noMatchSubtitle}\n action={\n <InternalButton onClick={() => actions.setFiltering('')}>\n {i18nStrings.clearFilterButtonText}\n </InternalButton>\n }\n />\n ),\n },\n pagination: {},\n sorting: {},\n }\n );\n const selectedItem = collectionProps.selectedItems?.[0];\n\n // selectedItem can change internally inside the hook after pagination or filtering\n // useEffect will capture all possible changes\n useEffect(() => {\n onSelectLatest(selectedItem);\n }, [selectedItem, onSelectLatest]);\n\n return (\n <InternalTable<T>\n variant=\"embedded\"\n {...collectionProps}\n header={\n <InternalHeader\n variant={isVisualRefresh ? 'h3' : 'h2'}\n headingTagOverride={'h3'}\n actions={<InternalButton iconName=\"refresh\" ariaLabel={i18nStrings.labelRefresh} onClick={loadData} />}\n counter={selectedItem ? `(1/${allItems.length})` : `(${allItems.length})`}\n >\n {i18nStrings.header}\n </InternalHeader>\n }\n trackBy={trackBy}\n filter={\n <InternalTextFilter\n {...filterProps}\n ref={textFilterRef}\n filteringAriaLabel={i18nStrings.filteringAriaLabel}\n filteringPlaceholder={i18nStrings.filteringPlaceholder}\n countText={i18nStrings.filteringCounterText ? i18nStrings.filteringCounterText(filteredItemsCount!) : ''}\n />\n }\n pagination={<InternalPagination {...paginationProps} ariaLabels={i18nStrings.labelsPagination} />}\n selectionType=\"single\"\n ariaLabels={i18nStrings.selectionLabels}\n loading={loading}\n loadingText={i18nStrings.loadingText}\n items={items}\n visibleColumns={visibleColumns}\n isItemDisabled={isItemDisabled}\n columnDefinitions={columnDefinitions}\n />\n );\n}\n"]}

package/table/header-cell/styles.css.js CHANGED Viewed

@@ -1,24 +1,24 @@
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_qocl2_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_qocl2_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_qocl2_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_qocl2_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_qocl2_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_qocl2_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_qocl2_129",
-  "sorting-icon": "awsui_sorting-icon_1spae_qocl2_133",
-  "edit-icon": "awsui_edit-icon_1spae_qocl2_141",
-  "header-cell-content": "awsui_header-cell-content_1spae_qocl2_147",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_qocl2_176",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_qocl2_194",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_qocl2_194",
-  "header-cell-text": "awsui_header-cell-text_1spae_qocl2_208",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_qocl2_213",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_qocl2_219",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_qocl2_220",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_qocl2_230",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_qocl2_241"
+  "header-cell": "awsui_header-cell_1spae_f15ng_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_f15ng_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_f15ng_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_f15ng_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_f15ng_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_f15ng_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_f15ng_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_f15ng_133",
+  "edit-icon": "awsui_edit-icon_1spae_f15ng_141",
+  "header-cell-content": "awsui_header-cell-content_1spae_f15ng_147",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_f15ng_176",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_f15ng_194",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_f15ng_194",
+  "header-cell-text": "awsui_header-cell-text_1spae_f15ng_208",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_f15ng_213",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_f15ng_219",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_f15ng_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_f15ng_230",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_f15ng_241"
 };

package/table/header-cell/styles.scoped.css CHANGED Viewed

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_header-cell_1spae_qocl2_93:not(#\9) {
+.awsui_header-cell_1spae_f15ng_93:not(#\9) {
   position: relative;
   text-align: left;
   box-sizing: border-box;
@@ -102,19 +102,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_header-cell-sticky_1spae_qocl2_105:not(#\9) {
+.awsui_header-cell-sticky_1spae_f15ng_105:not(#\9) {
   border-bottom: var(--border-table-sticky-width-h1tlxy, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_header-cell-stuck_1spae_qocl2_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_qocl2_108) {
+.awsui_header-cell-stuck_1spae_f15ng_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_f15ng_108) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_qocl2_108.awsui_header-cell-hidden_1spae_qocl2_111:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_f15ng_108.awsui_header-cell-hidden_1spae_f15ng_111:not(#\9) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell_1spae_qocl2_93:not(#\9):last-child, .awsui_header-cell_1spae_qocl2_93.awsui_header-cell-sortable_1spae_qocl2_114:not(#\9) {
+.awsui_header-cell_1spae_f15ng_93:not(#\9):last-child, .awsui_header-cell_1spae_f15ng_93.awsui_header-cell-sortable_1spae_f15ng_114:not(#\9) {
   padding-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-cell_1spae_qocl2_93:not(#\9):not(:last-child):before {
+.awsui_header-cell_1spae_f15ng_93:not(#\9):not(:last-child):before {
   content: "";
   position: absolute;
   right: 0;
@@ -126,11 +126,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   box-sizing: border-box;
 }
-.awsui_header-cell-resizable_1spae_qocl2_129:not(#\9):not(:last-child):before {
-  border-left-color: var(--color-border-divider-interactive-default-rcasvw, #e9ebed);
+.awsui_header-cell-resizable_1spae_f15ng_129:not(#\9):not(:last-child):before {
+  border-left-color: var(--color-border-divider-interactive-default-0hdcst, #414d5c);
 }
-.awsui_sorting-icon_1spae_qocl2_133:not(#\9) {
+.awsui_sorting-icon_1spae_f15ng_133:not(#\9) {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -138,31 +138,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-column-sorting-icon-q5sr09, #414d5c);
 }
-.awsui_edit-icon_1spae_qocl2_141:not(#\9) {
+.awsui_edit-icon_1spae_f15ng_141:not(#\9) {
   margin-left: var(--space-xxs-ynfts5, 4px);
   margin-top: var(--space-scaled-xxs-95dhkm, 4px);
   color: inherit;
 }
-.awsui_header-cell-content_1spae_qocl2_147:not(#\9) {
+.awsui_header-cell-content_1spae_f15ng_147:not(#\9) {
   position: relative;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
 }
-.awsui_header-cell-sortable_1spae_qocl2_114 > .awsui_header-cell-content_1spae_qocl2_147:not(#\9) {
+.awsui_header-cell-sortable_1spae_f15ng_114 > .awsui_header-cell-content_1spae_f15ng_147:not(#\9) {
   padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
 }
-.awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus {
+.awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -173,14 +173,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:n
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.awsui_header-cell-fake-focus_1spae_qocl2_176:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.awsui_header-cell-fake-focus_1spae_qocl2_176:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.awsui_header-cell-fake-focus_1spae_qocl2_176:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -191,33 +191,33 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.a
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_header-cell-disabled_1spae_qocl2_194.awsui_header-cell-sorted_1spae_qocl2_194 > .awsui_header-cell-content_1spae_qocl2_147 > .awsui_sorting-icon_1spae_qocl2_133:not(#\9) {
+.awsui_header-cell-disabled_1spae_f15ng_194.awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 > .awsui_sorting-icon_1spae_f15ng_133:not(#\9) {
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
 }
-.awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194) > .awsui_header-cell-content_1spae_qocl2_147 {
+.awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194) > .awsui_header-cell-content_1spae_qocl2_147:hover, .awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194).awsui_header-cell-sorted_1spae_qocl2_194 > .awsui_header-cell-content_1spae_qocl2_147 {
+.awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147:hover, .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194).awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
-.awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194) > .awsui_header-cell-content_1spae_qocl2_147:hover > .awsui_sorting-icon_1spae_qocl2_133, .awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194).awsui_header-cell-sorted_1spae_qocl2_194 > .awsui_header-cell-content_1spae_qocl2_147 > .awsui_sorting-icon_1spae_qocl2_133 {
+.awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147:hover > .awsui_sorting-icon_1spae_f15ng_133, .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194).awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 > .awsui_sorting-icon_1spae_f15ng_133 {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
-.awsui_header-cell-text_1spae_qocl2_208:not(#\9) {
+.awsui_header-cell-text_1spae_f15ng_208:not(#\9) {
   line-height: var(--font-heading-xs-line-height-5x131j, 18px);
   padding-top: calc(var(--space-xxxs-k2w98v, 2px) / 2);
   padding-bottom: calc(var(--space-xxxs-k2w98v, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_qocl2_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_qocl2_213) {
+.awsui_header-cell-text_1spae_f15ng_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_f15ng_213) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_header-cell-ascending_1spae_qocl2_219:not(#\9),
-.awsui_header-cell-descending_1spae_qocl2_220:not(#\9) {
+.awsui_header-cell-ascending_1spae_f15ng_219:not(#\9),
+.awsui_header-cell-descending_1spae_f15ng_220:not(#\9) {
   /* used in test-utils */
 }
@@ -227,26 +227,26 @@ with the left edge of the table as closely as possible. If the
 last header cell is sortable the sort icon should align with the
 settings icon in the pagination slot.
 */
-.awsui_header-cell_1spae_qocl2_93:not(#\9):not(.awsui_is-visual-refresh_1spae_qocl2_230):first-child {
+.awsui_header-cell_1spae_f15ng_93:not(#\9):not(.awsui_is-visual-refresh_1spae_f15ng_230):first-child {
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9) {
+.awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9) {
   /*
   Striped rows requires additional left padding because the
   shaded background makes the child content appear too close
   to the table edge.
   */
 }
-.awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_qocl2_241) {
+.awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_f15ng_241) {
   padding-left: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):first-child.awsui_has-striped-rows_1spae_qocl2_241 {
+.awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child.awsui_has-striped-rows_1spae_f15ng_241 {
   padding-left: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):first-child > .awsui_header-cell-content_1spae_qocl2_147 {
+.awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child > .awsui_header-cell-content_1spae_f15ng_147 {
   padding-left: 0;
 }
-.awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_qocl2_114 {
+.awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_f15ng_114 {
   padding-right: var(--space-xxxs-k2w98v, 2px);
 }

package/table/header-cell/styles.selectors.js CHANGED Viewed

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_qocl2_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_qocl2_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_qocl2_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_qocl2_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_qocl2_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_qocl2_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_qocl2_129",
-  "sorting-icon": "awsui_sorting-icon_1spae_qocl2_133",
-  "edit-icon": "awsui_edit-icon_1spae_qocl2_141",
-  "header-cell-content": "awsui_header-cell-content_1spae_qocl2_147",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_qocl2_176",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_qocl2_194",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_qocl2_194",
-  "header-cell-text": "awsui_header-cell-text_1spae_qocl2_208",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_qocl2_213",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_qocl2_219",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_qocl2_220",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_qocl2_230",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_qocl2_241"
+  "header-cell": "awsui_header-cell_1spae_f15ng_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_f15ng_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_f15ng_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_f15ng_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_f15ng_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_f15ng_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_f15ng_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_f15ng_133",
+  "edit-icon": "awsui_edit-icon_1spae_f15ng_141",
+  "header-cell-content": "awsui_header-cell-content_1spae_f15ng_147",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_f15ng_176",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_f15ng_194",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_f15ng_194",
+  "header-cell-text": "awsui_header-cell-text_1spae_f15ng_208",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_f15ng_213",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_f15ng_219",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_f15ng_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_f15ng_230",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_f15ng_241"
 };

package/table/resizer/styles.css.js CHANGED Viewed

@@ -1,11 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "resize-active": "awsui_resize-active_x7peu_1px6f_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1px6f_93",
-  "resizer": "awsui_resizer_x7peu_1px6f_98",
-  "resizer-active": "awsui_resizer-active_x7peu_1px6f_114",
-  "has-focus": "awsui_has-focus_x7peu_1px6f_126",
-  "tracker": "awsui_tracker_x7peu_1px6f_149"
+  "resize-active": "awsui_resize-active_x7peu_84vi8_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_84vi8_93",
+  "resizer": "awsui_resizer_x7peu_84vi8_98",
+  "resizer-active": "awsui_resizer-active_x7peu_84vi8_114",
+  "has-focus": "awsui_has-focus_x7peu_84vi8_126",
+  "tracker": "awsui_tracker_x7peu_84vi8_149"
 };