@layerfi/components 0.1.102-alpha.1 → 0.1.102-alpha.2

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.
package/dist/index.css CHANGED
@@ -3217,7 +3217,10 @@
3217
3217
  padding: var(--spacing-2xs);
3218
3218
  color: var(--label-color);
3219
3219
  }
3220
- .Layer__amount-input {
3220
+ .Layer__amount-input--align-left {
3221
+ text-align: left;
3222
+ }
3223
+ .Layer__amount-input--align-right {
3221
3224
  text-align: right;
3222
3225
  }
3223
3226
  .Layer__textarea {
@@ -5416,7 +5419,6 @@ tbody .Layer__table__empty-row:first-child {
5416
5419
  white-space: nowrap;
5417
5420
  overflow: hidden;
5418
5421
  text-overflow: ellipsis;
5419
- align-content: center;
5420
5422
  width: 100%;
5421
5423
  }
5422
5424
  .Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content--error {
package/dist/index.d.ts CHANGED
@@ -2639,14 +2639,16 @@ declare module '@layerfi/components/components/IconBox/index' {
2639
2639
 
2640
2640
  }
2641
2641
  declare module '@layerfi/components/components/Input/AmountInput' {
2642
+ import { type ReactNode } from 'react';
2642
2643
  import { CurrencyInputProps } from 'react-currency-input-field';
2643
2644
  export interface AmountInputProps extends Omit<CurrencyInputProps, 'onChange'> {
2644
2645
  onChange?: (value?: string) => void;
2645
2646
  isInvalid?: boolean;
2646
2647
  errorMessage?: string;
2647
2648
  leftText?: string;
2649
+ badge?: ReactNode;
2648
2650
  }
2649
- export const AmountInput: ({ onChange, className, leftText, errorMessage, isInvalid, placeholder, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
2651
+ export const AmountInput: ({ onChange, className, leftText, errorMessage, isInvalid, badge, placeholder, ...props }: AmountInputProps) => import("react/jsx-runtime").JSX.Element;
2650
2652
 
2651
2653
  }
2652
2654
  declare module '@layerfi/components/components/Input/BusinessTypeSelect' {
@@ -4919,8 +4921,34 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
4919
4921
  slot?: string;
4920
4922
  className?: string;
4921
4923
  }>;
4922
- export function VStack(props: StackProps): import("react/jsx-runtime").JSX.Element;
4923
- export function HStack(props: StackProps): import("react/jsx-runtime").JSX.Element;
4924
+ export const VStack: import("react").ForwardRefExoticComponent<{
4925
+ align?: "start" | "center";
4926
+ gap?: Spacing;
4927
+ justify?: "start" | "center" | "end";
4928
+ pbs?: Spacing;
4929
+ pbe?: Spacing;
4930
+ pis?: Spacing;
4931
+ pie?: Spacing;
4932
+ fluid?: boolean;
4933
+ slot?: string;
4934
+ className?: string;
4935
+ } & {
4936
+ children?: import("react").ReactNode | undefined;
4937
+ } & import("react").RefAttributes<HTMLDivElement>>;
4938
+ export const HStack: import("react").ForwardRefExoticComponent<{
4939
+ align?: "start" | "center";
4940
+ gap?: Spacing;
4941
+ justify?: "start" | "center" | "end";
4942
+ pbs?: Spacing;
4943
+ pbe?: Spacing;
4944
+ pis?: Spacing;
4945
+ pie?: Spacing;
4946
+ fluid?: boolean;
4947
+ slot?: string;
4948
+ className?: string;
4949
+ } & {
4950
+ children?: import("react").ReactNode | undefined;
4951
+ } & import("react").RefAttributes<HTMLDivElement>>;
4924
4952
  export const Spacer: () => import("react/jsx-runtime").JSX.Element;
4925
4953
 
4926
4954
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@layerfi/components",
3
- "version": "0.1.102-alpha.1",
3
+ "version": "0.1.102-alpha.2",
4
4
  "description": "Layer React Components",
5
5
  "main": "dist/cjs/index.cjs",
6
6
  "module": "dist/esm/index.mjs",