npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1142 → 3.0.1144 - Mend

@cloudscape-design/components-themeable 3.0.1142 → 3.0.1144

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

package/lib/internal/template/tree-view/tree-item/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tree-view/tree-item/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;~~AAgBrC~~,MAAM,gBAAgB,GAAG,CAAK,EAC5B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,WAAW,EACX,aAAa,GAAG,EAAE,EAClB,oBAAoB,EACpB,UAAU,EACV,SAAS,EACT,eAAe,EACf,YAAY,EACZ,sBAAsB,GACG,EAAE,EAAE;;IAC7B,MAAM,IAAI,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IAE1C,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAChG,MAAM,EAAE,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IACpD,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IACzC,MAAM,UAAU,GAAG,YAAY,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC9D,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;IAE5B,IAAI,UAAU,GAAgC,SAAS,CAAC;IACxD,IAAI,YAAY,IAAI,oBAAoB,EAAE,CAAC;QACzC,UAAU,GAAG,oBAAoB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,MAAM,mBAAmB,GAAG,iBAAiB;QAC3C,CAAC,CAAC,iBAAiB;QACnB,CAAC,CAAC,OAAO,OAAO,KAAK,QAAQ;YAC3B,CAAC,CAAE,OAAkB;YACrB,CAAC,CAAC,EAAE,CAAC;IAET,OAAO,CACL,4BACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,QAAQ,EACf,cAAc,CAAC,QAAQ,EACvB,KAAK,GAAG,CAAC,IAAI,MAAM,CAAC,MAAM,EAC1B,YAAY,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAC3C,UAAU,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CACxC,mBACc,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,gBACxC,KAAK,iBACJ,kBAAkB,EAAE,EAAE,gCACP,sBAAsB,CAAC,EAAE,CAAC;QAEtD,6BAAK,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC;YAChD,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC;gBAC7C,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAC1B,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,kBAAkB,IACjB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,WAAW,CAC5B,IAAI,CAAC,+BAA+B,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,iBAAiB,4DAAG,IAAI,CAAC,CAAC,EAC7E,mBAAmB,CACpB,EACD,mBAAmB,EAAE,WAAW,CAC9B,IAAI,CAAC,iCAAiC,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,mBAAmB,4DAAG,IAAI,CAAC,CAAC,EACjF,mBAAmB,CACpB,EACD,sBAAsB,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,UAAU,EAAE,CAAC,EAC/E,SAAS,EAAE,MAAM,CAAC,wBAAwB,CAAC,EAC3C,qBAAqB,EAAE,IAAI,GAC3B,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,SAAS,EAAE,mBAAmB,GAAI,CAChD,CACG,CACF;~~YAEN~~,6BAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,CAAC;gBAC/C,oBAAC,sBAAsB,IACrB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,GAC9C,CACE,CACF;QAEL,UAAU,IAAI,QAAQ,CAAC,MAAM,IAAI,CAChC,4BAAI,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,~~IACjD,~~QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;~~YAC7B~~,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;~~YACvC~~,OAAO,CACL,oBAAC,gBAAgB,IACf,IAAI,EAAE,KAAK,EACX,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,oBAAoB,EAAE,oBAAoB,EAC1C,sBAAsB,EAAE,sBAAsB,~~GAC9C~~,CACH,CAAC;~~QACJ~~,CAAC,CAAC,~~CACC~~,CACN,CACE,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport { useInternalI18n } from '../../i18n/context';\nimport { ExpandToggleButton } from '../../internal/components/expand-toggle-button';\nimport InternalStructuredItem from '../../internal/components/structured-item';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { TreeViewProps } from '../interfaces';\nimport FocusTarget from './focus-target';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface InternalTreeItemProps<T>\n extends Pick<\n TreeViewProps,\n 'expandedItems' \| 'renderItem' \| 'getItemId' \| 'getItemChildren' \| 'renderItemToggleIcon' \| 'i18nStrings'\n > {\n item: T;\n index: number;\n level: number;\n onItemToggle: (detail: TreeViewProps.ItemToggleDetail<T>) => void;\n allVisibleItemsIndices: {\n [key: string]: number;\n };\n}\n\nconst InternalTreeItem = <T,>({\n item,\n index,\n level,\n i18nStrings,\n expandedItems = [],\n renderItemToggleIcon,\n renderItem,\n getItemId,\n getItemChildren,\n onItemToggle,\n allVisibleItemsIndices,\n}: InternalTreeItemProps<T>) => {\n const i18n = useInternalI18n('tree-view');\n\n const { icon, content, secondaryContent, actions, announcementLabel } = renderItem(item, index);\n const id = getItemId(item, index);\n const children = getItemChildren(item, index) \|\| [];\n const isExpandable = children.length > 0;\n const isExpanded = isExpandable && expandedItems.includes(id);\n const nextLevel = level + 1;\n\n let customIcon: React.ReactNode \| undefined = undefined;\n if (isExpandable && renderItemToggleIcon) {\n customIcon = renderItemToggleIcon({ expanded: isExpanded });\n }\n\n const itemLabelToAnnounce = announcementLabel\n ? announcementLabel\n : typeof content === 'string'\n ? (content as string)\n : '';\n\n return (\n <li\n role=\"treeitem\"\n id={id}\n className={clsx(\n styles.treeitem,\n testUtilStyles.treeitem,\n level > 1 && styles.offset,\n isExpandable && [testUtilStyles.expandable],\n isExpanded && [testUtilStyles.expanded]\n )}\n aria-expanded={isExpandable ? isExpanded : undefined}\n aria-level={level}\n data-testid={`awsui-treeitem-${id}`}\n data-awsui-tree-item-index={allVisibleItemsIndices[id]}\n >\n <div className={styles['treeitem-content-wrapper']}>\n <div className={styles['expand-toggle-wrapper']}>\n <div className={styles.toggle}>\n {isExpandable ? (\n <ExpandToggleButton\n isExpanded={isExpanded}\n customIcon={customIcon}\n expandButtonLabel={joinStrings(\n i18n('i18nStrings.expandButtonLabel', i18nStrings?.expandButtonLabel?.(item)),\n itemLabelToAnnounce\n )}\n collapseButtonLabel={joinStrings(\n i18n('i18nStrings.collapseButtonLabel', i18nStrings?.collapseButtonLabel?.(item)),\n itemLabelToAnnounce\n )}\n onExpandableItemToggle={() => onItemToggle({ id, item, expanded: !isExpanded })}\n className={styles['tree-item-focus-target']}\n disableFocusHighlight={true}\n />\n ) : (\n <FocusTarget ariaLabel={itemLabelToAnnounce} />\n )}\n </div>\n </div>\n\n <div className={styles['structured-item-wrapper']}>\n <InternalStructuredItem\n icon={icon}\n content={content}\n secondaryContent={secondaryContent}\n actions={actions}\n wrapActions={false}\n className={styles['tree-item-structured-item']}\n />\n </div>\n </div>\n\n {isExpanded && children.length && (\n <ul role=\"group\" className={styles['treeitem-group']}>\n {children.map((child, index) => {\n const itemId = getItemId(child, index);\n return (\n <InternalTreeItem<T>\n item={child}\n index={index}\n key={itemId}\n level={nextLevel}\n expandedItems={expandedItems}\n i18nStrings={i18nStrings}\n onItemToggle={onItemToggle}\n renderItem={renderItem}\n getItemId={getItemId}\n getItemChildren={getItemChildren}\n renderItemToggleIcon={renderItemToggleIcon}\n allVisibleItemsIndices={allVisibleItemsIndices}\n />\n );\n })}\n </ul>\n )}\n </li>\n );\n};\n\nexport default InternalTreeItem;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tree-view/tree-item/index.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 from 'react';\nimport clsx from 'clsx';\n\nimport { useInternalI18n } from '../../i18n/context';\nimport { ExpandToggleButton } from '../../internal/components/expand-toggle-button';\nimport InternalStructuredItem from '../../internal/components/structured-item';\nimport { joinStrings } from '../../internal/utils/strings';\nimport { TreeViewProps } from '../interfaces';\nimport VerticalConnector from '../vertical-connector';\nimport FocusTarget from './focus-target';\n\nimport testUtilStyles from '../test-classes/styles.css.js';\nimport styles from './styles.css.js';\n\ninterface InternalTreeItemProps<T>\n extends Pick<\n TreeViewProps,\n \| 'expandedItems'\n \| 'renderItem'\n \| 'getItemId'\n \| 'getItemChildren'\n \| 'renderItemToggleIcon'\n \| 'i18nStrings'\n \| 'connectorLines'\n > {\n item: T;\n index: number;\n level: number;\n onItemToggle: (detail: TreeViewProps.ItemToggleDetail<T>) => void;\n allVisibleItemsIndices: {\n [key: string]: number;\n };\n}\n\nconst InternalTreeItem = <T,>({\n item,\n index,\n level,\n i18nStrings,\n expandedItems = [],\n connectorLines,\n renderItemToggleIcon,\n renderItem,\n getItemId,\n getItemChildren,\n onItemToggle,\n allVisibleItemsIndices,\n}: InternalTreeItemProps<T>) => {\n const i18n = useInternalI18n('tree-view');\n\n const { icon, content, secondaryContent, actions, announcementLabel } = renderItem(item, index);\n const id = getItemId(item, index);\n const children = getItemChildren(item, index) \|\| [];\n const isExpandable = children.length > 0;\n const isExpanded = isExpandable && expandedItems.includes(id);\n const nextLevel = level + 1;\n\n const showVerticalConnectorLines = connectorLines === 'vertical' && isExpanded;\n\n let customIcon: React.ReactNode \| undefined = undefined;\n if (isExpandable && renderItemToggleIcon) {\n customIcon = renderItemToggleIcon({ expanded: isExpanded });\n }\n\n const itemLabelToAnnounce = announcementLabel\n ? announcementLabel\n : typeof content === 'string'\n ? (content as string)\n : '';\n\n return (\n <li\n role=\"treeitem\"\n id={id}\n className={clsx(\n styles.treeitem,\n testUtilStyles.treeitem,\n level > 1 && styles.offset,\n isExpandable && [testUtilStyles.expandable],\n isExpanded && [testUtilStyles.expanded]\n )}\n aria-expanded={isExpandable ? isExpanded : undefined}\n aria-level={level}\n data-testid={`awsui-treeitem-${id}`}\n data-awsui-tree-item-index={allVisibleItemsIndices[id]}\n >\n <div className={styles['treeitem-content-wrapper']}>\n <div className={styles['expand-toggle-wrapper']}>\n <div className={styles.toggle}>\n {isExpandable ? (\n <ExpandToggleButton\n isExpanded={isExpanded}\n customIcon={customIcon}\n expandButtonLabel={joinStrings(\n i18n('i18nStrings.expandButtonLabel', i18nStrings?.expandButtonLabel?.(item)),\n itemLabelToAnnounce\n )}\n collapseButtonLabel={joinStrings(\n i18n('i18nStrings.collapseButtonLabel', i18nStrings?.collapseButtonLabel?.(item)),\n itemLabelToAnnounce\n )}\n onExpandableItemToggle={() => onItemToggle({ id, item, expanded: !isExpanded })}\n className={styles['tree-item-focus-target']}\n disableFocusHighlight={true}\n />\n ) : (\n <FocusTarget ariaLabel={itemLabelToAnnounce} />\n )}\n </div>\n </div>\n\n {showVerticalConnectorLines && <VerticalConnector variant=\"grid\" />}\n\n <div className={styles['structured-item-wrapper']}>\n <InternalStructuredItem\n icon={icon}\n content={content}\n secondaryContent={secondaryContent}\n actions={actions}\n wrapActions={false}\n className={styles['tree-item-structured-item']}\n />\n </div>\n </div>\n\n {isExpanded && children.length && (\n <ul role=\"group\" className={styles['treeitem-group']}>\n {children.map((child, index) => {\n const itemId = getItemId(child, index);\n return (\n <InternalTreeItem<T>\n item={child}\n index={index}\n key={itemId}\n level={nextLevel}\n expandedItems={expandedItems}\n i18nStrings={i18nStrings}\n onItemToggle={onItemToggle}\n renderItem={renderItem}\n getItemId={getItemId}\n getItemChildren={getItemChildren}\n renderItemToggleIcon={renderItemToggleIcon}\n allVisibleItemsIndices={allVisibleItemsIndices}\n connectorLines={connectorLines}\n />\n );\n })}\n\n {showVerticalConnectorLines && <VerticalConnector variant=\"absolute\" />}\n </ul>\n )}\n </li>\n );\n};\n\nexport default InternalTreeItem;\n"]}

package/lib/internal/template/tree-view/tree-item/styles.css.js CHANGED Viewed

@@ -1,14 +1,14 @@
     import './styles.scoped.css';
     export default {
-  "treeitem-group": "awsui_treeitem-group_1agpu_601dz_185",
-  "treeitem": "awsui_treeitem_1agpu_601dz_185",
-  "offset": "awsui_offset_1agpu_601dz_202",
-  "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_601dz_205",
-  "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_601dz_210",
-  "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_601dz_231",
-  "toggle": "awsui_toggle_1agpu_601dz_237",
-  "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_601dz_242",
-  "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_601dz_249"
+  "treeitem-group": "awsui_treeitem-group_1agpu_1lkhl_185",
+  "treeitem": "awsui_treeitem_1agpu_1lkhl_185",
+  "offset": "awsui_offset_1agpu_1lkhl_202",
+  "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_1lkhl_205",
+  "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_1lkhl_210",
+  "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_1lkhl_231",
+  "toggle": "awsui_toggle_1agpu_1lkhl_236",
+  "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_1lkhl_241",
+  "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_1lkhl_248"
 };

package/lib/internal/template/tree-view/tree-item/styles.scoped.css CHANGED Viewed

@@ -182,7 +182,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_treeitem-group_1agpu_601dz_185:not(#\9) {
+.awsui_treeitem-group_1agpu_1lkhl_185:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
@@ -191,7 +191,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
 }
-.awsui_treeitem_1agpu_601dz_185:not(#\9) {
+.awsui_treeitem_1agpu_1lkhl_185:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
@@ -199,22 +199,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: 0;
   position: relative;
 }
-.awsui_treeitem_1agpu_601dz_185.awsui_offset_1agpu_601dz_202:not(#\9) {
-  margin-inline-start: 28px;
+.awsui_treeitem_1agpu_1lkhl_185.awsui_offset_1agpu_1lkhl_202:not(#\9) {
+  margin-inline-start: var(--space-tree-view-indentation-5cp0z1, 20px);
 }
-.awsui_treeitem_1agpu_601dz_185 > .awsui_treeitem-content-wrapper_1agpu_601dz_205:not(#\9) {
+.awsui_treeitem_1agpu_1lkhl_185 > .awsui_treeitem-content-wrapper_1agpu_1lkhl_205:not(#\9) {
   display: grid;
   grid-template-columns: 28px 1fr;
   align-items: baseline;
 }
-body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_601dz_185 > .awsui_treeitem-content-wrapper_1agpu_601dz_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_601dz_210:focus) {
+body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_1lkhl_185 > .awsui_treeitem-content-wrapper_1agpu_1lkhl_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_1lkhl_210:focus) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_601dz_185 > .awsui_treeitem-content-wrapper_1agpu_601dz_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_601dz_210:focus) {
+body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_1lkhl_185 > .awsui_treeitem-content-wrapper_1agpu_1lkhl_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_1lkhl_210:focus) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_601dz_185 > .awsui_treeitem-content-wrapper_1agpu_601dz_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_601dz_210:focus)::before {
+body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_1lkhl_185 > .awsui_treeitem-content-wrapper_1agpu_1lkhl_205:not(#\9):has(.awsui_tree-item-focus-target_1agpu_1lkhl_210:focus)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -228,28 +228,27 @@ body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_601dz_185 > .awsui_tre
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_treeitem_1agpu_601dz_185 > .awsui_treeitem-content-wrapper_1agpu_601dz_205 > .awsui_expand-toggle-wrapper_1agpu_601dz_231:not(#\9) {
+.awsui_treeitem_1agpu_1lkhl_185 > .awsui_treeitem-content-wrapper_1agpu_1lkhl_205 > .awsui_expand-toggle-wrapper_1agpu_1lkhl_231:not(#\9) {
   display: grid;
   grid-column: 1;
   grid-row: 1;
-  padding-inline-end: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_treeitem_1agpu_601dz_185 > .awsui_treeitem-content-wrapper_1agpu_601dz_205 > .awsui_expand-toggle-wrapper_1agpu_601dz_231 > .awsui_toggle_1agpu_601dz_237:not(#\9) {
+.awsui_treeitem_1agpu_1lkhl_185 > .awsui_treeitem-content-wrapper_1agpu_1lkhl_205 > .awsui_expand-toggle-wrapper_1agpu_1lkhl_231 > .awsui_toggle_1agpu_1lkhl_236:not(#\9) {
   justify-self: center;
   position: relative;
   inset-block-start: 2px;
 }
-.awsui_treeitem_1agpu_601dz_185 > .awsui_treeitem-content-wrapper_1agpu_601dz_205 > .awsui_structured-item-wrapper_1agpu_601dz_242:not(#\9) {
+.awsui_treeitem_1agpu_1lkhl_185 > .awsui_treeitem-content-wrapper_1agpu_1lkhl_205 > .awsui_structured-item-wrapper_1agpu_1lkhl_241:not(#\9) {
   grid-column: 2;
   grid-row: 1/span 2;
-  padding-block: var(--space-scaled-xxs-jatbiv, 4px);
+  padding-block: var(--space-scaled-xxxs-prgw5k, 2px);
   position: relative;
 }
-.awsui_tree-item-structured-item_1agpu_601dz_249:not(#\9) {
+.awsui_tree-item-structured-item_1agpu_1lkhl_248:not(#\9) {
   /* used in keyboard navigation */
 }
-.awsui_tree-item-focus-target_1agpu_601dz_210:not(#\9) {
+.awsui_tree-item-focus-target_1agpu_1lkhl_210:not(#\9) {
   outline: none;
 }

package/lib/internal/template/tree-view/tree-item/styles.selectors.js CHANGED Viewed

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "treeitem-group": "awsui_treeitem-group_1agpu_601dz_185",
-  "treeitem": "awsui_treeitem_1agpu_601dz_185",
-  "offset": "awsui_offset_1agpu_601dz_202",
-  "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_601dz_205",
-  "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_601dz_210",
-  "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_601dz_231",
-  "toggle": "awsui_toggle_1agpu_601dz_237",
-  "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_601dz_242",
-  "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_601dz_249"
+  "treeitem-group": "awsui_treeitem-group_1agpu_1lkhl_185",
+  "treeitem": "awsui_treeitem_1agpu_1lkhl_185",
+  "offset": "awsui_offset_1agpu_1lkhl_202",
+  "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_1lkhl_205",
+  "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_1lkhl_210",
+  "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_1lkhl_231",
+  "toggle": "awsui_toggle_1agpu_1lkhl_236",
+  "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_1lkhl_241",
+  "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_1lkhl_248"
 };

package/lib/internal/template/tree-view/vertical-connector/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+interface VerticalConnectorProps {
+    variant: 'grid' | 'absolute';
+}
+export default function VerticalConnector({ variant }: VerticalConnectorProps): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/internal/template/tree-view/vertical-connector/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/tree-view/vertical-connector/index.tsx"],"names":[],"mappings":"AAOA,UAAU,sBAAsB;IAC9B,OAAO,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B;AAGD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAAE,EAAE,sBAAsB,eAG5E"}

package/lib/internal/template/tree-view/vertical-connector/index.js ADDED Viewed

@@ -0,0 +1,11 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import styles from './styles.css.js';
+// istanbul ignore next - tested via screenshot tests
+export default function VerticalConnector({ variant }) {
+    // istanbul ignore next - tested via screenshot tests
+    return React.createElement("div", { className: clsx(styles['vertical-connector'], styles[variant]) });
+}
+//# sourceMappingURL=index.js.map

package/lib/internal/template/tree-view/vertical-connector/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tree-view/vertical-connector/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,qDAAqD;AACrD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,OAAO,EAA0B;IAC3E,qDAAqD;IACrD,OAAO,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,GAAI,CAAC;AACjF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport styles from './styles.css.js';\n\ninterface VerticalConnectorProps {\n variant: 'grid' | 'absolute';\n}\n\n// istanbul ignore next - tested via screenshot tests\nexport default function VerticalConnector({ variant }: VerticalConnectorProps) {\n // istanbul ignore next - tested via screenshot tests\n return <div className={clsx(styles['vertical-connector'], styles[variant])} />;\n}\n"]}

package/lib/internal/template/tree-view/vertical-connector/styles.css.js ADDED Viewed

@@ -0,0 +1,8 @@
+    import './styles.scoped.css';
+    export default {
+  "vertical-connector": "awsui_vertical-connector_1r2pu_1f9ek_9",
+  "grid": "awsui_grid_1r2pu_1f9ek_13",
+  "absolute": "awsui_absolute_1r2pu_1f9ek_20"
+};

package/lib/internal/template/tree-view/vertical-connector/styles.scoped.css ADDED Viewed

@@ -0,0 +1,25 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_vertical-connector_1r2pu_1f9ek_9:not(#\9) {
+  background-color: var(--color-tree-view-connector-line-ao4t04, #879596);
+  inline-size: var(--border-divider-list-width-8ggz94, 1px);
+}
+.awsui_vertical-connector_1r2pu_1f9ek_9.awsui_grid_1r2pu_1f9ek_13:not(#\9) {
+  grid-row: 2/span 3;
+  grid-column: 1;
+  block-size: 100%;
+  position: relative;
+  inset-inline-start: 14px;
+}
+.awsui_vertical-connector_1r2pu_1f9ek_9.awsui_absolute_1r2pu_1f9ek_20:not(#\9) {
+  position: absolute;
+  inset: 0;
+  inset-block-end: var(--space-scaled-xs-sppte9, 8px);
+  inset-inline-start: 14px;
+}

package/lib/internal/template/tree-view/vertical-connector/styles.selectors.js ADDED Viewed

@@ -0,0 +1,9 @@
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "vertical-connector": "awsui_vertical-connector_1r2pu_1f9ek_9",
+  "grid": "awsui_grid_1r2pu_1f9ek_13",
+  "absolute": "awsui_absolute_1r2pu_1f9ek_20"
+};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.1142",
+  "version": "3.0.1144",
   "files": [
     "lib"
   ],