@nattstack/ui 0.0.79 → 0.0.81

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 (5) hide show
  1. package/README.md +1 -1
  2. package/dist/components/index.d.ts +5 -5
  3. package/dist/components/index.js +6 -6
  4. package/dist/components/style.css +1 -0
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -32,7 +32,7 @@ function App() {
32
32
  <html className="color-gray-slate color-primary-blue">
33
33
  <head>...</head>
34
34
  <body>
35
- <Button>Click me</Button>
35
+ <Button label="Click me" />
36
36
  </body>
37
37
  </html>
38
38
  )
package/dist/components/index.d.ts CHANGED
@@ -4,13 +4,13 @@ import { CSSProperties, ComponentProps, ElementType, JSX, ReactNode } from "reac
4
4
 
5
5
  //#region src/components/button/button.d.ts
6
6
  interface ButtonProps extends Omit<ComponentProps<"button">, "children" | "disabled"> {
7
- children?: number | number[] | string | string[];
8
7
  iconEnd?: ReactNode;
9
8
  iconStart?: ReactNode;
10
9
  isDisabled?: ComponentProps<"button">["disabled"];
11
10
  isFullWidth?: VariantProps<typeof button>["isFullWidth"];
12
11
  isLoading?: ComponentProps<"button">["disabled"];
13
12
  isRounded?: VariantProps<typeof button>["isRounded"];
13
+ label?: number | number[] | string | string[];
14
14
  size?: VariantProps<typeof button>["size"];
15
15
  variant?: VariantProps<typeof button>["variant"];
16
16
  }
@@ -25,7 +25,7 @@ declare const button: (props?: ({
25
25
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
26
26
  //#endregion
27
27
  //#region src/components/button-link/button-link.d.ts
28
- type ButtonLinkProps<ComponentType extends ElementType = "a"> = ButtonLinkHrefProps<ComponentType> & ButtonLinkInternalProps<ComponentType> & Omit<ComponentProps<ComponentType>, "href" | keyof ButtonLinkInternalProps<ComponentType>>;
28
+ type ButtonLinkProps<ComponentType extends ElementType = "a"> = ButtonLinkHrefProps<ComponentType> & ButtonLinkInternalProps<ComponentType> & Omit<ComponentProps<ComponentType>, "children" | "href" | keyof ButtonLinkInternalProps<ComponentType>>;
29
29
  type ButtonLinkHrefProps<ComponentType extends ElementType> = ComponentProps<ComponentType> extends {
30
30
  href: infer Href;
31
31
  } ? {
@@ -35,7 +35,7 @@ type ButtonLinkHrefProps<ComponentType extends ElementType> = ComponentProps<Com
35
35
  } ? {
36
36
  href?: Href | string;
37
37
  } : unknown;
38
- interface ButtonLinkInternalProps<ComponentType extends ElementType> extends Pick<ButtonProps, "isFullWidth" | "isRounded" | "size" | "variant"> {
38
+ interface ButtonLinkInternalProps<ComponentType extends ElementType> extends Pick<ButtonProps, "isFullWidth" | "isRounded" | "label" | "size" | "variant"> {
39
39
  as?: ComponentType;
40
40
  }
41
41
  declare function ButtonLink<ComponentType extends ElementType = "a">(props: ButtonLinkProps<ComponentType>): JSX.Element;
@@ -76,8 +76,8 @@ interface DialogResponsiveTriggerProps extends Drawer.Trigger.Props {}
76
76
  declare function DialogResponsiveTrigger(props: DialogResponsiveTriggerProps): JSX.Element;
77
77
  //#endregion
78
78
  //#region src/components/icon-button/icon-button.d.ts
79
- interface IconButtonProps extends Omit<ButtonProps, "children" | "iconEnd" | "iconStart" | "isFullWidth"> {
80
- children?: ReactNode;
79
+ interface IconButtonProps extends Omit<ButtonProps, "iconEnd" | "iconStart" | "isFullWidth" | "label"> {
80
+ icon?: ReactNode;
81
81
  }
82
82
  declare function IconButton(props: IconButtonProps): JSX.Element;
83
83
  declare const iconButton: (props?: ({
package/dist/components/index.js CHANGED
@@ -41,7 +41,7 @@ var button_module_default = {
41
41
  //#endregion
42
42
  //#region src/components/button/button.tsx
43
43
  function Button(props) {
44
- const { children = "", className = "", isDisabled = false, iconStart = "", iconEnd = "", isFullWidth = false, isLoading = false, isRounded = false, variant = "primary", size = 40, ...rest } = props;
44
+ const { className = "", isDisabled = false, iconStart = "", iconEnd = "", isFullWidth = false, isLoading = false, isRounded = false, label = "", variant = "primary", size = 40, ...rest } = props;
45
45
  return /* @__PURE__ */ jsxs("button", {
46
46
  className: button({
47
47
  className,
@@ -58,7 +58,7 @@ function Button(props) {
58
58
  children: [
59
59
  isLoading && /* @__PURE__ */ jsx(ButtonSpinner, {}),
60
60
  iconStart,
61
- /* @__PURE__ */ jsx("span", { children }),
61
+ /* @__PURE__ */ jsx("span", { children: label }),
62
62
  iconEnd
63
63
  ]
64
64
  });
@@ -90,7 +90,7 @@ const button = cva(button_module_default.base, { variants: {
90
90
  //#endregion
91
91
  //#region src/components/button-link/button-link.tsx
92
92
  function ButtonLink(props) {
93
- const { as = "a", children, className: customClassName = "", isFullWidth = false, isRounded = false, size = 40, variant = "primary", ...rest } = props;
93
+ const { as = "a", className: customClassName = "", isFullWidth = false, isRounded = false, label = "", size = 40, variant = "primary", ...rest } = props;
94
94
  return /* @__PURE__ */ jsx(as, {
95
95
  className: button({
96
96
  className: customClassName,
@@ -100,7 +100,7 @@ function ButtonLink(props) {
100
100
  variant
101
101
  }),
102
102
  ...rest,
103
- children
103
+ children: /* @__PURE__ */ jsx("span", { children: label })
104
104
  });
105
105
  }
106
106
  //#endregion
@@ -276,7 +276,7 @@ var icon_button_module_default = {
276
276
  //#endregion
277
277
  //#region src/components/icon-button/icon-button.tsx
278
278
  function IconButton(props) {
279
- const { children = "", className = "", isDisabled = false, isLoading = false, isRounded = false, variant = "primary", size = 40, ...rest } = props;
279
+ const { className = "", icon = "", isDisabled = false, isLoading = false, isRounded = false, variant = "primary", size = 40, ...rest } = props;
280
280
  return /* @__PURE__ */ jsxs("button", {
281
281
  className: cx(button({
282
282
  isDisabled,
@@ -291,7 +291,7 @@ function IconButton(props) {
291
291
  disabled: isDisabled || isLoading,
292
292
  type: "button",
293
293
  ...rest,
294
- children: [isLoading && /* @__PURE__ */ jsx(ButtonSpinner, {}), children]
294
+ children: [isLoading && /* @__PURE__ */ jsx(ButtonSpinner, {}), icon]
295
295
  });
296
296
  }
297
297
  const iconButton = cva(icon_button_module_default.base, { variants: { size: {
package/dist/components/style.css CHANGED
@@ -218,6 +218,7 @@
218
218
  box-shadow: inset 0 0 0 1px var(--color-primary),
219
219
  inset 0 1px 0 1px #ffffff40;
220
220
  color: #fff;
221
+ isolation: isolate;
221
222
  }
222
223
 
223
224
  .button-module_variant_primary_4nLWdW:after {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nattstack/ui",
3
- "version": "0.0.79",
3
+ "version": "0.0.81",
4
4
  "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
5
5
  "keywords": [
6
6
  "base-ui",