npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.197 → 3.0.199 - Mend

@cloudscape-design/components-themeable 3.0.197 → 3.0.199

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

package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js CHANGED Viewed

@@ -2,65 +2,65 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "appbar": "awsui_appbar_hyvsj_12mno_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_12mno_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_12mno_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_12mno_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_12mno_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_12mno_173",
-  "has-header": "awsui_has-header_hyvsj_12mno_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_12mno_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_12mno_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_12mno_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_12mno_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_12mno_187",
-  "background": "awsui_background_hyvsj_12mno_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_12mno_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_12mno_236",
-  "overlap": "awsui_overlap_hyvsj_12mno_242",
-  "content": "awsui_content_hyvsj_12mno_180",
-  "layout": "awsui_layout_hyvsj_12mno_333",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_12mno_415",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_12mno_442",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_12mno_445",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_12mno_449",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_12mno_463",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_12mno_463",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_12mno_475",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_12mno_478",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_12mno_493",
-  "container": "awsui_container_hyvsj_12mno_501",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_12mno_527",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_12mno_532",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_12mno_535",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_12mno_535",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_12mno_535",
-  "content-type-default": "awsui_content-type-default_hyvsj_12mno_555",
-  "content-type-form": "awsui_content-type-form_hyvsj_12mno_555",
-  "unfocusable": "awsui_unfocusable_hyvsj_12mno_596",
-  "navigation-container": "awsui_navigation-container_hyvsj_12mno_604",
-  "show-navigation": "awsui_show-navigation_hyvsj_12mno_639",
-  "animating": "awsui_animating_hyvsj_12mno_661",
-  "showButtons": "awsui_showButtons_hyvsj_12mno_1",
-  "navigation": "awsui_navigation_hyvsj_12mno_604",
-  "openNavigation": "awsui_openNavigation_hyvsj_12mno_1",
-  "animated-content": "awsui_animated-content_hyvsj_12mno_722",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_12mno_731",
-  "notifications": "awsui_notifications_hyvsj_12mno_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_12mno_796",
-  "position-bottom": "awsui_position-bottom_hyvsj_12mno_842",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_12mno_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_12mno_871",
-  "position-side": "awsui_position-side_hyvsj_12mno_899",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_12mno_1",
-  "tools-container": "awsui_tools-container_hyvsj_12mno_936",
-  "tools": "awsui_tools_hyvsj_12mno_936",
-  "openTools": "awsui_openTools_hyvsj_12mno_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_12mno_1021",
-  "hide-tools": "awsui_hide-tools_hyvsj_12mno_1031",
-  "show-tools": "awsui_show-tools_hyvsj_12mno_1043",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_12mno_1021",
-  "trigger": "awsui_trigger_hyvsj_12mno_1100",
-  "selected": "awsui_selected_hyvsj_12mno_1139"
+  "appbar": "awsui_appbar_hyvsj_14n8k_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_14n8k_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_14n8k_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_14n8k_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_14n8k_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_14n8k_173",
+  "has-header": "awsui_has-header_hyvsj_14n8k_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_14n8k_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_14n8k_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_14n8k_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_14n8k_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_14n8k_187",
+  "background": "awsui_background_hyvsj_14n8k_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_14n8k_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_14n8k_236",
+  "overlap": "awsui_overlap_hyvsj_14n8k_242",
+  "content": "awsui_content_hyvsj_14n8k_180",
+  "layout": "awsui_layout_hyvsj_14n8k_333",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_14n8k_415",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_14n8k_442",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_14n8k_445",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_14n8k_449",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_14n8k_463",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_14n8k_463",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_14n8k_475",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_14n8k_478",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_14n8k_493",
+  "container": "awsui_container_hyvsj_14n8k_501",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_14n8k_527",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_14n8k_532",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_14n8k_535",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_14n8k_535",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_14n8k_535",
+  "content-type-default": "awsui_content-type-default_hyvsj_14n8k_555",
+  "content-type-form": "awsui_content-type-form_hyvsj_14n8k_555",
+  "unfocusable": "awsui_unfocusable_hyvsj_14n8k_596",
+  "navigation-container": "awsui_navigation-container_hyvsj_14n8k_606",
+  "show-navigation": "awsui_show-navigation_hyvsj_14n8k_641",
+  "animating": "awsui_animating_hyvsj_14n8k_663",
+  "showButtons": "awsui_showButtons_hyvsj_14n8k_1",
+  "navigation": "awsui_navigation_hyvsj_14n8k_606",
+  "openNavigation": "awsui_openNavigation_hyvsj_14n8k_1",
+  "animated-content": "awsui_animated-content_hyvsj_14n8k_724",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_14n8k_733",
+  "notifications": "awsui_notifications_hyvsj_14n8k_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_14n8k_798",
+  "position-bottom": "awsui_position-bottom_hyvsj_14n8k_844",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_14n8k_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_14n8k_873",
+  "position-side": "awsui_position-side_hyvsj_14n8k_901",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_14n8k_1",
+  "tools-container": "awsui_tools-container_hyvsj_14n8k_938",
+  "tools": "awsui_tools_hyvsj_14n8k_938",
+  "openTools": "awsui_openTools_hyvsj_14n8k_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_14n8k_1023",
+  "hide-tools": "awsui_hide-tools_hyvsj_14n8k_1033",
+  "show-tools": "awsui_show-tools_hyvsj_14n8k_1045",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_14n8k_1023",
+  "trigger": "awsui_trigger_hyvsj_14n8k_1102",
+  "selected": "awsui_selected_hyvsj_14n8k_1141"
 };

package/lib/internal/template/breadcrumb-group/item/item.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;~~AA0G1E~~,wBAAgB,cAAc,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,EAAE,EAClE,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,WAAW,EACX,MAAc,EACd,YAAoB,GACrB,EAAE,mBAAmB,CAAC,CAAC,CAAC,~~eAqCxB~~"}
1	+ {"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AA2H1E,wBAAgB,cAAc,CAAC,CAAC,SAAS,oBAAoB,CAAC,IAAI,EAAE,EAClE,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,WAAW,EACX,MAAc,EACd,YAAoB,GACrB,EAAE,mBAAmB,CAAC,CAAC,CAAC,eAyCxB"}

package/lib/internal/template/breadcrumb-group/item/item.js CHANGED Viewed

@@ -14,7 +14,7 @@ import PopoverBody from '../../popover/body';
 import Portal from '../../internal/components/portal';
 import popoverStyles from '../../popover/styles.css.js';
 var BreadcrumbItemWithPopover = function (_a) {
-    var item = _a.item, anchorAttributes = __rest(_a, ["item"]);
+    var item = _a.item, isLast = _a.isLast, anchorAttributes = _a.anchorAttributes, itemAttributes = __rest(_a, ["item", "isLast", "anchorAttributes"]);
     var focusVisible = useFocusVisible();
     var _b = useState(false), showPopover = _b[0], setShowPopover = _b[1];
     var textRef = useRef(null);
@@ -50,15 +50,19 @@ var BreadcrumbItemWithPopover = function (_a) {
         };
     }, [showPopover]);
     return (React.createElement(React.Fragment, null,
-        React.createElement("a", __assign({}, focusVisible, anchorAttributes, { onFocus: function () {
+        React.createElement(Item, __assign({ isLast: isLast }, itemAttributes, { onFocus: function () {
                 isTruncated(textRef, virtualTextRef) && setShowPopover(true);
             }, onBlur: function () { return setShowPopover(false); }, onMouseEnter: function () {
                 isTruncated(textRef, virtualTextRef) && setShowPopover(true);
-            }, onMouseLeave: function () { return setShowPopover(false); } }),
+            }, onMouseLeave: function () { return setShowPopover(false); }, anchorAttributes: __assign(__assign({}, focusVisible), anchorAttributes) }),
             React.createElement("span", { className: styles.text, ref: textRef }, item.text),
             React.createElement("span", { className: styles['virtual-item'], ref: virtualTextRef }, item.text)),
         showPopover && popoverContent));
 };
+var Item = function (_a) {
+    var anchorAttributes = _a.anchorAttributes, children = _a.children, isLast = _a.isLast, itemAttributes = __rest(_a, ["anchorAttributes", "children", "isLast"]);
+    return isLast ? (React.createElement("span", __assign({}, itemAttributes), children)) : (React.createElement("a", __assign({}, itemAttributes, anchorAttributes), children));
+};
 export function BreadcrumbItem(_a) {
     var _b;
     var item = _a.item, onClick = _a.onClick, onFollow = _a.onFollow, isDisplayed = _a.isDisplayed, _c = _a.isLast, isLast = _c === void 0 ? false : _c, _d = _a.isCompressed, isCompressed = _d === void 0 ? false : _d;
@@ -70,17 +74,16 @@ export function BreadcrumbItem(_a) {
         }
         fireCancelableEvent(onClick, getEventDetail(item), event);
     };
+    var itemAttributes = {
+        className: clsx(styles.anchor, (_b = {}, _b[styles.compressed] = isCompressed, _b))
+    };
     var anchorAttributes = {
-        href: isLast ? undefined : item.href || '#',
-        className: clsx(styles.anchor, (_b = {}, _b[styles.compressed] = isCompressed, _b)),
-        'aria-current': isLast ? 'page' : undefined,
-        'aria-disabled': isLast && 'true',
-        onClick: isLast ? preventDefault : onClickHandler,
-        tabIndex: isLast ? 0 : undefined
+        href: item.href || '#',
+        onClick: isLast ? preventDefault : onClickHandler
     };
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: clsx(styles.breadcrumb, isLast && styles.last) },
-            isDisplayed && isCompressed ? (React.createElement(BreadcrumbItemWithPopover, __assign({ item: item }, anchorAttributes))) : (React.createElement("a", __assign({}, focusVisible, anchorAttributes),
+            isDisplayed && isCompressed ? (React.createElement(BreadcrumbItemWithPopover, __assign({ item: item, isLast: isLast, anchorAttributes: anchorAttributes }, itemAttributes))) : (React.createElement(Item, __assign({ isLast: isLast, anchorAttributes: __assign(__assign({}, anchorAttributes), focusVisible) }, itemAttributes),
                 React.createElement("span", { className: styles.text }, item.text))),
             !isLast ? (React.createElement("span", { className: styles.icon },
                 React.createElement(InternalIcon, { name: "angle-right" }))) : null)));

package/lib/internal/template/breadcrumb-group/item/item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.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, useRef, useState } from 'react';\nimport { BreadcrumbGroupProps, BreadcrumbItemProps } from '../interfaces';\nimport InternalIcon from '../../icon/internal';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\nimport { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';\nimport { getEventDetail } from '../internal';\nimport { Transition } from '../../internal/components/transition';\nimport PopoverContainer from '../../popover/container';\nimport PopoverBody from '../../popover/body';\nimport Portal from '../../internal/components/portal';\nimport popoverStyles from '../../popover/styles.css.js';\n\ntype BreadcrumbItemWithPopoverProps<T extends BreadcrumbGroupProps.Item> =\n React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n item: T;\n };\n\nconst BreadcrumbItemWithPopover = <T extends BreadcrumbGroupProps.Item>({\n item,\n ...anchorAttributes\n}: BreadcrumbItemWithPopoverProps<T>) => {\n const focusVisible = useFocusVisible();\n const [showPopover, setShowPopover] = useState(false);\n const textRef = useRef<HTMLElement>(null);\n const virtualTextRef = useRef<HTMLElement>(null);\n\n const isTruncated = (textRef: React.RefObject<HTMLElement>, virtualTextRef: React.RefObject<HTMLElement>) => {\n if (!textRef \|\| !virtualTextRef \|\| !textRef.current \|\| !virtualTextRef.current) {\n return false;\n }\n const virtualTextWidth = virtualTextRef.current.getBoundingClientRect().width;\n const textWidth = textRef.current.getBoundingClientRect().width;\n if (virtualTextWidth > textWidth) {\n return true;\n }\n return false;\n };\n\n const popoverContent = (\n <Portal>\n <div className={styles['item-popover']}>\n <Transition in={true}>\n {() => (\n <PopoverContainer\n trackRef={textRef}\n size=\"small\"\n fixedWidth={false}\n position=\"bottom\"\n arrow={position => (\n <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n <div className={popoverStyles['arrow-outer']} />\n <div className={popoverStyles['arrow-inner']} />\n </div>\n )}\n >\n <PopoverBody dismissButton={false} dismissAriaLabel={undefined} onDismiss={() => {}} header={undefined}>\n {item.text}\n </PopoverBody>\n </PopoverContainer>\n )}\n </Transition>\n </div>\n </Portal>\n );\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n setShowPopover(false);\n }\n };\n if (showPopover) {\n document.addEventListener('keydown', onKeyDown);\n }\n return () => {\n document.removeEventListener('keydown', onKeyDown);\n };\n }, [showPopover]);\n\n return (\n <>\n <a\n {...focusVisible}\n {...anchorAttributes}\n onFocus={() => {\n isTruncated(textRef, virtualTextRef) && setShowPopover(true);\n }}\n onBlur={() => setShowPopover(false)}\n onMouseEnter={() => {\n isTruncated(textRef, virtualTextRef) && setShowPopover(true);\n }}\n onMouseLeave={() => setShowPopover(false)}\n >\n <span className={styles.text} ref={textRef}>\n {item.text}\n </span>\n <span className={styles['virtual-item']} ref={virtualTextRef}>\n {item.text}\n </span>\n </a>\n {showPopover && popoverContent}\n </>\n );\n};\n\nexport function BreadcrumbItem<T extends BreadcrumbGroupProps.Item>({\n item,\n onClick,\n onFollow,\n isDisplayed,\n isLast = false,\n isCompressed = false,\n}: BreadcrumbItemProps<T>) {\n const focusVisible = useFocusVisible();\n const preventDefault = (event: React.MouseEvent) => event.preventDefault();\n const onClickHandler = (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, getEventDetail(item), event);\n }\n fireCancelableEvent(onClick, getEventDetail(item), event);\n };\n\n const anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement> = {\n href: isLast ? undefined : item.href \|\| '#',\n className: clsx(styles.anchor, { [styles.compressed]: isCompressed }),\n 'aria-current': isLast ? 'page' : undefined, // Active breadcrumb item is implemented according to WAI-ARIA 1.1\n 'aria-disabled': isLast && 'true',\n onClick: isLast ? preventDefault : onClickHandler,\n tabIndex: isLast ? 0 : undefined, // tabIndex is added to the last crumb to keep it in the index without an href\n };\n\n return (\n <>\n <div className={clsx(styles.breadcrumb, isLast && styles.last)}>\n {isDisplayed && isCompressed ? (\n <BreadcrumbItemWithPopover item={item} {...anchorAttributes} />\n ) : (\n <a {...focusVisible} {...anchorAttributes}>\n <span className={styles.text}>{item.text}</span>\n </a>\n )}\n {!isLast ? (\n <span className={styles.icon}>\n <InternalIcon name=\"angle-right\" />\n </span>\n ) : null}\n </div>\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/breadcrumb-group/item/item.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, useRef, useState } from 'react';\nimport { BreadcrumbGroupProps, BreadcrumbItemProps } from '../interfaces';\nimport InternalIcon from '../../icon/internal';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\nimport { fireCancelableEvent, isPlainLeftClick } from '../../internal/events';\nimport { getEventDetail } from '../internal';\nimport { Transition } from '../../internal/components/transition';\nimport PopoverContainer from '../../popover/container';\nimport PopoverBody from '../../popover/body';\nimport Portal from '../../internal/components/portal';\nimport popoverStyles from '../../popover/styles.css.js';\n\ntype BreadcrumbItemWithPopoverProps<T extends BreadcrumbGroupProps.Item> = React.HTMLAttributes<HTMLElement> & {\n item: T;\n isLast: boolean;\n anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement>;\n};\n\nconst BreadcrumbItemWithPopover = <T extends BreadcrumbGroupProps.Item>({\n item,\n isLast,\n anchorAttributes,\n ...itemAttributes\n}: BreadcrumbItemWithPopoverProps<T>) => {\n const focusVisible = useFocusVisible();\n const [showPopover, setShowPopover] = useState(false);\n const textRef = useRef<HTMLElement>(null);\n const virtualTextRef = useRef<HTMLElement>(null);\n\n const isTruncated = (textRef: React.RefObject<HTMLElement>, virtualTextRef: React.RefObject<HTMLElement>) => {\n if (!textRef \|\| !virtualTextRef \|\| !textRef.current \|\| !virtualTextRef.current) {\n return false;\n }\n const virtualTextWidth = virtualTextRef.current.getBoundingClientRect().width;\n const textWidth = textRef.current.getBoundingClientRect().width;\n if (virtualTextWidth > textWidth) {\n return true;\n }\n return false;\n };\n\n const popoverContent = (\n <Portal>\n <div className={styles['item-popover']}>\n <Transition in={true}>\n {() => (\n <PopoverContainer\n trackRef={textRef}\n size=\"small\"\n fixedWidth={false}\n position=\"bottom\"\n arrow={position => (\n <div className={clsx(popoverStyles.arrow, popoverStyles[`arrow-position-${position}`])}>\n <div className={popoverStyles['arrow-outer']} />\n <div className={popoverStyles['arrow-inner']} />\n </div>\n )}\n >\n <PopoverBody dismissButton={false} dismissAriaLabel={undefined} onDismiss={() => {}} header={undefined}>\n {item.text}\n </PopoverBody>\n </PopoverContainer>\n )}\n </Transition>\n </div>\n </Portal>\n );\n\n useEffect(() => {\n const onKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n setShowPopover(false);\n }\n };\n if (showPopover) {\n document.addEventListener('keydown', onKeyDown);\n }\n return () => {\n document.removeEventListener('keydown', onKeyDown);\n };\n }, [showPopover]);\n\n return (\n <>\n <Item\n isLast={isLast}\n {...itemAttributes}\n onFocus={() => {\n isTruncated(textRef, virtualTextRef) && setShowPopover(true);\n }}\n onBlur={() => setShowPopover(false)}\n onMouseEnter={() => {\n isTruncated(textRef, virtualTextRef) && setShowPopover(true);\n }}\n onMouseLeave={() => setShowPopover(false)}\n anchorAttributes={{ ...focusVisible, ...anchorAttributes }}\n >\n <span className={styles.text} ref={textRef}>\n {item.text}\n </span>\n <span className={styles['virtual-item']} ref={virtualTextRef}>\n {item.text}\n </span>\n </Item>\n {showPopover && popoverContent}\n </>\n );\n};\n\ntype ItemProps = React.HTMLAttributes<HTMLElement> & {\n anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement>;\n isLast: boolean;\n};\nconst Item = ({ anchorAttributes, children, isLast, ...itemAttributes }: ItemProps) =>\n isLast ? (\n <span {...itemAttributes}>{children}</span>\n ) : (\n <a {...itemAttributes} {...anchorAttributes}>\n {children}\n </a>\n );\n\nexport function BreadcrumbItem<T extends BreadcrumbGroupProps.Item>({\n item,\n onClick,\n onFollow,\n isDisplayed,\n isLast = false,\n isCompressed = false,\n}: BreadcrumbItemProps<T>) {\n const focusVisible = useFocusVisible();\n const preventDefault = (event: React.MouseEvent) => event.preventDefault();\n const onClickHandler = (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, getEventDetail(item), event);\n }\n fireCancelableEvent(onClick, getEventDetail(item), event);\n };\n\n const itemAttributes: React.HTMLAttributes<HTMLElement> = {\n className: clsx(styles.anchor, { [styles.compressed]: isCompressed }),\n };\n const anchorAttributes: React.AnchorHTMLAttributes<HTMLAnchorElement> = {\n href: item.href \|\| '#',\n onClick: isLast ? preventDefault : onClickHandler,\n };\n\n return (\n <>\n <div className={clsx(styles.breadcrumb, isLast && styles.last)}>\n {isDisplayed && isCompressed ? (\n <BreadcrumbItemWithPopover\n item={item}\n isLast={isLast}\n anchorAttributes={anchorAttributes}\n {...itemAttributes}\n />\n ) : (\n <Item isLast={isLast} anchorAttributes={{ ...anchorAttributes, ...focusVisible }} {...itemAttributes}>\n <span className={styles.text}>{item.text}</span>\n </Item>\n )}\n {!isLast ? (\n <span className={styles.icon}>\n <InternalIcon name=\"angle-right\" />\n </span>\n ) : null}\n </div>\n </>\n );\n}\n"]}

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -206,10 +206,10 @@
   --color-background-progress-bar-content-in-flash-ka071o:rgba(255, 255, 255, 0.7);
   --color-background-progress-bar-layout-default-teir10:#eaeded;
   --color-background-progress-bar-layout-in-flash-phmfak:rgba(255, 255, 255, 0.25);
-  --color-background-segment-active-khzpn5:#eaeded;
+  --color-background-segment-active-rod112:#0073bb;
   --color-background-segment-default-bjnpj3:#ffffff;
   --color-background-segment-disabled-gcpwaz:#ffffff;
-  --color-background-segment-hover-p2rkog:#fafafa;
+  --color-background-segment-hover-eccr37:#ffffff;
   --color-background-status-error-h1a0iq:#fdf3f1;
   --color-background-status-info-yq3r41:#f1faff;
   --color-background-status-success-cvmksn:#f2f8f0;
@@ -341,9 +341,9 @@
   --color-text-notification-default-l83xtb:#fafafa;
   --color-text-pagination-page-number-active-disabled-nidnvc:#545b64;
   --color-text-pagination-page-number-default-xf8q73:#545b64;
-  --color-text-segment-active-o087le:#16191f;
+  --color-text-segment-active-p9yawx:#ffffff;
   --color-text-segment-default-9k644f:#545b64;
-  --color-text-segment-hover-ez78pb:#16191f;
+  --color-text-segment-hover-1lgt1u:#0073bb;
   --color-text-small-5a9rs1:#687078;
   --color-text-status-error-jer77f:#d13212;
   --color-text-status-inactive-2o9czw:#687078;
@@ -779,10 +779,10 @@
   --color-background-progress-bar-content-default-kdvzje:#00a1c9;
   --color-background-progress-bar-content-in-flash-ka071o:#fafafa;
   --color-background-progress-bar-layout-default-teir10:#414750;
-  --color-background-segment-active-khzpn5:#16191f;
+  --color-background-segment-active-rod112:#00a1c9;
   --color-background-segment-default-bjnpj3:#2a2e33;
   --color-background-segment-disabled-gcpwaz:#2a2e33;
-  --color-background-segment-hover-p2rkog:#21252c;
+  --color-background-segment-hover-eccr37:#2a2e33;
   --color-background-status-error-h1a0iq:#270a11;
   --color-background-status-info-yq3r41:#12293b;
   --color-background-status-success-cvmksn:#172211;
@@ -889,9 +889,9 @@
   --color-text-link-hover-ok01xk:#44b9d6;
   --color-text-pagination-page-number-active-disabled-nidnvc:#d5dbdb;
   --color-text-pagination-page-number-default-xf8q73:#d5dbdb;
-  --color-text-segment-active-o087le:#fafafa;
+  --color-text-segment-active-p9yawx:#1a2029;
   --color-text-segment-default-9k644f:#d5dbdb;
-  --color-text-segment-hover-ez78pb:#fafafa;
+  --color-text-segment-hover-1lgt1u:#00a1c9;
   --color-text-small-5a9rs1:#95a5a6;
   --color-text-status-error-jer77f:#ff5d64;
   --color-text-status-inactive-2o9czw:#95a5a6;
@@ -1013,10 +1013,10 @@
   --color-background-progress-bar-content-default-kdvzje:#00a1c9;
   --color-background-progress-bar-content-in-flash-ka071o:#fafafa;
   --color-background-progress-bar-layout-default-teir10:#414750;
-  --color-background-segment-active-khzpn5:#16191f;
+  --color-background-segment-active-rod112:#00a1c9;
   --color-background-segment-default-bjnpj3:#2a2e33;
   --color-background-segment-disabled-gcpwaz:#2a2e33;
-  --color-background-segment-hover-p2rkog:#21252c;
+  --color-background-segment-hover-eccr37:#2a2e33;
   --color-background-status-error-h1a0iq:#270a11;
   --color-background-status-info-yq3r41:#12293b;
   --color-background-status-success-cvmksn:#172211;
@@ -1123,9 +1123,9 @@
   --color-text-link-hover-ok01xk:#44b9d6;
   --color-text-pagination-page-number-active-disabled-nidnvc:#d5dbdb;
   --color-text-pagination-page-number-default-xf8q73:#d5dbdb;
-  --color-text-segment-active-o087le:#fafafa;
+  --color-text-segment-active-p9yawx:#1a2029;
   --color-text-segment-default-9k644f:#d5dbdb;
-  --color-text-segment-hover-ez78pb:#fafafa;
+  --color-text-segment-hover-1lgt1u:#00a1c9;
   --color-text-small-5a9rs1:#95a5a6;
   --color-text-status-error-jer77f:#ff5d64;
   --color-text-status-inactive-2o9czw:#95a5a6;
@@ -1193,8 +1193,7 @@
   --color-background-progress-bar-content-default-kdvzje:#0972d3;
   --color-background-progress-bar-content-in-flash-ka071o:#ffffff;
   --color-background-progress-bar-layout-default-teir10:#e9ebed;
-  --color-background-segment-active-khzpn5:#0972d3;
-  --color-background-segment-hover-p2rkog:#ffffff;
+  --color-background-segment-active-rod112:#0972d3;
   --color-background-status-error-h1a0iq:#fff7f7;
   --color-background-status-info-yq3r41:#f2f8fd;
   --color-background-status-success-cvmksn:#f2fcf3;
@@ -1314,9 +1313,8 @@
   --color-text-notification-default-l83xtb:#fbfbfb;
   --color-text-pagination-page-number-active-disabled-nidnvc:#9ba7b6;
   --color-text-pagination-page-number-default-xf8q73:#414d5c;
-  --color-text-segment-active-o087le:#ffffff;
   --color-text-segment-default-9k644f:#414d5c;
-  --color-text-segment-hover-ez78pb:#0972d3;
+  --color-text-segment-hover-1lgt1u:#0972d3;
   --color-text-small-5a9rs1:#5f6b7a;
   --color-text-status-error-jer77f:#d91515;
   --color-text-status-inactive-2o9czw:#5f6b7a;
@@ -1522,10 +1520,10 @@
   --color-background-popover-g6qj89:#192534;
   --color-background-progress-bar-content-default-kdvzje:#539fe5;
   --color-background-progress-bar-layout-default-teir10:#354150;
-  --color-background-segment-active-khzpn5:#539fe5;
+  --color-background-segment-active-rod112:#539fe5;
   --color-background-segment-default-bjnpj3:#0f1b2a;
   --color-background-segment-disabled-gcpwaz:#0f1b2a;
-  --color-background-segment-hover-p2rkog:#0f1b2a;
+  --color-background-segment-hover-eccr37:#0f1b2a;
   --color-background-status-error-h1a0iq:#1a0000;
   --color-background-status-info-yq3r41:#00142b;
   --color-background-status-success-cvmksn:#001a02;
@@ -1640,9 +1638,9 @@
   --color-text-link-primary-underline-xq4vik:#539fe5;
   --color-text-pagination-page-number-active-disabled-nidnvc:#5f6b7a;
   --color-text-pagination-page-number-default-xf8q73:#9ba7b6;
-  --color-text-segment-active-o087le:#000716;
+  --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
-  --color-text-segment-hover-ez78pb:#539fe5;
+  --color-text-segment-hover-1lgt1u:#539fe5;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -1736,10 +1734,10 @@
   --color-background-progress-bar-content-default-kdvzje:#539fe5;
   --color-background-progress-bar-content-in-flash-ka071o:#ffffff;
   --color-background-progress-bar-layout-default-teir10:#354150;
-  --color-background-segment-active-khzpn5:#539fe5;
+  --color-background-segment-active-rod112:#539fe5;
   --color-background-segment-default-bjnpj3:#0f1b2a;
   --color-background-segment-disabled-gcpwaz:#0f1b2a;
-  --color-background-segment-hover-p2rkog:#0f1b2a;
+  --color-background-segment-hover-eccr37:#0f1b2a;
   --color-background-status-error-h1a0iq:#1a0000;
   --color-background-status-info-yq3r41:#00142b;
   --color-background-status-success-cvmksn:#001a02;
@@ -1857,9 +1855,9 @@
   --color-text-link-primary-underline-xq4vik:#539fe5;
   --color-text-pagination-page-number-active-disabled-nidnvc:#5f6b7a;
   --color-text-pagination-page-number-default-xf8q73:#9ba7b6;
-  --color-text-segment-active-o087le:#000716;
+  --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
-  --color-text-segment-hover-ez78pb:#539fe5;
+  --color-text-segment-hover-1lgt1u:#539fe5;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -1913,10 +1911,10 @@
   --color-background-popover-g6qj89:#192534;
   --color-background-progress-bar-content-default-kdvzje:#539fe5;
   --color-background-progress-bar-layout-default-teir10:#354150;
-  --color-background-segment-active-khzpn5:#539fe5;
+  --color-background-segment-active-rod112:#539fe5;
   --color-background-segment-default-bjnpj3:#0f1b2a;
   --color-background-segment-disabled-gcpwaz:#0f1b2a;
-  --color-background-segment-hover-p2rkog:#0f1b2a;
+  --color-background-segment-hover-eccr37:#0f1b2a;
   --color-background-status-error-h1a0iq:#1a0000;
   --color-background-status-info-yq3r41:#00142b;
   --color-background-status-success-cvmksn:#001a02;
@@ -2031,9 +2029,9 @@
   --color-text-link-primary-underline-xq4vik:#539fe5;
   --color-text-pagination-page-number-active-disabled-nidnvc:#5f6b7a;
   --color-text-pagination-page-number-default-xf8q73:#9ba7b6;
-  --color-text-segment-active-o087le:#000716;
+  --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
-  --color-text-segment-hover-ez78pb:#539fe5;
+  --color-text-segment-hover-1lgt1u:#539fe5;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2087,10 +2085,10 @@
   --color-background-popover-g6qj89:#192534;
   --color-background-progress-bar-content-default-kdvzje:#539fe5;
   --color-background-progress-bar-layout-default-teir10:#354150;
-  --color-background-segment-active-khzpn5:#539fe5;
+  --color-background-segment-active-rod112:#539fe5;
   --color-background-segment-default-bjnpj3:#000716;
   --color-background-segment-disabled-gcpwaz:#000716;
-  --color-background-segment-hover-p2rkog:#000716;
+  --color-background-segment-hover-eccr37:#000716;
   --color-background-status-error-h1a0iq:#1a0000;
   --color-background-status-info-yq3r41:#00142b;
   --color-background-status-success-cvmksn:#001a02;
@@ -2204,9 +2202,9 @@
   --color-text-link-primary-underline-xq4vik:#539fe5;
   --color-text-pagination-page-number-active-disabled-nidnvc:#5f6b7a;
   --color-text-pagination-page-number-default-xf8q73:#9ba7b6;
-  --color-text-segment-active-o087le:#000716;
+  --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
-  --color-text-segment-hover-ez78pb:#539fe5;
+  --color-text-segment-hover-1lgt1u:#539fe5;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2271,10 +2269,10 @@
   --color-background-popover-g6qj89:#192534;
   --color-background-progress-bar-content-default-kdvzje:#539fe5;
   --color-background-progress-bar-layout-default-teir10:#354150;
-  --color-background-segment-active-khzpn5:#539fe5;
+  --color-background-segment-active-rod112:#539fe5;
   --color-background-segment-default-bjnpj3:#000716;
   --color-background-segment-disabled-gcpwaz:#000716;
-  --color-background-segment-hover-p2rkog:#000716;
+  --color-background-segment-hover-eccr37:#000716;
   --color-background-status-error-h1a0iq:#1a0000;
   --color-background-status-info-yq3r41:#00142b;
   --color-background-status-success-cvmksn:#001a02;
@@ -2388,9 +2386,9 @@
   --color-text-link-primary-underline-xq4vik:#539fe5;
   --color-text-pagination-page-number-active-disabled-nidnvc:#5f6b7a;
   --color-text-pagination-page-number-default-xf8q73:#9ba7b6;
-  --color-text-segment-active-o087le:#000716;
+  --color-text-segment-active-p9yawx:#000716;
   --color-text-segment-default-9k644f:#d1d5db;
-  --color-text-segment-hover-ez78pb:#539fe5;
+  --color-text-segment-hover-1lgt1u:#539fe5;
   --color-text-small-5a9rs1:#8d99a8;
   --color-text-status-error-jer77f:#eb6f6f;
   --color-text-status-inactive-2o9czw:#8d99a8;
@@ -2420,7 +2418,7 @@
   --color-background-button-primary-default-w02sje:#fbfbfb;
   --color-background-button-primary-hover-qli9yh:#ffffff;
   --color-background-segment-default-bjnpj3:transparent;
-  --color-background-segment-hover-p2rkog:transparent;
+  --color-background-segment-hover-eccr37:transparent;
   --color-border-button-normal-active-mkds03:#ffffff;
   --color-border-button-normal-default-d57sob:#fbfbfb;
   --color-border-button-normal-hover-993ry7:#ffffff;
@@ -2441,7 +2439,7 @@
   --color-background-button-primary-default-w02sje:#fbfbfb;
   --color-background-button-primary-hover-qli9yh:#ffffff;
   --color-background-segment-default-bjnpj3:transparent;
-  --color-background-segment-hover-p2rkog:transparent;
+  --color-background-segment-hover-eccr37:transparent;
   --color-border-button-normal-active-mkds03:#ffffff;
   --color-border-button-normal-default-d57sob:#fbfbfb;
   --color-border-button-normal-hover-993ry7:#ffffff;
@@ -2461,7 +2459,7 @@
   --color-background-button-primary-default-w02sje:#414d5c;
   --color-background-button-primary-hover-qli9yh:#000716;
   --color-background-segment-default-bjnpj3:transparent;
-  --color-background-segment-hover-p2rkog:transparent;
+  --color-background-segment-hover-eccr37:transparent;
   --color-border-button-normal-active-mkds03:#000716;
   --color-border-button-normal-default-d57sob:#414d5c;
   --color-border-button-normal-hover-993ry7:#000716;
@@ -2478,7 +2476,7 @@
   --color-background-button-primary-default-w02sje:#414d5c;
   --color-background-button-primary-hover-qli9yh:#000716;
   --color-background-segment-default-bjnpj3:transparent;
-  --color-background-segment-hover-p2rkog:transparent;
+  --color-background-segment-hover-eccr37:transparent;
   --color-border-button-normal-active-mkds03:#000716;
   --color-border-button-normal-default-d57sob:#414d5c;
   --color-border-button-normal-hover-993ry7:#000716;

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

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

package/lib/internal/template/segmented-control/styles.css.js CHANGED Viewed

@@ -1,19 +1,19 @@
     import './styles.scoped.css';
     export default {
-  "segment": "awsui_segment_8cbea_lg4xu_97",
-  "disabled": "awsui_disabled_8cbea_lg4xu_166",
-  "selected": "awsui_selected_8cbea_lg4xu_174",
-  "icon": "awsui_icon_8cbea_lg4xu_195",
-  "with-text": "awsui_with-text_8cbea_lg4xu_199",
-  "with-no-text": "awsui_with-no-text_8cbea_lg4xu_205",
-  "root": "awsui_root_8cbea_lg4xu_216",
-  "segment-part": "awsui_segment-part_8cbea_lg4xu_229",
-  "select": "awsui_select_8cbea_lg4xu_174",
-  "segment-count-2": "awsui_segment-count-2_8cbea_lg4xu_248",
-  "segment-count-3": "awsui_segment-count-3_8cbea_lg4xu_253",
-  "segment-count-4": "awsui_segment-count-4_8cbea_lg4xu_258",
-  "segment-count-5": "awsui_segment-count-5_8cbea_lg4xu_263",
-  "segment-count-6": "awsui_segment-count-6_8cbea_lg4xu_268"
+  "segment": "awsui_segment_8cbea_nkx9o_97",
+  "disabled": "awsui_disabled_8cbea_nkx9o_166",
+  "selected": "awsui_selected_8cbea_nkx9o_174",
+  "icon": "awsui_icon_8cbea_nkx9o_195",
+  "with-text": "awsui_with-text_8cbea_nkx9o_199",
+  "with-no-text": "awsui_with-no-text_8cbea_nkx9o_205",
+  "root": "awsui_root_8cbea_nkx9o_216",
+  "segment-part": "awsui_segment-part_8cbea_nkx9o_229",
+  "select": "awsui_select_8cbea_nkx9o_174",
+  "segment-count-2": "awsui_segment-count-2_8cbea_nkx9o_248",
+  "segment-count-3": "awsui_segment-count-3_8cbea_nkx9o_253",
+  "segment-count-4": "awsui_segment-count-4_8cbea_nkx9o_258",
+  "segment-count-5": "awsui_segment-count-5_8cbea_nkx9o_263",
+  "segment-count-6": "awsui_segment-count-6_8cbea_nkx9o_268"
 };