@salt-ds/lab 0.0.0-snapshot-20231115150330 → 0.0.0-snapshot-20231130112152

package/dist-es/toolbar/Toolbar.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltToolbar {\n  --toolbar-background: var(--salt-container-secondary-background);\n  --toolbar-fontSize: var(--salt-text-fontSize);\n  /* --saltFormFieldLegacy-activationIndicator-size: 0; */\n}\n\n.saltToolbar {\n  --toolbar-size: calc(var(--salt-size-base) + var(--salt-size-unit) * 2);\n\n  background: var(--saltToolbar-background, var(--toolbar-background));\n  font-size: var(--toolbar-fontSize);\n  justify-content: flex-start;\n  overflow: hidden;\n  position: relative;\n}\n\n/* .saltToolbarField:not([data-overflow-indicator]) > .saltButton {\n  --saltButton-fontSize: 0;\n  --saltButton-letterSpacing: 0;\n} */\n\n.saltToolbar > .Responsive-inner {\n  align-items: center;\n  flex: 1;\n  flex-wrap: wrap;\n  justify-content: inherit;\n  margin: 0 !important;\n  overflow: hidden;\n  padding: 0 !important;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] {\n  display: flex;\n  height: var(--saltToolbar-height, var(--toolbar-size));\n  line-height: normal;\n  min-width: 0;\n  white-space: nowrap;\n  width: var(--saltToolbar-width, 100%);\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > :not(.saltTooltray) {\n  margin-right: var(--salt-size-unit);\n  align-self: center;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > .saltTooltray > .Responsive-inner > * {\n  margin-top: var(--salt-size-unit);\n  /* margin-right: var(--salt-size-unit); */\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > .saltTooltray {\n  margin-top: 0;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > [data-pad-end=\"true\"] {\n  margin-right: auto;\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] > .Responsive-inner > [data-pad-end=\"true\"] {\n  margin-bottom: auto;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > *:first-child {\n  margin-left: var(--salt-size-unit);\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] {\n  display: inline-flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] > .Responsive-inner {\n  display: inline-flex;\n  flex-direction: column;\n  max-height: 100%;\n}\n\n.saltToolbar > .Responsive-inner[data-collapsing=\"true\"] {\n  flex-wrap: nowrap;\n}\n\n.saltToolbar > .Responsive-inner[data-collapsing=\"true\"] > *[data-overflowed=\"true\"] {\n  min-width: 0;\n  flex-shrink: 1;\n  flex-basis: 0;\n  padding: 0;\n  margin: 0;\n  visibility: visible;\n}\n\n.saltToolbar > .Responsive-inner > *[data-pad-start=\"true\"] {\n  margin-left: auto;\n}\n\n.saltToolbarField-start {\n  margin-left: 0 !important;\n  order: -1;\n}\n\n.saltToolbar > .Responsive-inner > .saltToolbarField {\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n\n.saltToolbarField.saltFormFieldLegacy-labelLeft > .saltFormLabel {\n  padding-left: var(--salt-size-unit);\n}\n\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton {\n  background: var(--toolbar-background);\n}\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton:hover {\n  background: var(--salt-actionable-secondary-background-hover);\n}\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltButton-active,\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton:active {\n  background: var(--salt-actionable-secondary-background-active) !important;\n}\n\n/* copied over from Tabstrip.css */\n[data-overflowed] {\n  order: 99;\n  visibility: hidden;\n}\n\n/* .Responsive-inner > [data-collapsed='true'] {\n  background: brown;\n}\n.Responsive-inner > [data-collapsing='true'] {\n  background: pink;\n} */\n\n/* .saltToolbar > .Responsive-inner > .saltOverflowPanel {\n  background: pink;;\n}\n\n.saltTooltray > .Responsive-inner > .saltOverflowPanel {\n  background: yellow;\n} */\n";
+var css_248z = ".saltToolbar {\n  --toolbar-background: var(--salt-container-secondary-background);\n  --toolbar-fontSize: var(--salt-text-fontSize);\n  /* --saltFormFieldLegacy-activationIndicator-size: 0; */\n}\n\n.saltToolbar {\n  --toolbar-size: calc(var(--salt-size-base) + var(--salt-size-unit) * 2);\n\n  background: var(--saltToolbar-background, var(--toolbar-background));\n  font-size: var(--toolbar-fontSize);\n  justify-content: flex-start;\n  overflow: hidden;\n  position: relative;\n\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n}\n\n/* .saltToolbarField:not([data-overflow-indicator]) > .saltButton {\n  --saltButton-fontSize: 0;\n  --saltButton-letterSpacing: 0;\n} */\n\n.saltToolbar > .Responsive-inner {\n  align-items: center;\n  flex: 1;\n  flex-wrap: wrap;\n  justify-content: inherit;\n  margin: 0 !important;\n  overflow: hidden;\n  padding: 0 !important;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] {\n  display: flex;\n  height: var(--saltToolbar-height, var(--toolbar-size));\n  line-height: normal;\n  min-width: 0;\n  white-space: nowrap;\n  width: var(--saltToolbar-width, 100%);\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > :not(.saltTooltray) {\n  margin-right: var(--salt-size-unit);\n  align-self: center;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > .saltTooltray > .Responsive-inner > * {\n  margin-top: var(--salt-size-unit);\n  /* margin-right: var(--salt-size-unit); */\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > .saltTooltray {\n  margin-top: 0;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > [data-pad-end=\"true\"] {\n  margin-right: auto;\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] > .Responsive-inner > [data-pad-end=\"true\"] {\n  margin-bottom: auto;\n}\n\n.saltToolbar[aria-orientation=\"horizontal\"] > .Responsive-inner > *:first-child {\n  margin-left: var(--salt-size-unit);\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] {\n  display: inline-flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n}\n\n.saltToolbar[aria-orientation=\"vertical\"] > .Responsive-inner {\n  display: inline-flex;\n  flex-direction: column;\n  max-height: 100%;\n}\n\n.saltToolbar > .Responsive-inner[data-collapsing=\"true\"] {\n  flex-wrap: nowrap;\n}\n\n.saltToolbar > .Responsive-inner[data-collapsing=\"true\"] > *[data-overflowed=\"true\"] {\n  min-width: 0;\n  flex-shrink: 1;\n  flex-basis: 0;\n  padding: 0;\n  margin: 0;\n  visibility: visible;\n}\n\n.saltToolbar > .Responsive-inner > *[data-pad-start=\"true\"] {\n  margin-left: auto;\n}\n\n.saltToolbarField-start {\n  margin-left: 0 !important;\n  order: -1;\n}\n\n.saltToolbar > .Responsive-inner > .saltToolbarField {\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n\n.saltToolbarField.saltFormFieldLegacy-labelLeft > .saltFormLabel {\n  padding-left: var(--salt-size-unit);\n}\n\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton {\n  background: var(--toolbar-background);\n}\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton:hover {\n  background: var(--salt-actionable-secondary-background-hover);\n}\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltButton-active,\n.saltToolbar .saltFormFieldLegacy-primary.saltFormFieldLegacy > .saltToolbarButton:active {\n  background: var(--salt-actionable-secondary-background-active) !important;\n}\n\n/* copied over from Tabstrip.css */\n[data-overflowed] {\n  order: 99;\n  visibility: hidden;\n}\n\n/* .Responsive-inner > [data-collapsed='true'] {\n  background: brown;\n}\n.Responsive-inner > [data-collapsing='true'] {\n  background: pink;\n} */\n\n/* .saltToolbar > .Responsive-inner > .saltOverflowPanel {\n  background: pink;;\n}\n\n.saltTooltray > .Responsive-inner > .saltOverflowPanel {\n  background: yellow;\n} */\n";
 
 export { css_248z as default };
 //# sourceMappingURL=Toolbar.css.js.map

package/dist-es/toolbar/overflow-panel/OverflowPanel.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltOverflowPanel.saltDropdown-popup {\n  background: var(--salt-container-primary-background);\n  border: solid 1px var(--salt-selectable-borderColor-hover);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n}\n\n.saltOverflowPanel-content {\n  --saltButton-justifyContent: flex-start;\n  --saltDropdown-popup-maxHeight: auto;\n  align-items: stretch;\n  color: var(--salt-text-primary-foreground);\n  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);\n  display: flex;\n  flex-direction: column;\n  padding: calc(var(--salt-size-unit) * 1.5) 0;\n  outline: none;\n}\n\n.saltOverflowPanel [aria-expanded=\"true\"] {\n  --saltButton-background: var(--salt-actionable-secondary-background-active);\n  --saltButton-background-hover: var(--salt-actionable-secondary-background-active);\n  --saltIcon-color: var(--salt-actionable-secondary-foreground-active);\n}\n\n.saltOverflowPanel.saltDropdown {\n  --saltIcon-margin: 2px 0 0 0px;\n}\n\n.saltOverflowPanel.saltDropdown-popup .saltFormFieldLegacy:not(.saltFormFieldLegacy-toolbarButton) {\n  --saltFormFieldLegacy-margin: 0 12px 8px 12px;\n}\n";
+var css_248z = ".saltOverflowPanel.saltDropdown-popup {\n  background: var(--salt-container-primary-background);\n  border: solid 1px var(--salt-selectable-borderColor-hover);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n}\n\n.saltOverflowPanel-content {\n  --saltButton-justifyContent: flex-start;\n  --saltDropdown-popup-maxHeight: auto;\n  align-items: stretch;\n  color: var(--salt-content-primary-foreground);\n  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-container-primary-borderColor);\n  display: flex;\n  flex-direction: column;\n  padding: calc(var(--salt-size-unit) * 1.5) 0;\n  outline: none;\n}\n\n.saltOverflowPanel [aria-expanded=\"true\"] {\n  --saltButton-background: var(--salt-actionable-secondary-background-active);\n  --saltButton-background-hover: var(--salt-actionable-secondary-background-active);\n  --saltIcon-color: var(--salt-actionable-secondary-foreground-active);\n}\n\n.saltOverflowPanel.saltDropdown {\n  --saltIcon-margin: 2px 0 0 0px;\n}\n\n.saltOverflowPanel.saltDropdown-popup .saltFormFieldLegacy:not(.saltFormFieldLegacy-toolbarButton) {\n  --saltFormFieldLegacy-margin: 0 12px 8px 12px;\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=OverflowPanel.css.js.map

package/dist-es/tree/TreeNode.css.js

@@ -1,4 +1,4 @@
-var css_248z = ".saltTreeNode {\n  /* Color */\n  --tree-item-text-color: var(--salt-text-primary-foreground);\n  --tree-item-background: var(--salt-selectable-background);\n  --tree-item-background-hover: var(--salt-selectable-background-hover);\n\n  --tree-node-height: var(--saltTree-node-height, var(--salt-size-stackable));\n  --tree-node-icon-size: 12px;\n  --tree-node-icon-transform: none;\n  --tree-node-paddingLeft: 6px;\n\n  align-items: flex-start;\n  min-height: var(--tree-node-height, auto);\n  line-height: var(--salt-text-lineHeight);\n  list-style: none;\n  position: relative;\n  text-align: var(--list-item-textAlign);\n}\n\n.saltTreeNode-highlighted {\n  --tree-item-background: var(--salt-selectable-background-hover);\n}\n\n.saltTreeNode-item[aria-selected=\"true\"] {\n  background: var(--salt-selectable-background-selected);\n  color: var(--salt-text-primary-foreground);\n  --saltIcon-color: var(--salt-text-primary-foreground);\n}\n\n.saltTreeNode[aria-expanded=\"true\"] {\n  --tree-node-icon-transform: rotate(45deg) translate(1px, 1px);\n}\n\n.saltTreeNode-item {\n  align-items: center;\n  background: var(--tree-item-background);\n  display: flex;\n  height: var(--tree-node-height);\n  padding-left: calc(var(--tree-node-paddingLeft) + var(--tree-node-indent));\n  position: relative;\n}\n\n.saltTreeNode-toggle {\n  display: inline-block;\n  flex: 0 0 18px;\n  height: var(--tree-node-icon-size);\n  transform: var(--tree-node-icon-transform);\n  transition: transform 0.1s ease;\n}\n\n.saltTreeNode-label {\n  align-items: center;\n  display: inline-flex;\n  height: var(--tree-node-height);\n}\n.saltTreeNode-description {\n  align-items: center;\n  display: inline-flex;\n  height: var(--tree-node-height);\n  padding-left: var(--salt-size-unit);\n}\n\n/* Leaf node or the div child of a collapsible node */\n/* .saltTreeNode:not([aria-expanded=\"true\"]), */\n.saltTreeNode[aria-expanded] > .saltTreeNode-label {\n  --checkbox-borderColor: black;\n  --checkbox-borderWidth: 1px;\n  --checkbox-tick: black;\n  /* --list-svg-toggle: var(--list-svg-chevron-down); */\n  --list-svg-toggle: var(--tree-node-collapse);\n\n  color: var(--list-item-text-color);\n  flex-wrap: nowrap;\n  line-height: var(--tree-node-height);\n  padding: var(--list-item-padding);\n  position: relative;\n  cursor: default;\n  margin: 0;\n  white-space: nowrap;\n}\n\n.saltTreeNode:not([aria-expanded]) {\n  padding-left: calc(var(--tree-node-paddingLeft) + var(--tree-toggle-width) + var(--tree-node-indent));\n}\n\n.saltTreeNode[aria-expanded] > .saltTreeNode-label {\n  padding-left: calc(var(--tree-node-paddingLeft) + var(--tree-toggle-width) + var(--tree-node-indent));\n}\n\n.saltTreeNode[aria-expanded] {\n  flex-direction: column;\n}\n\n.saltTreeNode[aria-expanded] {\n  flex-direction: column;\n  height: auto;\n}\n\n.saltTreeNode > *[role=\"group\"] {\n  padding-left: 0px;\n}\n\n[aria-level=\"2\"] {\n  --tree-node-indent: 24px;\n}\n[aria-level=\"3\"] {\n  --tree-node-indent: 36px;\n}\n[aria-level=\"4\"] {\n  --tree-node-indent: 48px;\n}\n\n.saltTreeNode:not(.focusVisible):not([aria-expanded])[data-highlighted],\n.saltTreeNode:not(.focusVisible)[aria-expanded][data-highlighted] > div:first-child {\n  background: var(--list-background-highlighted);\n}\n\n.saltTree-toggle {\n  cursor: pointer;\n}\n\n.saltTreeNode[aria-selected=\"true\"] {\n  --list-item-header-twisty-color: var(--list-item-selected-color);\n}\n\n.saltTreeNode:not(.focusVisible):focus {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.saltTreeNode:not([aria-expanded]).focusVisible:before,\n.saltTreeNode[aria-expanded].focusVisible > div:first-child:before {\n  content: \"\";\n  position: absolute;\n  top: 0px;\n  left: var(--tree-offset-left-focusVisible, 0px);\n  right: 0;\n  bottom: 0px;\n  border: dotted rgb(141, 154, 179) 2px; /* FIXME: Needs checking */\n  background: var(--list-background-highlighted);\n}\n\n/* .saltTreeNode[aria-level='2'] {\n    --tree-offset-left-focusVisible: -13px;\n  }\n\n  .saltTreeNode[aria-level='3'] {\n    --tree-offset-left-focusVisible: -24px;\n  }\n\n  .saltTreeNode[aria-level='4'] {\n    --tree-offset-left-focusVisible: -36px;\n  } */\n\n.saltTreeNode[aria-expanded=\"false\"] > *:first-child:after {\n  --list-svg-toggle: var(--tree-node-expand);\n}\n\n.saltTreeNode[aria-expanded=\"true\"] > *:first-child:after {\n  transform: var(--tree-node-expanded-transform);\n}\n\n/* Selection */\n\n.saltTree:not(.checkbox-only) .saltTreeNode:not([aria-expanded])[aria-selected=\"true\"],\n.saltTree:not(.checkbox-only) .saltTreeNode[aria-expanded][aria-selected=\"true\"] > div:first-child {\n  --checkbox-borderColor: var(--list-item-selected-color);\n  --checkbox-tick: var(--list-item-selected-color);\n  --tree-borderColor-focusVisible: var(--list-item-selected-color);\n  background: var(--list-item-background-active);\n  color: var(--list-item-selected-color);\n}\n\n.with-checkbox .saltTreeNode {\n  padding-left: 28px;\n}\n\n.with-checkbox .saltTreeNode:before {\n  border-style: solid;\n  border-width: var(--checkbox-borderWidth);\n  border-color: var(--checkbox-borderColor);\n  content: \"\";\n  height: 12px;\n  left: 3px;\n  margin-top: -7px;\n  position: absolute;\n  top: 50%;\n  width: 12px;\n}\n";
+var css_248z = ".saltTreeNode {\n  /* Color */\n  --tree-item-text-color: var(--salt-content-primary-foreground);\n  --tree-item-background: var(--salt-selectable-background);\n  --tree-item-background-hover: var(--salt-selectable-background-hover);\n\n  --tree-node-height: var(--saltTree-node-height, var(--salt-size-stackable));\n  --tree-node-icon-size: 12px;\n  --tree-node-icon-transform: none;\n  --tree-node-paddingLeft: 6px;\n\n  align-items: flex-start;\n  min-height: var(--tree-node-height, auto);\n  line-height: var(--salt-text-lineHeight);\n  list-style: none;\n  position: relative;\n  text-align: var(--list-item-textAlign);\n}\n\n.saltTreeNode-highlighted {\n  --tree-item-background: var(--salt-selectable-background-hover);\n}\n\n.saltTreeNode-item[aria-selected=\"true\"] {\n  background: var(--salt-selectable-background-selected);\n  color: var(--salt-content-primary-foreground);\n  --saltIcon-color: var(--salt-content-primary-foreground);\n}\n\n.saltTreeNode[aria-expanded=\"true\"] {\n  --tree-node-icon-transform: rotate(45deg) translate(1px, 1px);\n}\n\n.saltTreeNode-item {\n  align-items: center;\n  background: var(--tree-item-background);\n  display: flex;\n  height: var(--tree-node-height);\n  padding-left: calc(var(--tree-node-paddingLeft) + var(--tree-node-indent));\n  position: relative;\n}\n\n.saltTreeNode-toggle {\n  display: inline-block;\n  flex: 0 0 18px;\n  height: var(--tree-node-icon-size);\n  transform: var(--tree-node-icon-transform);\n  transition: transform 0.1s ease;\n}\n\n.saltTreeNode-label {\n  align-items: center;\n  display: inline-flex;\n  height: var(--tree-node-height);\n}\n.saltTreeNode-description {\n  align-items: center;\n  display: inline-flex;\n  height: var(--tree-node-height);\n  padding-left: var(--salt-size-unit);\n}\n\n/* Leaf node or the div child of a collapsible node */\n/* .saltTreeNode:not([aria-expanded=\"true\"]), */\n.saltTreeNode[aria-expanded] > .saltTreeNode-label {\n  --checkbox-borderColor: black;\n  --checkbox-borderWidth: 1px;\n  --checkbox-tick: black;\n  /* --list-svg-toggle: var(--list-svg-chevron-down); */\n  --list-svg-toggle: var(--tree-node-collapse);\n\n  color: var(--list-item-text-color);\n  flex-wrap: nowrap;\n  line-height: var(--tree-node-height);\n  padding: var(--list-item-padding);\n  position: relative;\n  cursor: default;\n  margin: 0;\n  white-space: nowrap;\n}\n\n.saltTreeNode:not([aria-expanded]) {\n  padding-left: calc(var(--tree-node-paddingLeft) + var(--tree-toggle-width) + var(--tree-node-indent));\n}\n\n.saltTreeNode[aria-expanded] > .saltTreeNode-label {\n  padding-left: calc(var(--tree-node-paddingLeft) + var(--tree-toggle-width) + var(--tree-node-indent));\n}\n\n.saltTreeNode[aria-expanded] {\n  flex-direction: column;\n}\n\n.saltTreeNode[aria-expanded] {\n  flex-direction: column;\n  height: auto;\n}\n\n.saltTreeNode > *[role=\"group\"] {\n  padding-left: 0px;\n}\n\n[aria-level=\"2\"] {\n  --tree-node-indent: 24px;\n}\n[aria-level=\"3\"] {\n  --tree-node-indent: 36px;\n}\n[aria-level=\"4\"] {\n  --tree-node-indent: 48px;\n}\n\n.saltTreeNode:not(.focusVisible):not([aria-expanded])[data-highlighted],\n.saltTreeNode:not(.focusVisible)[aria-expanded][data-highlighted] > div:first-child {\n  background: var(--list-background-highlighted);\n}\n\n.saltTree-toggle {\n  cursor: pointer;\n}\n\n.saltTreeNode[aria-selected=\"true\"] {\n  --list-item-header-twisty-color: var(--list-item-selected-color);\n}\n\n.saltTreeNode:not(.focusVisible):focus {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n.saltTreeNode:not([aria-expanded]).focusVisible:before,\n.saltTreeNode[aria-expanded].focusVisible > div:first-child:before {\n  content: \"\";\n  position: absolute;\n  top: 0px;\n  left: var(--tree-offset-left-focusVisible, 0px);\n  right: 0;\n  bottom: 0px;\n  border: dotted rgb(141, 154, 179) 2px; /* FIXME: Needs checking */\n  background: var(--list-background-highlighted);\n}\n\n/* .saltTreeNode[aria-level='2'] {\n    --tree-offset-left-focusVisible: -13px;\n  }\n\n  .saltTreeNode[aria-level='3'] {\n    --tree-offset-left-focusVisible: -24px;\n  }\n\n  .saltTreeNode[aria-level='4'] {\n    --tree-offset-left-focusVisible: -36px;\n  } */\n\n.saltTreeNode[aria-expanded=\"false\"] > *:first-child:after {\n  --list-svg-toggle: var(--tree-node-expand);\n}\n\n.saltTreeNode[aria-expanded=\"true\"] > *:first-child:after {\n  transform: var(--tree-node-expanded-transform);\n}\n\n/* Selection */\n\n.saltTree:not(.checkbox-only) .saltTreeNode:not([aria-expanded])[aria-selected=\"true\"],\n.saltTree:not(.checkbox-only) .saltTreeNode[aria-expanded][aria-selected=\"true\"] > div:first-child {\n  --checkbox-borderColor: var(--list-item-selected-color);\n  --checkbox-tick: var(--list-item-selected-color);\n  --tree-borderColor-focusVisible: var(--list-item-selected-color);\n  background: var(--list-item-background-active);\n  color: var(--list-item-selected-color);\n}\n\n.with-checkbox .saltTreeNode {\n  padding-left: 28px;\n}\n\n.with-checkbox .saltTreeNode:before {\n  border-style: solid;\n  border-width: var(--checkbox-borderWidth);\n  border-color: var(--checkbox-borderColor);\n  content: \"\";\n  height: 12px;\n  left: 3px;\n  margin-top: -7px;\n  position: absolute;\n  top: 50%;\n  width: 12px;\n}\n";
 
 export { css_248z as default };
 //# sourceMappingURL=TreeNode.css.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "0.0.0-snapshot-20231115150330",
+  "version": "0.0.0-snapshot-20231130112152",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -26,10 +26,10 @@
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tinycolor2": "^1.4.2",
-    "@salt-ds/core": "^0.0.0-snapshot-20231115150330",
+    "@salt-ds/core": "^1.13.0",
     "@salt-ds/window": "^0.1.1",
-    "@salt-ds/styles": "^0.0.0-snapshot-20231115150330",
-    "@salt-ds/icons": "^0.0.0-snapshot-20231115150330"
+    "@salt-ds/styles": "^0.2.0",
+    "@salt-ds/icons": "^1.8.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0",