@carrier-dpx/air-react-library 0.4.0 → 0.6.0

package/src/components/theme/constants/styleTokens.ts

@@ -1,6 +1,42 @@
+import { Theme } from "@mui/material";
+
 export const styleTokens = {
   borderRadius: {
+    small: "2px",
+    medium: "4px",
     large: "8px",
-    circular: "50%",
+    xlarge: "10px",
+    none: "0px",
+    circular: "999px",
   },
+  border: {
+    standard: (theme: Theme) =>
+      `1px solid ${theme.palette.base?.filledInput.outlinedBorder}`,
+    divider: (theme: Theme) => `1px solid ${theme.palette.base?.divider}`,
+  },
+  padding: {
+    none: "0px",
+    xsmall: "8px",
+    small: "10px",
+    medium: "12px",
+    large: "14px",
+    xlarge: "16px",
+  },
+
+  margin: {
+    none: "0px",
+    xsmall: "8px",
+    small: "10px",
+    medium: "12px",
+    large: "16px",
+    xlarge: "20px",
+  },
+  height: {
+    large: "20px",
+    xlarge: "24px",
+  },
+  paddingTop: {
+    large: "18px",
+  },
+  paddingItem: "4px",
 };

package/src/components/types/common.ts

@@ -0,0 +1,5 @@
+import { Theme } from "@mui/material/styles";
+
+export interface StyledComponentDefaultProps {
+  theme: Theme;
+}

package/src/components/types/props.ts

@@ -0,0 +1,6 @@
+import { SxProps, Theme } from "@mui/material/styles";
+
+export interface StylesExtendable {
+  sx?: SxProps<Theme>;
+  className?: string;
+}

package/src/index.ts

@@ -4,4 +4,12 @@ export { default as Typography } from "./components/Typography";
 export type { TypographyProps } from "./components/Typography";
 export { default as TextField } from "./components/TextField";
 export type { TextFieldProps, TextFieldInputProps } from "./components/TextField";
+export { default as Link } from "./components/Link";
+export type { LinkProps } from "./components/Link";
+export { default as Divider } from "./components/Divider";
+export type { DividerProps } from "./components/Divider";
+export { default as Copyright } from "./components/Copyright";
+export type { CopyrightProps } from "./components/Copyright";
+export { default as Icon } from "./components/Icon";
+export type { IconProps } from "./components/Icon";
 export * from "./components/theme";