@gusarov-studio/rubik-ui 2.2.0 → 2.4.0

package/dist/Box/Box.d.ts

@@ -1,28 +1,35 @@
 import React from "react";
 import "./Box.scss";
-type SpacingValue = "spacing-none" | "spacing-xxs" | "spacing-xs" | "spacing-sm" | "spacing-md" | "spacing-lg" | "spacing-xl" | "spacing-2xl" | "spacing-3xl" | "spacing-4xl" | "spacing-5xl" | "spacing-6xl" | "spacing-7xl" | "spacing-8xl" | "spacing-9xl" | "spacing-10xl" | "spacing-11xl";
-interface SpacingProps {
-    margin?: SpacingValue;
-    marginTop?: SpacingValue;
-    marginRight?: SpacingValue;
-    marginBottom?: SpacingValue;
-    marginLeft?: SpacingValue;
-    padding?: SpacingValue;
-    paddingTop?: SpacingValue;
-    paddingRight?: SpacingValue;
-    paddingBottom?: SpacingValue;
-    paddingLeft?: SpacingValue;
+import type { CSSUnit } from "../types/CSSUnit";
+type SingleValue = CSSUnit | "0" | `calc(${string})`;
+type MultiValue<T extends string> = T | `${T} ${T}` | `${T} ${T} ${T}` | `${T} ${T} ${T} ${T}`;
+type StyleSingleValue = SingleValue | number;
+type StyleMultiValue = MultiValue<SingleValue> | number;
+interface StyleProps {
+    margin?: StyleMultiValue;
+    marginTop?: StyleSingleValue;
+    marginRight?: StyleSingleValue;
+    marginBottom?: StyleSingleValue;
+    marginLeft?: StyleSingleValue;
+    padding?: StyleMultiValue;
+    paddingTop?: StyleSingleValue;
+    paddingRight?: StyleSingleValue;
+    paddingBottom?: StyleSingleValue;
+    paddingLeft?: StyleSingleValue;
+    radius?: StyleMultiValue;
+    radiusTopLeft?: StyleSingleValue;
+    radiusTopRight?: StyleSingleValue;
+    radiusBottomRight?: StyleSingleValue;
+    radiusBottomLeft?: StyleSingleValue;
+    borderWidth?: StyleMultiValue;
+    borderTopWidth?: StyleSingleValue;
+    borderRightWidth?: StyleSingleValue;
+    borderBottomWidth?: StyleSingleValue;
+    borderLeftWidth?: StyleSingleValue;
 }
-interface BoxProps extends React.PropsWithChildren, SpacingProps {
+interface BoxProps extends React.HTMLAttributes<HTMLDivElement>, StyleProps {
+    variant?: "transparent" | "primary" | "secondary";
     className?: string;
-    breakpoints?: {
-        xs?: SpacingProps;
-        sm?: SpacingProps;
-        md?: SpacingProps;
-        lg?: SpacingProps;
-        xl?: SpacingProps;
-        xxl?: SpacingProps;
-    };
 }
-declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
-export { Box };
+declare const Box: React.MemoExoticComponent<React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>>;
+export { Box, type BoxProps, type StyleProps };

package/dist/Box/utils/generateStyles.d.ts

@@ -0,0 +1,5 @@
+import type { StyleProps } from "../Box";
+declare const generateStyles: (props: StyleProps) => {
+    styles: Record<string, string | number>;
+};
+export { generateStyles };

package/dist/Box/utils/isValidSize.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Box/utils/isValisSize.d.ts

@@ -0,0 +1,2 @@
+declare const isValidSize: (value: string) => boolean;
+export { isValidSize };

package/dist/Box/utils/parseValue.d.ts

@@ -0,0 +1,12 @@
+declare const parseValue: (value: string | number) => {
+    top: string;
+    right: string;
+    bottom: string;
+    left: string;
+} | {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export { parseValue };

package/dist/Box/utils/parseValue.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Box/utils/processValue.d.ts

@@ -0,0 +1,70 @@
+declare const processValue: (key: string, value: string | number) => {
+    marginTop: string | number;
+    marginRight: string | number;
+    marginBottom: string | number;
+    marginLeft: string | number;
+    paddingTop?: undefined;
+    paddingRight?: undefined;
+    paddingBottom?: undefined;
+    paddingLeft?: undefined;
+    borderTopLeftRadius?: undefined;
+    borderTopRightRadius?: undefined;
+    borderBottomRightRadius?: undefined;
+    borderBottomLeftRadius?: undefined;
+    borderTopWidth?: undefined;
+    borderRightWidth?: undefined;
+    borderBottomWidth?: undefined;
+    borderLeftWidth?: undefined;
+} | {
+    paddingTop: string | number;
+    paddingRight: string | number;
+    paddingBottom: string | number;
+    paddingLeft: string | number;
+    marginTop?: undefined;
+    marginRight?: undefined;
+    marginBottom?: undefined;
+    marginLeft?: undefined;
+    borderTopLeftRadius?: undefined;
+    borderTopRightRadius?: undefined;
+    borderBottomRightRadius?: undefined;
+    borderBottomLeftRadius?: undefined;
+    borderTopWidth?: undefined;
+    borderRightWidth?: undefined;
+    borderBottomWidth?: undefined;
+    borderLeftWidth?: undefined;
+} | {
+    borderTopLeftRadius: string | number;
+    borderTopRightRadius: string | number;
+    borderBottomRightRadius: string | number;
+    borderBottomLeftRadius: string | number;
+    marginTop?: undefined;
+    marginRight?: undefined;
+    marginBottom?: undefined;
+    marginLeft?: undefined;
+    paddingTop?: undefined;
+    paddingRight?: undefined;
+    paddingBottom?: undefined;
+    paddingLeft?: undefined;
+    borderTopWidth?: undefined;
+    borderRightWidth?: undefined;
+    borderBottomWidth?: undefined;
+    borderLeftWidth?: undefined;
+} | {
+    borderTopWidth: string | number;
+    borderRightWidth: string | number;
+    borderBottomWidth: string | number;
+    borderLeftWidth: string | number;
+    marginTop?: undefined;
+    marginRight?: undefined;
+    marginBottom?: undefined;
+    marginLeft?: undefined;
+    paddingTop?: undefined;
+    paddingRight?: undefined;
+    paddingBottom?: undefined;
+    paddingLeft?: undefined;
+    borderTopLeftRadius?: undefined;
+    borderTopRightRadius?: undefined;
+    borderBottomRightRadius?: undefined;
+    borderBottomLeftRadius?: undefined;
+} | undefined;
+export { processValue };

package/dist/Box/utils/processValue.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Clickable/Clickable.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import "./Clickable.scss";
 interface ClickableProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    onClick: (e?: React.SyntheticEvent<unknown>) => void;
+    onClick?: (e?: React.MouseEvent<HTMLAnchorElement>) => void;
     displayType?: "block" | "inline";
 }
 declare const Clickable: React.ForwardRefExoticComponent<ClickableProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/Stack/Stack.d.ts

@@ -1,11 +1,15 @@
 import React from "react";
-import "./index.scss";
-type Gap = "none" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl";
+import "./Stack.scss";
+import type { CSSUnit } from "../types/CSSUnit";
+type GapProperty = CSSUnit | `${number} ` | `calc(${string})` | number;
 interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
-    gap: Gap;
-    direction?: "horizontal" | "vertical";
+    direction?: "row" | "row-reverse" | "column" | "column-reverse";
+    spacing?: GapProperty;
+    alignItems?: "start" | "center" | "end" | "stretch" | "baseline";
+    justifyContent?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
+    wrap?: boolean;
     as?: React.ElementType;
-    className?: string;
+    children: React.ReactNode;
 }
 declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
-export { Stack };
+export { Stack, type StackProps };