@alien-id/ui-kit-react 0.1.3 → 0.1.5

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 (6) hide show
  1. package/dist/index.cjs +40 -1
  2. package/dist/index.css +7 -0
  3. package/dist/index.d.cts +13 -1
  4. package/dist/index.d.mts +13 -1
  5. package/dist/index.mjs +35 -1
  6. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -39,6 +39,8 @@ const BottomSheetComponent = ({ renderTrigger, children, open, onOpenChange, dis
39
39
  open,
40
40
  onOpenChange,
41
41
  dismissible,
42
+ noBodyStyles: true,
43
+ disablePreventScroll: false,
42
44
  children: [renderTrigger && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul_base.Drawer.Trigger, { render: renderTrigger }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(vaul_base.Drawer.Portal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul_base.Drawer.Overlay, { className: "alien-bottomsheet-overlay" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(vaul_base.Drawer.Content, {
43
45
  className: "alien-bottomsheet-content",
44
46
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -76,6 +78,22 @@ const Button = ({ children, variant = "primary", className, ...props }) => {
76
78
  });
77
79
  };
78
80
 
81
+ //#endregion
82
+ //#region src/components/buttons/button-small.tsx
83
+ const ButtonSmall = ({ children, variant = "primary", className, ...props }) => {
84
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
85
+ type: "button",
86
+ className: [
87
+ "alien-button",
88
+ "alien-button-small",
89
+ `alien-button-${variant}`,
90
+ className
91
+ ].filter(Boolean).join(" "),
92
+ ...props,
93
+ children
94
+ });
95
+ };
96
+
79
97
  //#endregion
80
98
  //#region src/components/buttons/index.tsx
81
99
  const PrimaryButton = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
@@ -94,6 +112,22 @@ const TintedButton = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Butto
94
112
  ...props,
95
113
  variant: "tinted"
96
114
  });
115
+ const PrimaryButtonSmall = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonSmall, {
116
+ ...props,
117
+ variant: "primary"
118
+ });
119
+ const SecondaryButtonSmall = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonSmall, {
120
+ ...props,
121
+ variant: "secondary"
122
+ });
123
+ const TertiaryButtonSmall = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonSmall, {
124
+ ...props,
125
+ variant: "tertiary"
126
+ });
127
+ const TintedButtonSmall = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonSmall, {
128
+ ...props,
129
+ variant: "tinted"
130
+ });
97
131
 
98
132
  //#endregion
99
133
  //#region src/helpers/cn.ts
@@ -434,10 +468,15 @@ function Input({ className, type, ...props }) {
434
468
  //#endregion
435
469
  exports.BottomSheet = BottomSheet;
436
470
  exports.Button = Button;
471
+ exports.ButtonSmall = ButtonSmall;
437
472
  exports.FloatingLabelInput = FloatingLabelInput;
438
473
  exports.Input = Input;
439
474
  exports.PriceChart = PriceChart;
440
475
  exports.PrimaryButton = PrimaryButton;
476
+ exports.PrimaryButtonSmall = PrimaryButtonSmall;
441
477
  exports.SecondaryButton = SecondaryButton;
478
+ exports.SecondaryButtonSmall = SecondaryButtonSmall;
442
479
  exports.TertiaryButton = TertiaryButton;
443
- exports.TintedButton = TintedButton;
480
+ exports.TertiaryButtonSmall = TertiaryButtonSmall;
481
+ exports.TintedButton = TintedButton;
482
+ exports.TintedButtonSmall = TintedButtonSmall;
package/dist/index.css CHANGED
@@ -95,6 +95,13 @@
95
95
  background: transparent;
96
96
  }
97
97
 
98
+ .alien-button-small {
99
+ width: auto;
100
+ height: 28px;
101
+ padding: 4px 10px;
102
+ font-size: 13px;
103
+ }
104
+
98
105
  .alien-price-chart {
99
106
  display: flex;
100
107
  flex-direction: column;
package/dist/index.d.cts CHANGED
@@ -44,12 +44,24 @@ declare const Button: ({
44
44
  ...props
45
45
  }: ButtonProps) => react_jsx_runtime0.JSX.Element;
46
46
  //#endregion
47
+ //#region src/components/buttons/button-small.d.ts
48
+ declare const ButtonSmall: ({
49
+ children,
50
+ variant,
51
+ className,
52
+ ...props
53
+ }: ButtonProps) => react_jsx_runtime0.JSX.Element;
54
+ //#endregion
47
55
  //#region src/components/buttons/index.d.ts
48
56
  type VariantButtonProps = Omit<ButtonProps, 'variant'>;
49
57
  declare const PrimaryButton: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
50
58
  declare const SecondaryButton: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
51
59
  declare const TertiaryButton: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
52
60
  declare const TintedButton: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
61
+ declare const PrimaryButtonSmall: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
62
+ declare const SecondaryButtonSmall: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
63
+ declare const TertiaryButtonSmall: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
64
+ declare const TintedButtonSmall: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
53
65
  //#endregion
54
66
  //#region src/components/charts/types.d.ts
55
67
  interface PriceChartDataPoint {
@@ -108,4 +120,4 @@ declare function Input({
108
120
  ...props
109
121
  }: react.ComponentProps<'input'>): react_jsx_runtime0.JSX.Element;
110
122
  //#endregion
111
- export { BottomSheet, Button, type ButtonProps, type ButtonVariant, FloatingLabelInput, Input, PriceChart, type PriceChartDataPoint, type PriceChartProps, PrimaryButton, SecondaryButton, TertiaryButton, type TimePeriod, TintedButton };
123
+ export { BottomSheet, Button, type ButtonProps, ButtonSmall, type ButtonVariant, FloatingLabelInput, Input, PriceChart, type PriceChartDataPoint, type PriceChartProps, PrimaryButton, PrimaryButtonSmall, SecondaryButton, SecondaryButtonSmall, TertiaryButton, TertiaryButtonSmall, type TimePeriod, TintedButton, TintedButtonSmall };
package/dist/index.d.mts CHANGED
@@ -44,12 +44,24 @@ declare const Button: ({
44
44
  ...props
45
45
  }: ButtonProps) => react_jsx_runtime0.JSX.Element;
46
46
  //#endregion
47
+ //#region src/components/buttons/button-small.d.ts
48
+ declare const ButtonSmall: ({
49
+ children,
50
+ variant,
51
+ className,
52
+ ...props
53
+ }: ButtonProps) => react_jsx_runtime0.JSX.Element;
54
+ //#endregion
47
55
  //#region src/components/buttons/index.d.ts
48
56
  type VariantButtonProps = Omit<ButtonProps, 'variant'>;
49
57
  declare const PrimaryButton: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
50
58
  declare const SecondaryButton: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
51
59
  declare const TertiaryButton: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
52
60
  declare const TintedButton: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
61
+ declare const PrimaryButtonSmall: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
62
+ declare const SecondaryButtonSmall: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
63
+ declare const TertiaryButtonSmall: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
64
+ declare const TintedButtonSmall: (props: VariantButtonProps) => react_jsx_runtime0.JSX.Element;
53
65
  //#endregion
54
66
  //#region src/components/charts/types.d.ts
55
67
  interface PriceChartDataPoint {
@@ -108,4 +120,4 @@ declare function Input({
108
120
  ...props
109
121
  }: react.ComponentProps<'input'>): react_jsx_runtime0.JSX.Element;
110
122
  //#endregion
111
- export { BottomSheet, Button, type ButtonProps, type ButtonVariant, FloatingLabelInput, Input, PriceChart, type PriceChartDataPoint, type PriceChartProps, PrimaryButton, SecondaryButton, TertiaryButton, type TimePeriod, TintedButton };
123
+ export { BottomSheet, Button, type ButtonProps, ButtonSmall, type ButtonVariant, FloatingLabelInput, Input, PriceChart, type PriceChartDataPoint, type PriceChartProps, PrimaryButton, PrimaryButtonSmall, SecondaryButton, SecondaryButtonSmall, TertiaryButton, TertiaryButtonSmall, type TimePeriod, TintedButton, TintedButtonSmall };
package/dist/index.mjs CHANGED
@@ -10,6 +10,8 @@ const BottomSheetComponent = ({ renderTrigger, children, open, onOpenChange, dis
10
10
  open,
11
11
  onOpenChange,
12
12
  dismissible,
13
+ noBodyStyles: true,
14
+ disablePreventScroll: false,
13
15
  children: [renderTrigger && /* @__PURE__ */ jsx(Drawer.Trigger, { render: renderTrigger }), /* @__PURE__ */ jsxs(Drawer.Portal, { children: [/* @__PURE__ */ jsx(Drawer.Overlay, { className: "alien-bottomsheet-overlay" }), /* @__PURE__ */ jsx(Drawer.Content, {
14
16
  className: "alien-bottomsheet-content",
15
17
  children: /* @__PURE__ */ jsxs("div", {
@@ -47,6 +49,22 @@ const Button = ({ children, variant = "primary", className, ...props }) => {
47
49
  });
48
50
  };
49
51
 
52
+ //#endregion
53
+ //#region src/components/buttons/button-small.tsx
54
+ const ButtonSmall = ({ children, variant = "primary", className, ...props }) => {
55
+ return /* @__PURE__ */ jsx("button", {
56
+ type: "button",
57
+ className: [
58
+ "alien-button",
59
+ "alien-button-small",
60
+ `alien-button-${variant}`,
61
+ className
62
+ ].filter(Boolean).join(" "),
63
+ ...props,
64
+ children
65
+ });
66
+ };
67
+
50
68
  //#endregion
51
69
  //#region src/components/buttons/index.tsx
52
70
  const PrimaryButton = (props) => /* @__PURE__ */ jsx(Button, {
@@ -65,6 +83,22 @@ const TintedButton = (props) => /* @__PURE__ */ jsx(Button, {
65
83
  ...props,
66
84
  variant: "tinted"
67
85
  });
86
+ const PrimaryButtonSmall = (props) => /* @__PURE__ */ jsx(ButtonSmall, {
87
+ ...props,
88
+ variant: "primary"
89
+ });
90
+ const SecondaryButtonSmall = (props) => /* @__PURE__ */ jsx(ButtonSmall, {
91
+ ...props,
92
+ variant: "secondary"
93
+ });
94
+ const TertiaryButtonSmall = (props) => /* @__PURE__ */ jsx(ButtonSmall, {
95
+ ...props,
96
+ variant: "tertiary"
97
+ });
98
+ const TintedButtonSmall = (props) => /* @__PURE__ */ jsx(ButtonSmall, {
99
+ ...props,
100
+ variant: "tinted"
101
+ });
68
102
 
69
103
  //#endregion
70
104
  //#region src/helpers/cn.ts
@@ -403,4 +437,4 @@ function Input({ className, type, ...props }) {
403
437
  }
404
438
 
405
439
  //#endregion
406
- export { BottomSheet, Button, FloatingLabelInput, Input, PriceChart, PrimaryButton, SecondaryButton, TertiaryButton, TintedButton };
440
+ export { BottomSheet, Button, ButtonSmall, FloatingLabelInput, Input, PriceChart, PrimaryButton, PrimaryButtonSmall, SecondaryButton, SecondaryButtonSmall, TertiaryButton, TertiaryButtonSmall, TintedButton, TintedButtonSmall };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alien-id/ui-kit-react",
3
- "version": "0.1.3",
3
+ "version": "0.1.5",
4
4
  "type": "module",
5
5
  "main": "./dist/index.cjs",
6
6
  "module": "./dist/index.mjs",