@salt-ds/core 1.64.1 → 1.65.1

package/dist-cjs/toolbar/ToolbarContent.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('@salt-ds/styles');
+var window = require('@salt-ds/window');
+var clsx = require('clsx');
+var React = require('react');
+var makePrefixer = require('../utils/makePrefixer.js');
+require('../utils/useFloatingUI/useFloatingUI.js');
+require('../utils/useId.js');
+require('../salt-provider/SaltProvider.js');
+require('../viewport/ViewportProvider.js');
+var ToolbarContent$1 = require('./ToolbarContent.css.js');
+
+const withBaseName = makePrefixer.makePrefixer("saltToolbarContent");
+const ToolbarContent = React.forwardRef(
+  function ToolbarContent2({ children, className, position, ...rest }, ref) {
+    const targetWindow = window.useWindow();
+    styles.useComponentCssInjection({
+      testId: "salt-toolbar-content",
+      css: ToolbarContent$1,
+      window: targetWindow
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: clsx.clsx(withBaseName(), className),
+        ...rest,
+        "data-position": position,
+        ref,
+        children
+      }
+    );
+  }
+);
+
+exports.ToolbarContent = ToolbarContent;
+//# sourceMappingURL=ToolbarContent.js.map

package/dist-cjs/toolbar/ToolbarContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarContent.js","sources":["../src/toolbar/ToolbarContent.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { makePrefixer } from \"../utils\";\n\nimport toolbarContentCss from \"./ToolbarContent.css\";\n\nexport interface ToolbarContentProps extends ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Controls where the content is placed across the full toolbar.\n   * If any content uses `\"center\"`, `Toolbar` reserves symmetric side space\n   * so the center band stays on the toolbar midpoint.\n   */\n  position: \"start\" | \"center\" | \"end\";\n}\n\nconst withBaseName = makePrefixer(\"saltToolbarContent\");\n\nexport const ToolbarContent = forwardRef<HTMLDivElement, ToolbarContentProps>(\n  function ToolbarContent({ children, className, position, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-toolbar-content\",\n      css: toolbarContentCss,\n      window: targetWindow,\n    });\n\n    return (\n      <div\n        className={clsx(withBaseName(), className)}\n        {...rest}\n        data-position={position}\n        ref={ref}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","ToolbarContent","useWindow","useComponentCssInjection","toolbarContentCss","jsx","clsx"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,0BAAa,oBAAoB,CAAA;AAE/C,MAAM,cAAA,GAAiBC,gBAAA;AAAA,EAC5B,SAASC,gBAAe,EAAE,QAAA,EAAU,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AACvE,IAAA,MAAM,eAAeC,gBAAA,EAAU;AAC/B,IAAAC,+BAAA,CAAyB;AAAA,MACvB,MAAA,EAAQ,sBAAA;AAAA,MACR,GAAA,EAAKC,gBAAA;AAAA,MACL,MAAA,EAAQ;AAAA,KACT,CAAA;AAED,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,SAAA,CAAK,YAAA,EAAa,EAAG,SAAS,CAAA;AAAA,QACxC,GAAG,IAAA;AAAA,QACJ,eAAA,EAAe,QAAA;AAAA,QACf,GAAA;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;;;;"}

package/dist-cjs/toolbar/ToolbarOverflow.css.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var css_248z = ".saltToolbarOverflow-content {\n  position: relative;\n}\n\n.saltToolbarOverflow-slot,\n.saltToolbarOverflow-panelItem {\n  align-items: center;\n  display: flex;\n  flex-shrink: 0;\n  gap: var(--salt-spacing-100);\n  min-width: 0;\n}\n\n.saltToolbarOverflow-slot[data-align=\"end\"] {\n  margin-inline-start: auto;\n}\n\n.saltToolbarOverflow-slot[data-align=\"center\"] {\n  margin-inline-start: auto;\n  margin-inline-end: auto;\n}\n\n.saltToolbarOverflow-item {\n  align-items: center;\n  display: flex;\n  flex-shrink: 0;\n  min-width: 0;\n}\n\n.saltToolbarOverflow-menu {\n  display: flex;\n  flex-shrink: 0;\n}\n\n.saltToolbarOverflow-itemHost,\n.saltToolbarOverflow-contentHost {\n  display: contents;\n}\n\n.saltToolbarOverflow-trigger {\n  white-space: nowrap;\n}\n\n.saltToolbarOverflow-panel {\n  background: var(--salt-container-primary-background);\n  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);\n  border-radius: var(--salt-palette-corner, 0);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  box-sizing: border-box;\n  max-width: min(32rem, calc(100vw - var(--salt-spacing-300)));\n  overflow: auto;\n  position: absolute;\n  z-index: var(--salt-zIndex-flyover);\n}\n\n/* TODO: improve this as brittle */\n.saltToolbarOverflow-floatingDescendant.saltToolbarOverflow-floatingDescendant {\n  z-index: calc(var(--salt-zIndex-flyover) + var(--salt-zIndex-default));\n}\n\n.saltToolbarOverflow-panelContent {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--salt-spacing-100);\n  max-width: inherit;\n  min-width: max-content;\n  padding: var(--salt-spacing-100);\n}\n\n.saltToolbarOverflow-panel .saltTooltray[data-align=\"center\"],\n.saltToolbarOverflow-panel .saltTooltray[data-align=\"end\"] {\n  margin-inline-start: 0;\n  margin-inline-end: 0;\n}\n\n.saltToolbarOverflow-panel .saltTooltray > * {\n  inline-size: auto;\n}\n\n.saltToolbarOverflow-content > .saltToolbarOverflow-slot .saltTooltray[data-align=\"center\"],\n.saltToolbarOverflow-content > .saltToolbarOverflow-slot .saltTooltray[data-align=\"end\"] {\n  margin-inline-start: 0;\n  margin-inline-end: 0;\n}\n";
+
+module.exports = css_248z;
+//# sourceMappingURL=ToolbarOverflow.css.js.map

package/dist-cjs/toolbar/ToolbarOverflow.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarOverflow.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}