@synerise/ds-toolbar 1.1.45 → 1.1.47

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.47](https://github.com/Synerise/synerise-design/compare/@synerise/ds-toolbar@1.1.46...@synerise/ds-toolbar@1.1.47) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-toolbar
+
+## [1.1.46](https://github.com/Synerise/synerise-design/compare/@synerise/ds-toolbar@1.1.45...@synerise/ds-toolbar@1.1.46) (2026-03-20)
+
+**Note:** Version bump only for package @synerise/ds-toolbar
+
 ## [1.1.45](https://github.com/Synerise/synerise-design/compare/@synerise/ds-toolbar@1.1.44...@synerise/ds-toolbar@1.1.45) (2026-03-09)
 
 **Note:** Version bump only for package @synerise/ds-toolbar

package/README.md

@@ -8,15 +8,13 @@ Toolbar UI Component
 ## Installation
 
 ```
-npm i @synerise/ds-toolbar
-or
-yarn add @synerise/ds-toolbar
+pnpm add @synerise/ds-toolbar
 ```
 
 ## Usage
 
-```
-import Toolbar from '@synerise/ds-toolbar'
+```tsx
+import Toolbar, { ToolbarGroup, ToolbarButton, ToolbarLabel, ToolbarDivider } from '@synerise/ds-toolbar';
 
 <Toolbar>
   <ToolbarGroup>
@@ -28,7 +26,6 @@ import Toolbar from '@synerise/ds-toolbar'
     </ToolbarButton>
   </ToolbarGroup>
 </Toolbar>
-
 ```
 
 ## Demo
@@ -48,7 +45,7 @@ import Toolbar from '@synerise/ds-toolbar'
 | Property  | Description                                       | Type      | Default |
 | --------- | ------------------------------------------------- | --------- | ------- |
 | children  | contents of the toolbar                           | ReactNode | -       |
-| isCompact | compact ToolbarGroup has 0px gap between elements | boolean   | -       |
+| isCompact | compact ToolbarGroup has 0px gap between elements | boolean   | false   |
 
 ### ToolbarButton
 
@@ -59,3 +56,13 @@ see ds-button for more props
 | type         | type of button | 'ghost-primary' / 'ghost' / 'custom-color-ghost' | -       |
 | tooltipProps | Tooltip config | TooltipProps see ds-tooltip                      | -       |
 | badgeProps   | Badge config   | BadgeProps see ds-badge                          | -       |
+
+### ToolbarLabel
+
+| Property | Description                        | Type      | Default |
+| -------- | ---------------------------------- | --------- | ------- |
+| children | label text rendered inside a group | ReactNode | -       |
+
+### ToolbarDivider
+
+A vertical 1px separator for use inside a `ToolbarGroup`. Accepts standard `HTMLDivElement` attributes. No additional props.

package/dist/Toolbar.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { ToolbarProps } from './Toolbar.types';
+import { default as React } from 'react';
+import { ToolbarProps } from './Toolbar.types';
 declare const Toolbar: ({ children, ...htmlAttributes }: ToolbarProps) => React.JSX.Element;
 export default Toolbar;

package/dist/Toolbar.js

@@ -1,10 +1,11 @@
-var _excluded = ["children"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import * as S from './Toolbar.styles';
-var Toolbar = function Toolbar(_ref) {
-  var children = _ref.children,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.ToolbarWrapper, htmlAttributes, children);
+import { jsx } from "react/jsx-runtime";
+import { ToolbarWrapper } from "./Toolbar.styles.js";
+const Toolbar = ({
+  children,
+  ...htmlAttributes
+}) => {
+  return /* @__PURE__ */ jsx(ToolbarWrapper, { ...htmlAttributes, children });
+};
+export {
+  Toolbar as default
 };
-export default Toolbar;

package/dist/Toolbar.styles.d.ts

@@ -1,6 +1,6 @@
-export declare const ToolbarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ToolbarDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ToolbarLabel: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ToolbarGroup: import("styled-components").StyledComponent<"div", any, {
+export declare const ToolbarWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ToolbarDivider: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ToolbarLabel: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ToolbarGroup: import('styled-components').StyledComponent<"div", any, {
     isCompact?: boolean;
 }, never>;

package/dist/Toolbar.styles.js

@@ -1,27 +1,23 @@
-import styled from 'styled-components';
-export var ToolbarWrapper = styled.div.withConfig({
+import styled from "styled-components";
+const ToolbarWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Toolbarstyles__ToolbarWrapper",
   componentId: "sc-1wn8say-0"
 })(["display:flex;gap:8px;"]);
-export var ToolbarDivider = styled.div.withConfig({
+const ToolbarDivider = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Toolbarstyles__ToolbarDivider",
   componentId: "sc-1wn8say-1"
-})(["width:1px;height:calc(100% + 8px);margin:-4px 0;background:", ";"], function (props) {
-  return props.theme.palette['grey-200'];
-});
-export var ToolbarLabel = styled.div.withConfig({
+})(["width:1px;height:calc(100% + 8px);margin:-4px 0;background:", ";"], (props) => props.theme.palette["grey-200"]);
+const ToolbarLabel = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Toolbarstyles__ToolbarLabel",
   componentId: "sc-1wn8say-2"
-})(["display:flex;align-items:center;justify-content:center;padding:0 12px;font-weight:500;color:", ";"], function (props) {
-  return props.theme.palette['grey-600'];
-});
-export var ToolbarGroup = styled.div.withConfig({
+})(["display:flex;align-items:center;justify-content:center;padding:0 12px;font-weight:500;color:", ";"], (props) => props.theme.palette["grey-600"]);
+const ToolbarGroup = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Toolbarstyles__ToolbarGroup",
   componentId: "sc-1wn8say-3"
-})(["display:flex;", ";background:", ";padding:4px;border-radius:3px;align-content:center;box-shadow:0px 4px 12px 0px ", "0A;"], function (props) {
-  return !props.isCompact && "gap: 4px";
-}, function (props) {
-  return props.theme.palette.white;
-}, function (props) {
-  return props.theme.palette['grey-900'];
-});
+})(["display:flex;", ";background:", ";padding:4px;border-radius:3px;align-content:center;box-shadow:0px 4px 12px 0px ", "0A;"], (props) => !props.isCompact && `gap: 4px`, (props) => props.theme.palette.white, (props) => props.theme.palette["grey-900"]);
+export {
+  ToolbarDivider,
+  ToolbarGroup,
+  ToolbarLabel,
+  ToolbarWrapper
+};

package/dist/Toolbar.types.d.ts

@@ -1,8 +1,8 @@
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { BadgeProps } from '@synerise/ds-badge';
-import type { ButtonProps } from '@synerise/ds-button';
-import type { TooltipProps } from '@synerise/ds-tooltip';
-import type { WithHTMLAttributes } from '@synerise/ds-utils';
+import { HTMLAttributes, ReactNode } from 'react';
+import { BadgeProps } from '@synerise/ds-badge';
+import { ButtonProps } from '@synerise/ds-button';
+import { TooltipProps } from '@synerise/ds-tooltip';
+import { WithHTMLAttributes } from '@synerise/ds-utils';
 export type ToolbarDividerProps = HTMLAttributes<HTMLDivElement>;
 export type ToolbarProps = WithHTMLAttributes<HTMLDivElement, {
     children: ReactNode;

package/dist/Toolbar.types.js

@@ -1 +1 @@
-export {};
+

package/dist/components/ToolbarButton/ToolbarButton.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { ToolbarButtonProps } from '../../Toolbar.types';
+import { default as React } from 'react';
+import { ToolbarButtonProps } from '../../Toolbar.types';
 export declare const ToolbarButton: ({ tooltipProps, badgeProps, ...props }: ToolbarButtonProps) => React.JSX.Element;

package/dist/components/ToolbarButton/ToolbarButton.js

@@ -1,17 +1,16 @@
-var _excluded = ["tooltipProps", "badgeProps"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import Badge from '@synerise/ds-badge';
-import Button from '@synerise/ds-button';
-import Tooltip from '@synerise/ds-tooltip';
-export var ToolbarButton = function ToolbarButton(_ref) {
-  var tooltipProps = _ref.tooltipProps,
-    badgeProps = _ref.badgeProps,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var rawButton = /*#__PURE__*/React.createElement(Button, _extends({
-    type: "ghost"
-  }, props));
-  var button = badgeProps ? /*#__PURE__*/React.createElement(Badge, badgeProps, rawButton) : rawButton;
-  return tooltipProps ? /*#__PURE__*/React.createElement(Tooltip, tooltipProps, button) : button;
-};
+import { jsx } from "react/jsx-runtime";
+import Badge from "@synerise/ds-badge";
+import Button from "@synerise/ds-button";
+import Tooltip from "@synerise/ds-tooltip";
+const ToolbarButton = ({
+  tooltipProps,
+  badgeProps,
+  ...props
+}) => {
+  const rawButton = /* @__PURE__ */ jsx(Button, { type: "ghost", ...props });
+  const button = badgeProps ? /* @__PURE__ */ jsx(Badge, { ...badgeProps, children: rawButton }) : rawButton;
+  return tooltipProps ? /* @__PURE__ */ jsx(Tooltip, { ...tooltipProps, children: button }) : button;
+};
+export {
+  ToolbarButton
+};

package/dist/components/ToolbarDivider/ToolbarDivider.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { ToolbarDividerProps } from '../../Toolbar.types';
+import { default as React } from 'react';
+import { ToolbarDividerProps } from '../../Toolbar.types';
 export declare const ToolbarDivider: (props: ToolbarDividerProps) => React.JSX.Element;

package/dist/components/ToolbarDivider/ToolbarDivider.js

@@ -1,5 +1,8 @@
-import React from 'react';
-import * as S from '../../Toolbar.styles';
-export var ToolbarDivider = function ToolbarDivider(props) {
-  return /*#__PURE__*/React.createElement(S.ToolbarDivider, props);
-};
+import { jsx } from "react/jsx-runtime";
+import { ToolbarDivider as ToolbarDivider$1 } from "../../Toolbar.styles.js";
+const ToolbarDivider = (props) => {
+  return /* @__PURE__ */ jsx(ToolbarDivider$1, { ...props });
+};
+export {
+  ToolbarDivider
+};

package/dist/components/ToolbarGroup/ToolbarGroup.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { ToolbarGroupProps } from '../../Toolbar.types';
+import { default as React } from 'react';
+import { ToolbarGroupProps } from '../../Toolbar.types';
 export declare const ToolbarGroup: ({ children, isCompact, ...htmlAttributes }: ToolbarGroupProps) => React.JSX.Element;

package/dist/components/ToolbarGroup/ToolbarGroup.js

@@ -1,13 +1,12 @@
-var _excluded = ["children", "isCompact"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import * as S from '../../Toolbar.styles';
-export var ToolbarGroup = function ToolbarGroup(_ref) {
-  var children = _ref.children,
-    isCompact = _ref.isCompact,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.ToolbarGroup, _extends({
-    isCompact: isCompact
-  }, htmlAttributes), children);
-};
+import { jsx } from "react/jsx-runtime";
+import { ToolbarGroup as ToolbarGroup$1 } from "../../Toolbar.styles.js";
+const ToolbarGroup = ({
+  children,
+  isCompact,
+  ...htmlAttributes
+}) => {
+  return /* @__PURE__ */ jsx(ToolbarGroup$1, { isCompact, ...htmlAttributes, children });
+};
+export {
+  ToolbarGroup
+};

package/dist/components/ToolbarLabel/ToolbarLabel.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import type { ToolbarLabelProps } from '../../Toolbar.types';
+import { default as React } from 'react';
+import { ToolbarLabelProps } from '../../Toolbar.types';
 export declare const ToolbarLabel: ({ children, ...htmlAttributes }: ToolbarLabelProps) => React.JSX.Element;

package/dist/components/ToolbarLabel/ToolbarLabel.js

@@ -1,9 +1,11 @@
-var _excluded = ["children"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React from 'react';
-import * as S from '../../Toolbar.styles';
-export var ToolbarLabel = function ToolbarLabel(_ref) {
-  var children = _ref.children,
-    htmlAttributes = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(S.ToolbarLabel, htmlAttributes, children);
-};
+import { jsx } from "react/jsx-runtime";
+import { ToolbarLabel as ToolbarLabel$1 } from "../../Toolbar.styles.js";
+const ToolbarLabel = ({
+  children,
+  ...htmlAttributes
+}) => {
+  return /* @__PURE__ */ jsx(ToolbarLabel$1, { ...htmlAttributes, children });
+};
+export {
+  ToolbarLabel
+};

package/dist/components/index.js

@@ -1,4 +1,10 @@
-export * from './ToolbarGroup/ToolbarGroup';
-export * from './ToolbarButton/ToolbarButton';
-export * from './ToolbarLabel/ToolbarLabel';
-export * from './ToolbarDivider/ToolbarDivider';
+import { ToolbarGroup } from "./ToolbarGroup/ToolbarGroup.js";
+import { ToolbarButton } from "./ToolbarButton/ToolbarButton.js";
+import { ToolbarLabel } from "./ToolbarLabel/ToolbarLabel.js";
+import { ToolbarDivider } from "./ToolbarDivider/ToolbarDivider.js";
+export {
+  ToolbarButton,
+  ToolbarDivider,
+  ToolbarGroup,
+  ToolbarLabel
+};

package/dist/index.js

@@ -1,2 +1,12 @@
-export { default } from './Toolbar';
-export * from './components';
+import { default as default2 } from "./Toolbar.js";
+import { ToolbarGroup } from "./components/ToolbarGroup/ToolbarGroup.js";
+import { ToolbarButton } from "./components/ToolbarButton/ToolbarButton.js";
+import { ToolbarLabel } from "./components/ToolbarLabel/ToolbarLabel.js";
+import { ToolbarDivider } from "./components/ToolbarDivider/ToolbarDivider.js";
+export {
+  ToolbarButton,
+  ToolbarDivider,
+  ToolbarGroup,
+  ToolbarLabel,
+  default2 as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-toolbar",
-  "version": "1.1.45",
+  "version": "1.1.47",
   "description": "Toolbar UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,10 +35,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-badge": "^1.0.42",
-    "@synerise/ds-button": "^1.5.16",
-    "@synerise/ds-tooltip": "^1.4.8",
-    "@synerise/ds-utils": "^1.6.0"
+    "@synerise/ds-badge": "^1.0.44",
+    "@synerise/ds-button": "^1.5.18",
+    "@synerise/ds-tooltip": "^1.4.10",
+    "@synerise/ds-utils": "^1.7.1"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -46,5 +46,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }