@infonomic/uikit 5.36.2 → 5.37.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/components/button/combo-button.d.ts +4 -1
  2. package/dist/components/button/combo-button.d.ts.map +1 -1
  3. package/dist/components/button/combo-button.js +4 -4
  4. package/dist/components/button/combo-button.module.css +1 -1
  5. package/dist/components/button/combo-button_module.css +1 -1
  6. package/package.json +1 -1
  7. package/src/components/button/combo-button.module.css +1 -1
  8. package/src/components/button/combo-button.tsx +10 -4
package/dist/components/button/combo-button.d.ts CHANGED
@@ -13,6 +13,9 @@ export type ComboButtonProps = ButtonProps & {
13
13
  align?: 'start' | 'center' | 'end';
14
14
  dataSide?: 'top' | 'bottom' | 'left' | 'right';
15
15
  sideOffset?: number;
16
+ className?: string;
17
+ buttonClassName?: string;
18
+ triggerClassName?: string;
16
19
  };
17
- export declare const ComboButton: ({ options, onButtonClick, onOptionSelect, disabled, buttonDisabled, optionsDisabled, children, align, dataSide, sideOffset, ...rest }: ComboButtonProps) => import("react").JSX.Element;
20
+ export declare const ComboButton: ({ options, onButtonClick, onOptionSelect, disabled, buttonDisabled, optionsDisabled, children, align, dataSide, sideOffset, className, buttonClassName, triggerClassName, ...rest }: ComboButtonProps) => import("react").JSX.Element;
18
21
  //# sourceMappingURL=combo-button.d.ts.map
package/dist/components/button/combo-button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combo-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/combo-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAGnD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAGD,eAAO,MAAM,WAAW,GAAI,uIAYzB,gBAAgB,gCAmClB,CAAA"}
1
+ {"version":3,"file":"combo-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/combo-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AAGnD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAGD,eAAO,MAAM,WAAW,GAAI,qLAezB,gBAAgB,gCAmClB,CAAA"}
package/dist/components/button/combo-button.js CHANGED
@@ -4,11 +4,11 @@ import { ChevronDownIcon } from "../../icons/chevron-down-icon.js";
4
4
  import { Dropdown } from "../dropdown/dropdown.js";
5
5
  import { Button } from "./button.js";
6
6
  import combo_button_module from "./combo-button.module.js";
7
- const ComboButton = ({ options, onButtonClick, onOptionSelect, disabled = false, buttonDisabled = false, optionsDisabled = false, children, align = 'end', dataSide = 'top', sideOffset = 5, ...rest })=>/*#__PURE__*/ jsxs("div", {
8
- className: classnames('combo-button-wrapper', combo_button_module["combo-button-wrapper"]),
7
+ const ComboButton = ({ options, onButtonClick, onOptionSelect, disabled = false, buttonDisabled = false, optionsDisabled = false, children, align = 'end', dataSide = 'top', sideOffset = 5, className, buttonClassName, triggerClassName, ...rest })=>/*#__PURE__*/ jsxs("div", {
8
+ className: classnames('combo-button-wrapper', combo_button_module["combo-button-wrapper"], className),
9
9
  children: [
10
10
  /*#__PURE__*/ jsx(Button, {
11
- className: classnames('combo-button-button', combo_button_module["combo-button-button"]),
11
+ className: classnames('combo-button-button', combo_button_module["combo-button-button"], buttonClassName),
12
12
  disabled: disabled || buttonDisabled,
13
13
  ...rest,
14
14
  onClick: onButtonClick,
@@ -19,7 +19,7 @@ const ComboButton = ({ options, onButtonClick, onOptionSelect, disabled = false,
19
19
  /*#__PURE__*/ jsx(Dropdown.Trigger, {
20
20
  asChild: true,
21
21
  children: /*#__PURE__*/ jsx(Button, {
22
- className: classnames('combo-button-trigger', combo_button_module["combo-button-trigger"]),
22
+ className: classnames('combo-button-trigger', combo_button_module["combo-button-trigger"], triggerClassName),
23
23
  disabled: disabled || optionsDisabled,
24
24
  ...rest,
25
25
  children: /*#__PURE__*/ jsx(ChevronDownIcon, {
package/dist/components/button/combo-button.module.css CHANGED
@@ -6,7 +6,7 @@
6
6
  :global(.infonomic-combo-button-wrapper) {
7
7
  display: flex;
8
8
  align-items: center;
9
- gap: 0.1rem;
9
+ gap: 0.075rem;
10
10
  }
11
11
 
12
12
  .combo-button-button,
package/dist/components/button/combo-button_module.css CHANGED
@@ -3,7 +3,7 @@
3
3
  @layer infonomic-components {
4
4
  :is(.combo-button-wrapper-nRtH6j, .infonomic-combo-button-wrapper) {
5
5
  align-items: center;
6
- gap: .1rem;
6
+ gap: .075rem;
7
7
  display: flex;
8
8
  }
9
9
 
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@infonomic/uikit",
3
3
  "private": false,
4
4
  "license": "MIT",
5
- "version": "5.36.2",
5
+ "version": "5.37.0",
6
6
  "type": "module",
7
7
  "description": "Infonomic UI kit is a collection of reusable UI components and utilities for React and Astro.",
8
8
  "keywords": [
package/src/components/button/combo-button.module.css CHANGED
@@ -6,7 +6,7 @@
6
6
  :global(.infonomic-combo-button-wrapper) {
7
7
  display: flex;
8
8
  align-items: center;
9
- gap: 0.1rem;
9
+ gap: 0.075rem;
10
10
  }
11
11
 
12
12
  .combo-button-button,
package/src/components/button/combo-button.tsx CHANGED
@@ -15,7 +15,10 @@ export type ComboButtonProps = ButtonProps & {
15
15
  children?: React.ReactNode
16
16
  align?: 'start' | 'center' | 'end'
17
17
  dataSide?: 'top' | 'bottom' | 'left' | 'right'
18
- sideOffset?: number
18
+ sideOffset?: number,
19
+ className?: string
20
+ buttonClassName?: string
21
+ triggerClassName?: string
19
22
  }
20
23
 
21
24
 
@@ -30,16 +33,19 @@ export const ComboButton = ({
30
33
  align = 'end',
31
34
  dataSide = 'top',
32
35
  sideOffset = 5,
36
+ className,
37
+ buttonClassName,
38
+ triggerClassName,
33
39
  ...rest
34
40
  }: ComboButtonProps) => {
35
41
  return (
36
- <div className={cx('combo-button-wrapper', styles['combo-button-wrapper'])}>
37
- <Button className={cx('combo-button-button', styles['combo-button-button'])} disabled={disabled || buttonDisabled} {...rest} onClick={onButtonClick}>
42
+ <div className={cx('combo-button-wrapper', styles['combo-button-wrapper'], className)}>
43
+ <Button className={cx('combo-button-button', styles['combo-button-button'], buttonClassName)} disabled={disabled || buttonDisabled} {...rest} onClick={onButtonClick}>
38
44
  {children}
39
45
  </Button>
40
46
  <DropdownComponent.Root>
41
47
  <DropdownComponent.Trigger asChild>
42
- <Button className={cx('combo-button-trigger', styles['combo-button-trigger'])} disabled={disabled || optionsDisabled} {...rest}>
48
+ <Button className={cx('combo-button-trigger', styles['combo-button-trigger'], triggerClassName)} disabled={disabled || optionsDisabled} {...rest}>
43
49
  <ChevronDownIcon width="16px" height="16px" />
44
50
  </Button>
45
51
  </DropdownComponent.Trigger>