@kopexa/toolbar 1.0.0 → 2.0.0

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 (8) hide show
  1. package/dist/{chunk-SK6EO7V2.mjs → chunk-XVFGSSWN.mjs} +2 -2
  2. package/dist/index.js +2 -2
  3. package/dist/index.mjs +1 -1
  4. package/dist/toolbar.d.mts +5 -4
  5. package/dist/toolbar.d.ts +5 -4
  6. package/dist/toolbar.js +2 -2
  7. package/dist/toolbar.mjs +1 -1
  8. package/package.json +2 -2
package/dist/{chunk-SK6EO7V2.mjs → chunk-XVFGSSWN.mjs} RENAMED
@@ -13,8 +13,8 @@ import {
13
13
  } from "@kopexa/theme";
14
14
  import { jsx, jsxs } from "react/jsx-runtime";
15
15
  var [ToolbarProvider, useToolbarContext] = createContext();
16
- function Toolbar({ className, ...props }) {
17
- const styles = toolbar();
16
+ function Toolbar({ className, color, sticky, ...props }) {
17
+ const styles = toolbar({ color, sticky });
18
18
  return /* @__PURE__ */ jsx(ToolbarProvider, { value: { styles }, children: /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delay: 100, children: /* @__PURE__ */ jsx(
19
19
  BaseToolbar.Root,
20
20
  {
package/dist/index.js CHANGED
@@ -36,8 +36,8 @@ var import_shared_utils = require("@kopexa/shared-utils");
36
36
  var import_theme = require("@kopexa/theme");
37
37
  var import_jsx_runtime = require("react/jsx-runtime");
38
38
  var [ToolbarProvider, useToolbarContext] = (0, import_react_utils.createContext)();
39
- function Toolbar({ className, ...props }) {
40
- const styles = (0, import_theme.toolbar)();
39
+ function Toolbar({ className, color, sticky, ...props }) {
40
+ const styles = (0, import_theme.toolbar)({ color, sticky });
41
41
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolbarProvider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip.Provider, { delay: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
42
42
  import_toolbar.Toolbar.Root,
43
43
  {
package/dist/index.mjs CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  ToolbarButton,
5
5
  ToolbarGroup,
6
6
  ToolbarSeparator
7
- } from "./chunk-SK6EO7V2.mjs";
7
+ } from "./chunk-XVFGSSWN.mjs";
8
8
  export {
9
9
  Toolbar,
10
10
  ToolbarButton,
package/dist/toolbar.d.mts CHANGED
@@ -1,15 +1,16 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { Toolbar as Toolbar$1 } from '@base-ui-components/react/toolbar';
3
- import { ButtonVariantProps } from '@kopexa/theme';
3
+ import { ButtonVariantProps, ToolbarVariantProps } from '@kopexa/theme';
4
4
  import { ComponentProps } from 'react';
5
5
 
6
- type ToolbarProps = ComponentProps<typeof Toolbar$1.Root>;
7
- declare function Toolbar({ className, ...props }: ToolbarProps): react_jsx_runtime.JSX.Element;
8
- type ToolbarButtonProps = ComponentProps<typeof Toolbar$1.Button> & Pick<ButtonVariantProps, "size" | "color" | "variant" | "isIconOnly"> & {
6
+ type ToolbarProps = ComponentProps<typeof Toolbar$1.Root> & ToolbarVariantProps;
7
+ declare function Toolbar({ className, color, sticky, ...props }: ToolbarProps): react_jsx_runtime.JSX.Element;
8
+ type ToolbarButtonProps = ComponentProps<typeof Toolbar$1.Button> & Pick<ButtonVariantProps, "color" | "variant" | "isIconOnly"> & {
9
9
  /**
10
10
  * You can provide shortcut keys
11
11
  */
12
12
  shortcutKeys?: string;
13
+ size?: "sm" | "md" | "lg";
13
14
  };
14
15
  declare function ToolbarButton({ className, variant, size, color, isIconOnly, title, shortcutKeys, ...props }: ToolbarButtonProps): react_jsx_runtime.JSX.Element;
15
16
  type ToolbarSeparatorProps = ComponentProps<typeof Toolbar$1.Separator>;
package/dist/toolbar.d.ts CHANGED
@@ -1,15 +1,16 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { Toolbar as Toolbar$1 } from '@base-ui-components/react/toolbar';
3
- import { ButtonVariantProps } from '@kopexa/theme';
3
+ import { ButtonVariantProps, ToolbarVariantProps } from '@kopexa/theme';
4
4
  import { ComponentProps } from 'react';
5
5
 
6
- type ToolbarProps = ComponentProps<typeof Toolbar$1.Root>;
7
- declare function Toolbar({ className, ...props }: ToolbarProps): react_jsx_runtime.JSX.Element;
8
- type ToolbarButtonProps = ComponentProps<typeof Toolbar$1.Button> & Pick<ButtonVariantProps, "size" | "color" | "variant" | "isIconOnly"> & {
6
+ type ToolbarProps = ComponentProps<typeof Toolbar$1.Root> & ToolbarVariantProps;
7
+ declare function Toolbar({ className, color, sticky, ...props }: ToolbarProps): react_jsx_runtime.JSX.Element;
8
+ type ToolbarButtonProps = ComponentProps<typeof Toolbar$1.Button> & Pick<ButtonVariantProps, "color" | "variant" | "isIconOnly"> & {
9
9
  /**
10
10
  * You can provide shortcut keys
11
11
  */
12
12
  shortcutKeys?: string;
13
+ size?: "sm" | "md" | "lg";
13
14
  };
14
15
  declare function ToolbarButton({ className, variant, size, color, isIconOnly, title, shortcutKeys, ...props }: ToolbarButtonProps): react_jsx_runtime.JSX.Element;
15
16
  type ToolbarSeparatorProps = ComponentProps<typeof Toolbar$1.Separator>;
package/dist/toolbar.js CHANGED
@@ -35,8 +35,8 @@ var import_shared_utils = require("@kopexa/shared-utils");
35
35
  var import_theme = require("@kopexa/theme");
36
36
  var import_jsx_runtime = require("react/jsx-runtime");
37
37
  var [ToolbarProvider, useToolbarContext] = (0, import_react_utils.createContext)();
38
- function Toolbar({ className, ...props }) {
39
- const styles = (0, import_theme.toolbar)();
38
+ function Toolbar({ className, color, sticky, ...props }) {
39
+ const styles = (0, import_theme.toolbar)({ color, sticky });
40
40
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToolbarProvider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tooltip.Tooltip.Provider, { delay: 100, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
41
41
  import_toolbar.Toolbar.Root,
42
42
  {
package/dist/toolbar.mjs CHANGED
@@ -5,7 +5,7 @@ import {
5
5
  ToolbarButton,
6
6
  ToolbarGroup,
7
7
  ToolbarSeparator
8
- } from "./chunk-SK6EO7V2.mjs";
8
+ } from "./chunk-XVFGSSWN.mjs";
9
9
  export {
10
10
  Toolbar,
11
11
  ToolbarButton,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kopexa/toolbar",
3
- "version": "1.0.0",
3
+ "version": "2.0.0",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "toolbar"
@@ -28,7 +28,7 @@
28
28
  "motion": ">=12.23.6",
29
29
  "react": ">=19.0.0-rc.0",
30
30
  "react-dom": ">=19.0.0-rc.0",
31
- "@kopexa/theme": "2.0.0"
31
+ "@kopexa/theme": "2.1.0"
32
32
  },
33
33
  "dependencies": {
34
34
  "@base-ui-components/react": "1.0.0-beta.3",