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

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 +38 -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 +33 -1
  6. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -76,6 +76,22 @@ const Button = ({ children, variant = "primary", className, ...props }) => {
76
76
  });
77
77
  };
78
78
 
79
+ //#endregion
80
+ //#region src/components/buttons/button-small.tsx
81
+ const ButtonSmall = ({ children, variant = "primary", className, ...props }) => {
82
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
83
+ type: "button",
84
+ className: [
85
+ "alien-button",
86
+ "alien-button-small",
87
+ `alien-button-${variant}`,
88
+ className
89
+ ].filter(Boolean).join(" "),
90
+ ...props,
91
+ children
92
+ });
93
+ };
94
+
79
95
  //#endregion
80
96
  //#region src/components/buttons/index.tsx
81
97
  const PrimaryButton = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
@@ -94,6 +110,22 @@ const TintedButton = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Butto
94
110
  ...props,
95
111
  variant: "tinted"
96
112
  });
113
+ const PrimaryButtonSmall = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonSmall, {
114
+ ...props,
115
+ variant: "primary"
116
+ });
117
+ const SecondaryButtonSmall = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonSmall, {
118
+ ...props,
119
+ variant: "secondary"
120
+ });
121
+ const TertiaryButtonSmall = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonSmall, {
122
+ ...props,
123
+ variant: "tertiary"
124
+ });
125
+ const TintedButtonSmall = (props) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonSmall, {
126
+ ...props,
127
+ variant: "tinted"
128
+ });
97
129
 
98
130
  //#endregion
99
131
  //#region src/helpers/cn.ts
@@ -434,10 +466,15 @@ function Input({ className, type, ...props }) {
434
466
  //#endregion
435
467
  exports.BottomSheet = BottomSheet;
436
468
  exports.Button = Button;
469
+ exports.ButtonSmall = ButtonSmall;
437
470
  exports.FloatingLabelInput = FloatingLabelInput;
438
471
  exports.Input = Input;
439
472
  exports.PriceChart = PriceChart;
440
473
  exports.PrimaryButton = PrimaryButton;
474
+ exports.PrimaryButtonSmall = PrimaryButtonSmall;
441
475
  exports.SecondaryButton = SecondaryButton;
476
+ exports.SecondaryButtonSmall = SecondaryButtonSmall;
442
477
  exports.TertiaryButton = TertiaryButton;
443
- exports.TintedButton = TintedButton;
478
+ exports.TertiaryButtonSmall = TertiaryButtonSmall;
479
+ exports.TintedButton = TintedButton;
480
+ 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
@@ -47,6 +47,22 @@ const Button = ({ children, variant = "primary", className, ...props }) => {
47
47
  });
48
48
  };
49
49
 
50
+ //#endregion
51
+ //#region src/components/buttons/button-small.tsx
52
+ const ButtonSmall = ({ children, variant = "primary", className, ...props }) => {
53
+ return /* @__PURE__ */ jsx("button", {
54
+ type: "button",
55
+ className: [
56
+ "alien-button",
57
+ "alien-button-small",
58
+ `alien-button-${variant}`,
59
+ className
60
+ ].filter(Boolean).join(" "),
61
+ ...props,
62
+ children
63
+ });
64
+ };
65
+
50
66
  //#endregion
51
67
  //#region src/components/buttons/index.tsx
52
68
  const PrimaryButton = (props) => /* @__PURE__ */ jsx(Button, {
@@ -65,6 +81,22 @@ const TintedButton = (props) => /* @__PURE__ */ jsx(Button, {
65
81
  ...props,
66
82
  variant: "tinted"
67
83
  });
84
+ const PrimaryButtonSmall = (props) => /* @__PURE__ */ jsx(ButtonSmall, {
85
+ ...props,
86
+ variant: "primary"
87
+ });
88
+ const SecondaryButtonSmall = (props) => /* @__PURE__ */ jsx(ButtonSmall, {
89
+ ...props,
90
+ variant: "secondary"
91
+ });
92
+ const TertiaryButtonSmall = (props) => /* @__PURE__ */ jsx(ButtonSmall, {
93
+ ...props,
94
+ variant: "tertiary"
95
+ });
96
+ const TintedButtonSmall = (props) => /* @__PURE__ */ jsx(ButtonSmall, {
97
+ ...props,
98
+ variant: "tinted"
99
+ });
68
100
 
69
101
  //#endregion
70
102
  //#region src/helpers/cn.ts
@@ -403,4 +435,4 @@ function Input({ className, type, ...props }) {
403
435
  }
404
436
 
405
437
  //#endregion
406
- export { BottomSheet, Button, FloatingLabelInput, Input, PriceChart, PrimaryButton, SecondaryButton, TertiaryButton, TintedButton };
438
+ 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.4",
4
4
  "type": "module",
5
5
  "main": "./dist/index.cjs",
6
6
  "module": "./dist/index.mjs",