@cloudscape-design/components 3.0.195 → 3.0.197

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 (28) hide show
  1. package/autosuggest/autosuggest-option.d.ts.map +1 -1
  2. package/autosuggest/autosuggest-option.js +3 -0
  3. package/autosuggest/autosuggest-option.js.map +1 -1
  4. package/flashbar/collapsible-flashbar.d.ts.map +1 -1
  5. package/flashbar/collapsible-flashbar.js +3 -6
  6. package/flashbar/collapsible-flashbar.js.map +1 -1
  7. package/flashbar/styles.css.js +43 -43
  8. package/flashbar/styles.scoped.css +136 -136
  9. package/flashbar/styles.selectors.js +43 -43
  10. package/flashbar/utils.d.ts +0 -1
  11. package/flashbar/utils.d.ts.map +1 -1
  12. package/flashbar/utils.js +0 -3
  13. package/flashbar/utils.js.map +1 -1
  14. package/internal/environment.js +1 -1
  15. package/internal/generated/styles/tokens.d.ts +1 -0
  16. package/internal/generated/styles/tokens.js +1 -0
  17. package/internal/generated/theming/index.cjs +2 -0
  18. package/internal/generated/theming/index.cjs.d.ts +5 -0
  19. package/internal/generated/theming/index.d.ts +5 -0
  20. package/internal/generated/theming/index.js +2 -0
  21. package/internal/manifest.json +1 -1
  22. package/package.json +1 -1
  23. package/property-filter/styles.css.js +33 -33
  24. package/property-filter/styles.scoped.css +36 -36
  25. package/property-filter/styles.selectors.js +33 -33
  26. package/table/styles.css.js +33 -33
  27. package/table/styles.scoped.css +49 -40
  28. package/table/styles.selectors.js +33 -33
package/flashbar/styles.selectors.js CHANGED
@@ -2,48 +2,48 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "flash-with-motion": "awsui_flash-with-motion_1q84n_1pai3_93",
6
- "enter": "awsui_enter_1q84n_1pai3_93",
7
- "flash-body": "awsui_flash-body_1q84n_1pai3_107",
8
- "flash-message": "awsui_flash-message_1q84n_1pai3_107",
9
- "flash-header": "awsui_flash-header_1q84n_1pai3_107",
10
- "flash-content": "awsui_flash-content_1q84n_1pai3_108",
11
- "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1pai3_109",
12
- "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1pai3_110",
13
- "flash-icon": "awsui_flash-icon_1q84n_1pai3_133",
14
- "entering": "awsui_entering_1q84n_1pai3_146",
15
- "entered": "awsui_entered_1q84n_1pai3_167",
16
- "exiting": "awsui_exiting_1q84n_1pai3_272",
17
- "stack": "awsui_stack_1q84n_1pai3_294",
18
- "animation-running": "awsui_animation-running_1q84n_1pai3_294",
19
- "item": "awsui_item_1q84n_1pai3_294",
20
- "flash-list-item": "awsui_flash-list-item_1q84n_1pai3_295",
21
- "notification-bar": "awsui_notification-bar_1q84n_1pai3_296",
22
- "collapsed": "awsui_collapsed_1q84n_1pai3_316",
23
- "animation-ready": "awsui_animation-ready_1q84n_1pai3_316",
24
- "expanded-only": "awsui_expanded-only_1q84n_1pai3_316",
25
- "expanded": "awsui_expanded_1q84n_1pai3_316",
26
- "flash": "awsui_flash_1q84n_1pai3_93",
27
- "status": "awsui_status_1q84n_1pai3_403",
28
- "header": "awsui_header_1q84n_1pai3_403",
29
- "item-count": "awsui_item-count_1q84n_1pai3_404",
30
- "button": "awsui_button_1q84n_1pai3_405",
31
- "type-count": "awsui_type-count_1q84n_1pai3_430",
32
- "count-number": "awsui_count-number_1q84n_1pai3_430",
33
- "visual-refresh": "awsui_visual-refresh_1q84n_1pai3_443",
34
- "icon": "awsui_icon_1q84n_1pai3_493",
35
- "floating": "awsui_floating_1q84n_1pai3_531",
36
- "flashbar": "awsui_flashbar_1q84n_1pai3_539",
37
- "flash-refresh": "awsui_flash-refresh_1q84n_1pai3_581",
38
- "flash-list": "awsui_flash-list_1q84n_1pai3_295",
39
- "flash-focus-container": "awsui_flash-focus-container_1q84n_1pai3_600",
40
- "flash-text": "awsui_flash-text_1q84n_1pai3_627",
41
- "dismiss-button": "awsui_dismiss-button_1q84n_1pai3_110",
42
- "breakpoint-default": "awsui_breakpoint-default_1q84n_1pai3_668",
43
- "action-button": "awsui_action-button_1q84n_1pai3_109",
44
- "flash-type-success": "awsui_flash-type-success_1q84n_1pai3_681",
45
- "flash-type-error": "awsui_flash-type-error_1q84n_1pai3_685",
46
- "flash-type-warning": "awsui_flash-type-warning_1q84n_1pai3_689",
47
- "flash-type-info": "awsui_flash-type-info_1q84n_1pai3_693"
5
+ "flash-with-motion": "awsui_flash-with-motion_1q84n_1ypsl_93",
6
+ "enter": "awsui_enter_1q84n_1ypsl_93",
7
+ "flash-body": "awsui_flash-body_1q84n_1ypsl_107",
8
+ "flash-message": "awsui_flash-message_1q84n_1ypsl_107",
9
+ "flash-header": "awsui_flash-header_1q84n_1ypsl_107",
10
+ "flash-content": "awsui_flash-content_1q84n_1ypsl_108",
11
+ "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1ypsl_109",
12
+ "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1ypsl_110",
13
+ "flash-icon": "awsui_flash-icon_1q84n_1ypsl_133",
14
+ "entering": "awsui_entering_1q84n_1ypsl_146",
15
+ "entered": "awsui_entered_1q84n_1ypsl_167",
16
+ "exiting": "awsui_exiting_1q84n_1ypsl_272",
17
+ "stack": "awsui_stack_1q84n_1ypsl_294",
18
+ "animation-running": "awsui_animation-running_1q84n_1ypsl_294",
19
+ "item": "awsui_item_1q84n_1ypsl_294",
20
+ "flash-list-item": "awsui_flash-list-item_1q84n_1ypsl_295",
21
+ "notification-bar": "awsui_notification-bar_1q84n_1ypsl_296",
22
+ "collapsed": "awsui_collapsed_1q84n_1ypsl_316",
23
+ "animation-ready": "awsui_animation-ready_1q84n_1ypsl_316",
24
+ "expanded-only": "awsui_expanded-only_1q84n_1ypsl_316",
25
+ "expanded": "awsui_expanded_1q84n_1ypsl_316",
26
+ "flash": "awsui_flash_1q84n_1ypsl_93",
27
+ "status": "awsui_status_1q84n_1ypsl_403",
28
+ "header": "awsui_header_1q84n_1ypsl_403",
29
+ "item-count": "awsui_item-count_1q84n_1ypsl_404",
30
+ "button": "awsui_button_1q84n_1ypsl_405",
31
+ "type-count": "awsui_type-count_1q84n_1ypsl_430",
32
+ "count-number": "awsui_count-number_1q84n_1ypsl_430",
33
+ "visual-refresh": "awsui_visual-refresh_1q84n_1ypsl_443",
34
+ "icon": "awsui_icon_1q84n_1ypsl_493",
35
+ "floating": "awsui_floating_1q84n_1ypsl_531",
36
+ "flashbar": "awsui_flashbar_1q84n_1ypsl_539",
37
+ "flash-refresh": "awsui_flash-refresh_1q84n_1ypsl_581",
38
+ "flash-list": "awsui_flash-list_1q84n_1ypsl_295",
39
+ "flash-focus-container": "awsui_flash-focus-container_1q84n_1ypsl_600",
40
+ "flash-text": "awsui_flash-text_1q84n_1ypsl_627",
41
+ "dismiss-button": "awsui_dismiss-button_1q84n_1ypsl_110",
42
+ "breakpoint-default": "awsui_breakpoint-default_1q84n_1ypsl_668",
43
+ "action-button": "awsui_action-button_1q84n_1ypsl_109",
44
+ "flash-type-success": "awsui_flash-type-success_1q84n_1ypsl_681",
45
+ "flash-type-error": "awsui_flash-type-error_1q84n_1ypsl_685",
46
+ "flash-type-warning": "awsui_flash-type-warning_1q84n_1ypsl_689",
47
+ "flash-type-info": "awsui_flash-type-info_1q84n_1ypsl_693"
48
48
  };
49
49
 
package/flashbar/utils.d.ts CHANGED
@@ -14,5 +14,4 @@ export declare const counterTypes: {
14
14
  labelName: LabelName;
15
15
  iconName: IconProps.Name;
16
16
  }[];
17
- export declare function isElementTopBeyondViewport(element: HTMLElement): boolean;
18
17
  //# sourceMappingURL=utils.d.ts.map
package/flashbar/utils.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/flashbar/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAKzC,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,iBAAiB;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAeD,wBAAgB,WAAW,CAAC,IAAI,EAAE,aAAa,CAAC,iBAAiB,mCAMhE;AAWD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,EACrD,aAAa,EAAE,MAAM,GACpB,aAAa,CAAC,aAAa,CAAC,CAgD9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,aAAa,CAAC,iBAAiB,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAO9G;AAED,MAAM,MAAM,SAAS,GACjB,oBAAoB,GACpB,sBAAsB,GACtB,sBAAsB,GACtB,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B,eAAO,MAAM,YAAY,EAAE;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;CAC1B,EAMA,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,WAAW,WAE9D"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/flashbar/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAKzC,MAAM,WAAW,aAAc,SAAQ,aAAa,CAAC,iBAAiB;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAeD,wBAAgB,WAAW,CAAC,IAAI,EAAE,aAAa,CAAC,iBAAiB,mCAMhE;AAWD,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,iBAAiB,CAAC,EACrD,aAAa,EAAE,MAAM,GACpB,aAAa,CAAC,aAAa,CAAC,CAgD9B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,SAAS,aAAa,CAAC,iBAAiB,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAO9G;AAED,MAAM,MAAM,SAAS,GACjB,oBAAoB,GACpB,sBAAsB,GACtB,sBAAsB,GACtB,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B,eAAO,MAAM,YAAY,EAAE;IACzB,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;CAC1B,EAMA,CAAC"}
package/flashbar/utils.js CHANGED
@@ -92,7 +92,4 @@ export var counterTypes = [
92
92
  { type: 'info', labelName: 'infoIconAriaLabel', iconName: 'status-info' },
93
93
  { type: 'progress', labelName: 'inProgressIconAriaLabel', iconName: 'status-in-progress' },
94
94
  ];
95
- export function isElementTopBeyondViewport(element) {
96
- return element.getBoundingClientRect().top < 0;
97
- }
98
95
  //# sourceMappingURL=utils.js.map
package/flashbar/utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/flashbar/utils.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 { FlashbarProps, FlashType } from './interfaces';\nimport { IconProps } from '../icon/interfaces';\n\nexport const FOCUS_THROTTLE_DELAY = 2000;\n\n// Since the position of a notification changes when the Flashbar is collapsed,\n// it is useful on some situations (e.g, for animating) to know the original position of the item\n// in the non-collapsed state.\nexport interface StackableItem extends FlashbarProps.MessageDefinition {\n expandedIndex: number;\n collapsedIndex?: number;\n}\n\nconst typesToColors: Record<FlashType, string> = {\n error: 'red',\n info: 'blue',\n progress: 'blue',\n success: 'green',\n warning: 'blue',\n};\n\nfunction getColorFromType(type?: FlashType): string {\n const defaultColor = 'blue';\n return type ? typesToColors[type] || defaultColor : defaultColor;\n}\n\nexport function getItemType(item: FlashbarProps.MessageDefinition) {\n if (item.loading) {\n return 'progress';\n } else {\n return item.type || 'info';\n }\n}\n\nfunction getItemColor(item: FlashbarProps.MessageDefinition) {\n return getColorFromType(getItemType(item));\n}\n\n/*\n Returns a selection of notifications, preserving the order when possible but making sure that all different colors in\n the stack are represented in the returned array.\n The order corresponds to how they are represented when using the collapsible feature (newest first, oldest last).\n */\nexport function getVisibleCollapsedItems(\n items: ReadonlyArray<FlashbarProps.MessageDefinition>,\n desiredLength: number\n): ReadonlyArray<StackableItem> {\n // First `desiredLength` items in the original array,\n // together with `isColorRepeated` to tell if they can be subject to be replaced later on if necessary\n const itemsOnTop: { item: StackableItem; isColorRepeated: boolean }[] = [];\n\n // Items that fall outside `desiredIndexLength` but need to be \"promoted\" if possible\n // because they are of a different color which otherwise wouldn't be represented\n const itemsToPromote: StackableItem[] = [];\n\n const addedColors: Set<string> = new Set();\n const allPossibleColors = Object.keys(typesToColors).length;\n const finalLength = Math.min(items.length, desiredLength);\n\n for (let i = 0; i < items.length; i++) {\n const item = items[i];\n const color = getItemColor(item);\n const isColorRepeated = addedColors.has(color);\n if (i < finalLength) {\n itemsOnTop.push({ item: { ...item, expandedIndex: i }, isColorRepeated });\n } else {\n if (addedColors.size === allPossibleColors) {\n // No need to keep looking for unrepresented colors, we can stop looping\n break;\n } else if (!isColorRepeated) {\n itemsToPromote.push({ ...item, expandedIndex: i });\n }\n }\n addedColors.add(color);\n }\n // Generate the new array with the selected items, by picking from both arrays.\n // First, from the non-repeated items within the desired length...\n // We loop `itemsOnTop` starting from the end because we prefer to preserve the first ones rather than the old ones\n const reversedInitialSelection = [];\n let slotsReservedForPromotions = 0;\n for (let j = itemsOnTop.length - 1; j >= 0; j--) {\n const item = itemsOnTop[j];\n if (item.isColorRepeated && slotsReservedForPromotions < itemsToPromote.length) {\n slotsReservedForPromotions += 1;\n } else {\n reversedInitialSelection.push(item.item);\n }\n }\n const selectedItems = reversedInitialSelection.reverse();\n // ...and then complete the selection with as many promotable items as we can fit in the rest of the array\n for (let k = 0; selectedItems.length < desiredLength; k++) {\n selectedItems.push(itemsToPromote[k]);\n }\n return selectedItems;\n}\n\nexport function getFlashTypeCount(items: readonly FlashbarProps.MessageDefinition[]): Record<FlashType, number> {\n const count = { error: 0, info: 0, progress: 0, success: 0, warning: 0 };\n for (const item of items) {\n const type = getItemType(item);\n count[type] += 1;\n }\n return count;\n}\n\nexport type LabelName =\n | 'errorIconAriaLabel'\n | 'warningIconAriaLabel'\n | 'successIconAriaLabel'\n | 'infoIconAriaLabel'\n | 'inProgressIconAriaLabel';\n\nexport const counterTypes: {\n type: FlashType;\n labelName: LabelName;\n iconName: IconProps.Name;\n}[] = [\n { type: 'error', labelName: 'errorIconAriaLabel', iconName: 'status-negative' },\n { type: 'warning', labelName: 'warningIconAriaLabel', iconName: 'status-warning' },\n { type: 'success', labelName: 'successIconAriaLabel', iconName: 'status-positive' },\n { type: 'info', labelName: 'infoIconAriaLabel', iconName: 'status-info' },\n { type: 'progress', labelName: 'inProgressIconAriaLabel', iconName: 'status-in-progress' },\n];\n\nexport function isElementTopBeyondViewport(element: HTMLElement) {\n return element.getBoundingClientRect().top < 0;\n}\n"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/flashbar/utils.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 { FlashbarProps, FlashType } from './interfaces';\nimport { IconProps } from '../icon/interfaces';\n\nexport const FOCUS_THROTTLE_DELAY = 2000;\n\n// Since the position of a notification changes when the Flashbar is collapsed,\n// it is useful on some situations (e.g, for animating) to know the original position of the item\n// in the non-collapsed state.\nexport interface StackableItem extends FlashbarProps.MessageDefinition {\n expandedIndex: number;\n collapsedIndex?: number;\n}\n\nconst typesToColors: Record<FlashType, string> = {\n error: 'red',\n info: 'blue',\n progress: 'blue',\n success: 'green',\n warning: 'blue',\n};\n\nfunction getColorFromType(type?: FlashType): string {\n const defaultColor = 'blue';\n return type ? typesToColors[type] || defaultColor : defaultColor;\n}\n\nexport function getItemType(item: FlashbarProps.MessageDefinition) {\n if (item.loading) {\n return 'progress';\n } else {\n return item.type || 'info';\n }\n}\n\nfunction getItemColor(item: FlashbarProps.MessageDefinition) {\n return getColorFromType(getItemType(item));\n}\n\n/*\n Returns a selection of notifications, preserving the order when possible but making sure that all different colors in\n the stack are represented in the returned array.\n The order corresponds to how they are represented when using the collapsible feature (newest first, oldest last).\n */\nexport function getVisibleCollapsedItems(\n items: ReadonlyArray<FlashbarProps.MessageDefinition>,\n desiredLength: number\n): ReadonlyArray<StackableItem> {\n // First `desiredLength` items in the original array,\n // together with `isColorRepeated` to tell if they can be subject to be replaced later on if necessary\n const itemsOnTop: { item: StackableItem; isColorRepeated: boolean }[] = [];\n\n // Items that fall outside `desiredIndexLength` but need to be \"promoted\" if possible\n // because they are of a different color which otherwise wouldn't be represented\n const itemsToPromote: StackableItem[] = [];\n\n const addedColors: Set<string> = new Set();\n const allPossibleColors = Object.keys(typesToColors).length;\n const finalLength = Math.min(items.length, desiredLength);\n\n for (let i = 0; i < items.length; i++) {\n const item = items[i];\n const color = getItemColor(item);\n const isColorRepeated = addedColors.has(color);\n if (i < finalLength) {\n itemsOnTop.push({ item: { ...item, expandedIndex: i }, isColorRepeated });\n } else {\n if (addedColors.size === allPossibleColors) {\n // No need to keep looking for unrepresented colors, we can stop looping\n break;\n } else if (!isColorRepeated) {\n itemsToPromote.push({ ...item, expandedIndex: i });\n }\n }\n addedColors.add(color);\n }\n // Generate the new array with the selected items, by picking from both arrays.\n // First, from the non-repeated items within the desired length...\n // We loop `itemsOnTop` starting from the end because we prefer to preserve the first ones rather than the old ones\n const reversedInitialSelection = [];\n let slotsReservedForPromotions = 0;\n for (let j = itemsOnTop.length - 1; j >= 0; j--) {\n const item = itemsOnTop[j];\n if (item.isColorRepeated && slotsReservedForPromotions < itemsToPromote.length) {\n slotsReservedForPromotions += 1;\n } else {\n reversedInitialSelection.push(item.item);\n }\n }\n const selectedItems = reversedInitialSelection.reverse();\n // ...and then complete the selection with as many promotable items as we can fit in the rest of the array\n for (let k = 0; selectedItems.length < desiredLength; k++) {\n selectedItems.push(itemsToPromote[k]);\n }\n return selectedItems;\n}\n\nexport function getFlashTypeCount(items: readonly FlashbarProps.MessageDefinition[]): Record<FlashType, number> {\n const count = { error: 0, info: 0, progress: 0, success: 0, warning: 0 };\n for (const item of items) {\n const type = getItemType(item);\n count[type] += 1;\n }\n return count;\n}\n\nexport type LabelName =\n | 'errorIconAriaLabel'\n | 'warningIconAriaLabel'\n | 'successIconAriaLabel'\n | 'infoIconAriaLabel'\n | 'inProgressIconAriaLabel';\n\nexport const counterTypes: {\n type: FlashType;\n labelName: LabelName;\n iconName: IconProps.Name;\n}[] = [\n { type: 'error', labelName: 'errorIconAriaLabel', iconName: 'status-negative' },\n { type: 'warning', labelName: 'warningIconAriaLabel', iconName: 'status-warning' },\n { type: 'success', labelName: 'successIconAriaLabel', iconName: 'status-positive' },\n { type: 'info', labelName: 'infoIconAriaLabel', iconName: 'status-info' },\n { type: 'progress', labelName: 'inProgressIconAriaLabel', iconName: 'status-in-progress' },\n];\n"]}
package/internal/environment.js CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  export var PACKAGE_SOURCE = 'components';
3
- export var PACKAGE_VERSION = '3.0.0 (819fa08)';
3
+ export var PACKAGE_VERSION = '3.0.0 (4cc7a75)';
4
4
  export var THEME = 'open-source-visual-refresh';
5
5
  export var ALWAYS_VISUAL_REFRESH = true;
6
6
 
package/internal/generated/styles/tokens.d.ts CHANGED
@@ -156,6 +156,7 @@ export const colorBackgroundButtonPrimaryActive: string;
156
156
  export const colorBackgroundButtonPrimaryDefault: string;
157
157
  export const colorBackgroundButtonPrimaryDisabled: string;
158
158
  export const colorBackgroundButtonPrimaryHover: string;
159
+ export const colorBackgroundCellShaded: string;
159
160
  export const colorBackgroundContainerContent: string;
160
161
  export const colorBackgroundContainerHeader: string;
161
162
  export const colorBackgroundControlChecked: string;
package/internal/generated/styles/tokens.js CHANGED
@@ -156,6 +156,7 @@ export var colorBackgroundButtonPrimaryActive = "var(--color-background-button-p
156
156
  export var colorBackgroundButtonPrimaryDefault = "var(--color-background-button-primary-default-pwn1g1, #0972d3)";
157
157
  export var colorBackgroundButtonPrimaryDisabled = "var(--color-background-button-primary-disabled-eon7km, #e9ebed)";
158
158
  export var colorBackgroundButtonPrimaryHover = "var(--color-background-button-primary-hover-qu1zio, #033160)";
159
+ export var colorBackgroundCellShaded = "var(--color-background-cell-shaded-26ubfj, #f8f8f8)";
159
160
  export var colorBackgroundContainerContent = "var(--color-background-container-content-i8i4a0, #ffffff)";
160
161
  export var colorBackgroundContainerHeader = "var(--color-background-container-header-4flbq5, #ffffff)";
161
162
  export var colorBackgroundControlChecked = "var(--color-background-control-checked-9admlu, #0972d3)";
package/internal/generated/theming/index.cjs CHANGED
@@ -6379,6 +6379,7 @@ module.exports.preset = {
6379
6379
  "colorBackgroundButtonPrimaryDefault",
6380
6380
  "colorBackgroundButtonPrimaryDisabled",
6381
6381
  "colorBackgroundButtonPrimaryHover",
6382
+ "colorBackgroundCellShaded",
6382
6383
  "colorBackgroundContainerContent",
6383
6384
  "colorBackgroundContainerHeader",
6384
6385
  "colorBackgroundControlChecked",
@@ -6634,6 +6635,7 @@ module.exports.preset = {
6634
6635
  "colorBackgroundButtonPrimaryDefault",
6635
6636
  "colorBackgroundButtonPrimaryDisabled",
6636
6637
  "colorBackgroundButtonPrimaryHover",
6638
+ "colorBackgroundCellShaded",
6637
6639
  "colorBackgroundContainerContent",
6638
6640
  "colorBackgroundContainerHeader",
6639
6641
  "colorBackgroundControlChecked",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -67,6 +67,7 @@ export declare interface TypedOverride {
67
67
  colorBackgroundButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
68
68
  colorBackgroundButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
69
69
  colorBackgroundButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
70
+ colorBackgroundCellShaded?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
70
71
  colorBackgroundContainerContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
71
72
  colorBackgroundContainerHeader?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
72
73
  colorBackgroundControlChecked?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -231,6 +232,7 @@ export declare interface TypedOverride {
231
232
  colorBackgroundButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
232
233
  colorBackgroundButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
233
234
  colorBackgroundButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
235
+ colorBackgroundCellShaded?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
234
236
  colorBackgroundContainerContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
235
237
  colorBackgroundContainerHeader?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
236
238
  colorBackgroundControlChecked?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -395,6 +397,7 @@ export declare interface TypedOverride {
395
397
  colorBackgroundButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
396
398
  colorBackgroundButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
397
399
  colorBackgroundButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
400
+ colorBackgroundCellShaded?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
398
401
  colorBackgroundContainerContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
399
402
  colorBackgroundContainerHeader?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
400
403
  colorBackgroundControlChecked?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -559,6 +562,7 @@ export declare interface TypedOverride {
559
562
  colorBackgroundButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
560
563
  colorBackgroundButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
561
564
  colorBackgroundButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
565
+ colorBackgroundCellShaded?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
562
566
  colorBackgroundContainerContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
563
567
  colorBackgroundContainerHeader?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
564
568
  colorBackgroundControlChecked?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -723,6 +727,7 @@ export declare interface TypedOverride {
723
727
  colorBackgroundButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
724
728
  colorBackgroundButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
725
729
  colorBackgroundButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
730
+ colorBackgroundCellShaded?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
726
731
  colorBackgroundContainerContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
727
732
  colorBackgroundContainerHeader?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
728
733
  colorBackgroundControlChecked?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.d.ts CHANGED
@@ -67,6 +67,7 @@ export declare interface TypedOverride {
67
67
  colorBackgroundButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
68
68
  colorBackgroundButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
69
69
  colorBackgroundButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
70
+ colorBackgroundCellShaded?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
70
71
  colorBackgroundContainerContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
71
72
  colorBackgroundContainerHeader?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
72
73
  colorBackgroundControlChecked?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -231,6 +232,7 @@ export declare interface TypedOverride {
231
232
  colorBackgroundButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
232
233
  colorBackgroundButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
233
234
  colorBackgroundButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
235
+ colorBackgroundCellShaded?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
234
236
  colorBackgroundContainerContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
235
237
  colorBackgroundContainerHeader?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
236
238
  colorBackgroundControlChecked?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -395,6 +397,7 @@ export declare interface TypedOverride {
395
397
  colorBackgroundButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
396
398
  colorBackgroundButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
397
399
  colorBackgroundButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
400
+ colorBackgroundCellShaded?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
398
401
  colorBackgroundContainerContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
399
402
  colorBackgroundContainerHeader?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
400
403
  colorBackgroundControlChecked?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -559,6 +562,7 @@ export declare interface TypedOverride {
559
562
  colorBackgroundButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
560
563
  colorBackgroundButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
561
564
  colorBackgroundButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
565
+ colorBackgroundCellShaded?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
562
566
  colorBackgroundContainerContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
563
567
  colorBackgroundContainerHeader?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
564
568
  colorBackgroundControlChecked?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -723,6 +727,7 @@ export declare interface TypedOverride {
723
727
  colorBackgroundButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
724
728
  colorBackgroundButtonPrimaryDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
725
729
  colorBackgroundButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
730
+ colorBackgroundCellShaded?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
726
731
  colorBackgroundContainerContent?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
727
732
  colorBackgroundContainerHeader?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
728
733
  colorBackgroundControlChecked?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.js CHANGED
@@ -6379,6 +6379,7 @@ export var preset = {
6379
6379
  "colorBackgroundButtonPrimaryDefault",
6380
6380
  "colorBackgroundButtonPrimaryDisabled",
6381
6381
  "colorBackgroundButtonPrimaryHover",
6382
+ "colorBackgroundCellShaded",
6382
6383
  "colorBackgroundContainerContent",
6383
6384
  "colorBackgroundContainerHeader",
6384
6385
  "colorBackgroundControlChecked",
@@ -6634,6 +6635,7 @@ export var preset = {
6634
6635
  "colorBackgroundButtonPrimaryDefault",
6635
6636
  "colorBackgroundButtonPrimaryDisabled",
6636
6637
  "colorBackgroundButtonPrimaryHover",
6638
+ "colorBackgroundCellShaded",
6637
6639
  "colorBackgroundContainerContent",
6638
6640
  "colorBackgroundContainerHeader",
6639
6641
  "colorBackgroundControlChecked",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "819fa08079aae3660e047b2d6a57653e1f228d16"
2
+ "commit": "4cc7a75aac5cb6931d8c0145b58074ea18e73147"
3
3
  }
package/package.json CHANGED
@@ -81,7 +81,7 @@
81
81
  "./internal/base-component/index.js",
82
82
  "./internal/base-component/styles.css.js"
83
83
  ],
84
- "version": "3.0.195",
84
+ "version": "3.0.197",
85
85
  "repository": {
86
86
  "type": "git",
87
87
  "url": "https://github.com/cloudscape-design/components.git"
package/property-filter/styles.css.js CHANGED
@@ -1,38 +1,38 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1wzqe_1kowd_93",
5
- "search-field": "awsui_search-field_1wzqe_1kowd_106",
6
- "input-wrapper": "awsui_input-wrapper_1wzqe_1kowd_112",
7
- "add-token": "awsui_add-token_1wzqe_1kowd_116",
8
- "tokens": "awsui_tokens_1wzqe_1kowd_123",
9
- "token-operator": "awsui_token-operator_1wzqe_1kowd_127",
10
- "property-editor": "awsui_property-editor_1wzqe_1kowd_131",
11
- "token-editor": "awsui_token-editor_1wzqe_1kowd_132",
12
- "property-editor-form": "awsui_property-editor-form_1wzqe_1kowd_136",
13
- "token-editor-form": "awsui_token-editor-form_1wzqe_1kowd_137",
14
- "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1kowd_140",
15
- "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1kowd_141",
16
- "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1kowd_144",
17
- "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1kowd_145",
18
- "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1kowd_148",
19
- "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1kowd_149",
20
- "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1kowd_152",
21
- "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1kowd_153",
22
- "property-editor-submit": "awsui_property-editor-submit_1wzqe_1kowd_156",
23
- "token-editor-submit": "awsui_token-editor-submit_1wzqe_1kowd_157",
24
- "property-editor-actions": "awsui_property-editor-actions_1wzqe_1kowd_160",
25
- "token-editor-actions": "awsui_token-editor-actions_1wzqe_1kowd_161",
26
- "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1kowd_179",
27
- "custom-control": "awsui_custom-control_1wzqe_1kowd_183",
28
- "input": "awsui_input_1wzqe_1kowd_112",
29
- "results": "awsui_results_1wzqe_1kowd_191",
30
- "results-visible": "awsui_results-visible_1wzqe_1kowd_197",
31
- "separator": "awsui_separator_1wzqe_1kowd_201",
32
- "toggle-collapsed": "awsui_toggle-collapsed_1wzqe_1kowd_208",
33
- "token-trigger": "awsui_token-trigger_1wzqe_1kowd_213",
34
- "remove-all": "awsui_remove-all_1wzqe_1kowd_219",
35
- "token-label": "awsui_token-label_1wzqe_1kowd_220",
36
- "join-operation": "awsui_join-operation_1wzqe_1kowd_221"
4
+ "root": "awsui_root_1wzqe_irk7h_93",
5
+ "search-field": "awsui_search-field_1wzqe_irk7h_106",
6
+ "input-wrapper": "awsui_input-wrapper_1wzqe_irk7h_112",
7
+ "add-token": "awsui_add-token_1wzqe_irk7h_116",
8
+ "tokens": "awsui_tokens_1wzqe_irk7h_123",
9
+ "token-operator": "awsui_token-operator_1wzqe_irk7h_127",
10
+ "property-editor": "awsui_property-editor_1wzqe_irk7h_131",
11
+ "token-editor": "awsui_token-editor_1wzqe_irk7h_132",
12
+ "property-editor-form": "awsui_property-editor-form_1wzqe_irk7h_136",
13
+ "token-editor-form": "awsui_token-editor-form_1wzqe_irk7h_137",
14
+ "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_irk7h_140",
15
+ "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_irk7h_141",
16
+ "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_irk7h_144",
17
+ "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_irk7h_145",
18
+ "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_irk7h_148",
19
+ "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_irk7h_149",
20
+ "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_irk7h_152",
21
+ "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_irk7h_153",
22
+ "property-editor-submit": "awsui_property-editor-submit_1wzqe_irk7h_156",
23
+ "token-editor-submit": "awsui_token-editor-submit_1wzqe_irk7h_157",
24
+ "property-editor-actions": "awsui_property-editor-actions_1wzqe_irk7h_160",
25
+ "token-editor-actions": "awsui_token-editor-actions_1wzqe_irk7h_161",
26
+ "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_irk7h_179",
27
+ "custom-control": "awsui_custom-control_1wzqe_irk7h_183",
28
+ "input": "awsui_input_1wzqe_irk7h_112",
29
+ "results": "awsui_results_1wzqe_irk7h_191",
30
+ "results-visible": "awsui_results-visible_1wzqe_irk7h_197",
31
+ "separator": "awsui_separator_1wzqe_irk7h_201",
32
+ "toggle-collapsed": "awsui_toggle-collapsed_1wzqe_irk7h_208",
33
+ "token-trigger": "awsui_token-trigger_1wzqe_irk7h_213",
34
+ "remove-all": "awsui_remove-all_1wzqe_irk7h_219",
35
+ "token-label": "awsui_token-label_1wzqe_irk7h_220",
36
+ "join-operation": "awsui_join-operation_1wzqe_irk7h_221"
37
37
  };
38
38
 
package/property-filter/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_root_1wzqe_1kowd_93:not(#\9) {
93
+ .awsui_root_1wzqe_irk7h_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -129,122 +129,122 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
129
129
  -moz-osx-font-smoothing: auto;
130
130
  }
131
131
 
132
- .awsui_search-field_1wzqe_1kowd_106:not(#\9) {
132
+ .awsui_search-field_1wzqe_irk7h_106:not(#\9) {
133
133
  display: flex;
134
134
  align-items: center;
135
135
  max-width: calc(688px - 2 * var(--space-l-4vl6xu, 20px));
136
136
  }
137
137
 
138
- .awsui_input-wrapper_1wzqe_1kowd_112:not(#\9) {
138
+ .awsui_input-wrapper_1wzqe_irk7h_112:not(#\9) {
139
139
  flex-grow: 1;
140
140
  }
141
141
 
142
- .awsui_add-token_1wzqe_1kowd_116:not(#\9) {
142
+ .awsui_add-token_1wzqe_irk7h_116:not(#\9) {
143
143
  border-left: 1px solid var(--color-border-divider-default-7s2wjw, #e9ebed);
144
144
  box-sizing: border-box;
145
145
  margin-left: var(--space-m-17eucw, 16px);
146
146
  padding-left: var(--space-m-17eucw, 16px);
147
147
  }
148
148
 
149
- .awsui_tokens_1wzqe_1kowd_123:not(#\9) {
150
- margin-top: var(--space-xs-rsr2qu, 8px);
149
+ .awsui_tokens_1wzqe_irk7h_123:not(#\9) {
150
+ margin: var(--space-xs-rsr2qu, 8px) 0;
151
151
  }
152
152
 
153
- .awsui_token-operator_1wzqe_1kowd_127:not(#\9) {
153
+ .awsui_token-operator_1wzqe_irk7h_127:not(#\9) {
154
154
  font-weight: bold;
155
155
  }
156
156
 
157
- .awsui_property-editor_1wzqe_1kowd_131:not(#\9),
158
- .awsui_token-editor_1wzqe_1kowd_132:not(#\9) {
157
+ .awsui_property-editor_1wzqe_irk7h_131:not(#\9),
158
+ .awsui_token-editor_1wzqe_irk7h_132:not(#\9) {
159
159
  -webkit-user-select: text;
160
160
  user-select: text;
161
161
  margin: var(--space-xxs-ynfts5, 4px);
162
162
  }
163
- .awsui_property-editor-form_1wzqe_1kowd_136:not(#\9),
164
- .awsui_token-editor-form_1wzqe_1kowd_137:not(#\9) {
163
+ .awsui_property-editor-form_1wzqe_irk7h_136:not(#\9),
164
+ .awsui_token-editor-form_1wzqe_irk7h_137:not(#\9) {
165
165
  margin-bottom: var(--space-scaled-l-t03y3z, 20px);
166
166
  }
167
- .awsui_property-editor-field-property_1wzqe_1kowd_140:not(#\9),
168
- .awsui_token-editor-field-property_1wzqe_1kowd_141:not(#\9) {
167
+ .awsui_property-editor-field-property_1wzqe_irk7h_140:not(#\9),
168
+ .awsui_token-editor-field-property_1wzqe_irk7h_141:not(#\9) {
169
169
  /* used in test-utils */
170
170
  }
171
- .awsui_property-editor-field-operator_1wzqe_1kowd_144:not(#\9),
172
- .awsui_token-editor-field-operator_1wzqe_1kowd_145:not(#\9) {
171
+ .awsui_property-editor-field-operator_1wzqe_irk7h_144:not(#\9),
172
+ .awsui_token-editor-field-operator_1wzqe_irk7h_145:not(#\9) {
173
173
  margin-top: var(--space-scaled-l-t03y3z, 20px);
174
174
  }
175
- .awsui_property-editor-field-value_1wzqe_1kowd_148:not(#\9),
176
- .awsui_token-editor-field-value_1wzqe_1kowd_149:not(#\9) {
175
+ .awsui_property-editor-field-value_1wzqe_irk7h_148:not(#\9),
176
+ .awsui_token-editor-field-value_1wzqe_irk7h_149:not(#\9) {
177
177
  margin-top: var(--space-scaled-l-t03y3z, 20px);
178
178
  }
179
- .awsui_property-editor-cancel_1wzqe_1kowd_152:not(#\9),
180
- .awsui_token-editor-cancel_1wzqe_1kowd_153:not(#\9) {
179
+ .awsui_property-editor-cancel_1wzqe_irk7h_152:not(#\9),
180
+ .awsui_token-editor-cancel_1wzqe_irk7h_153:not(#\9) {
181
181
  margin-right: var(--space-xs-rsr2qu, 8px);
182
182
  }
183
- .awsui_property-editor-submit_1wzqe_1kowd_156:not(#\9),
184
- .awsui_token-editor-submit_1wzqe_1kowd_157:not(#\9) {
183
+ .awsui_property-editor-submit_1wzqe_irk7h_156:not(#\9),
184
+ .awsui_token-editor-submit_1wzqe_irk7h_157:not(#\9) {
185
185
  /* used in test-utils */
186
186
  }
187
- .awsui_property-editor-actions_1wzqe_1kowd_160:not(#\9),
188
- .awsui_token-editor-actions_1wzqe_1kowd_161:not(#\9) {
187
+ .awsui_property-editor-actions_1wzqe_irk7h_160:not(#\9),
188
+ .awsui_token-editor-actions_1wzqe_irk7h_161:not(#\9) {
189
189
  display: flex;
190
190
  justify-content: flex-end;
191
191
  padding-top: var(--space-s-hv8c1d, 12px);
192
192
  border-top: 1px solid var(--color-border-dropdown-item-default-faosd8, #e9ebed);
193
193
  }
194
194
 
195
- .awsui_token-editor-actions_1wzqe_1kowd_161:not(#\9) {
195
+ .awsui_token-editor-actions_1wzqe_irk7h_161:not(#\9) {
196
196
  padding-right: calc(var(--space-m-17eucw, 16px) + var(--space-xxs-ynfts5, 4px));
197
197
  margin-left: calc(-1 * var(--space-m-17eucw, 16px) + -1 * var(--space-xxs-ynfts5, 4px));
198
198
  margin-right: calc(-1 * var(--space-m-17eucw, 16px) + -1 * var(--space-xxs-ynfts5, 4px));
199
199
  }
200
200
 
201
- .awsui_property-editor_1wzqe_1kowd_131:not(#\9) {
201
+ .awsui_property-editor_1wzqe_irk7h_131:not(#\9) {
202
202
  padding: var(--space-m-17eucw, 16px);
203
203
  overflow-y: auto;
204
204
  }
205
205
 
206
- .awsui_custom-content-wrapper_1wzqe_1kowd_179:not(#\9) {
206
+ .awsui_custom-content-wrapper_1wzqe_irk7h_179:not(#\9) {
207
207
  display: contents;
208
208
  }
209
209
 
210
- .awsui_custom-control_1wzqe_1kowd_183:not(#\9) {
210
+ .awsui_custom-control_1wzqe_irk7h_183:not(#\9) {
211
211
  margin-right: var(--space-s-hv8c1d, 12px);
212
212
  }
213
213
 
214
- .awsui_input_1wzqe_1kowd_112:not(#\9) {
214
+ .awsui_input_1wzqe_irk7h_112:not(#\9) {
215
215
  flex: 1;
216
216
  }
217
217
 
218
- .awsui_results_1wzqe_1kowd_191:not(#\9) {
218
+ .awsui_results_1wzqe_irk7h_191:not(#\9) {
219
219
  color: var(--color-text-form-label-k3j0b4, #000716);
220
220
  display: inline-block;
221
221
  box-sizing: border-box;
222
222
  white-space: nowrap;
223
223
  }
224
- .awsui_results-visible_1wzqe_1kowd_197:not(#\9) {
224
+ .awsui_results-visible_1wzqe_irk7h_197:not(#\9) {
225
225
  padding-left: var(--space-s-hv8c1d, 12px);
226
226
  }
227
227
 
228
- .awsui_separator_1wzqe_1kowd_201:not(#\9) {
228
+ .awsui_separator_1wzqe_irk7h_201:not(#\9) {
229
229
  margin: 0px var(--space-scaled-m-pv0fmt, 16px);
230
230
  height: 100%;
231
231
  width: var(--border-divider-section-width-4wm2it, 2px);
232
232
  background-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
233
233
  }
234
234
 
235
- .awsui_toggle-collapsed_1wzqe_1kowd_208:not(#\9) {
235
+ .awsui_toggle-collapsed_1wzqe_irk7h_208:not(#\9) {
236
236
  margin-top: calc(-1 * var(--space-scaled-xxs-95dhkm, 4px));
237
237
  margin-left: var(--space-xs-rsr2qu, 8px);
238
238
  }
239
239
 
240
- .awsui_token-trigger_1wzqe_1kowd_213:not(#\9) {
240
+ .awsui_token-trigger_1wzqe_irk7h_213:not(#\9) {
241
241
  min-width: 0;
242
242
  -ms-word-break: break-all;
243
243
  word-break: break-word;
244
244
  }
245
245
 
246
- .awsui_remove-all_1wzqe_1kowd_219:not(#\9),
247
- .awsui_token-label_1wzqe_1kowd_220:not(#\9),
248
- .awsui_join-operation_1wzqe_1kowd_221:not(#\9) {
246
+ .awsui_remove-all_1wzqe_irk7h_219:not(#\9),
247
+ .awsui_token-label_1wzqe_irk7h_220:not(#\9),
248
+ .awsui_join-operation_1wzqe_irk7h_221:not(#\9) {
249
249
  /* used in test-utils */
250
250
  }