@firecms/ui 3.0.0-canary.14 → 3.0.0-canary.140

package/dist/components/Typography.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactEventHandler } from "react";
-export type TextProps<C extends React.ElementType> = {
+export type TypographyVariant = keyof typeof typographyVariants;
+export type TypographyProps<C extends React.ElementType = "span"> = {
     align?: "center" | "inherit" | "justify" | "left" | "right";
     children?: React.ReactNode;
     className?: string;
@@ -7,7 +8,7 @@ export type TextProps<C extends React.ElementType> = {
     gutterBottom?: boolean;
     noWrap?: boolean;
     paragraph?: boolean;
-    variant?: keyof typeof defaultVariantMapping;
+    variant?: TypographyVariant;
     variantMapping?: {
         [key: string]: string;
     };
@@ -15,7 +16,7 @@ export type TextProps<C extends React.ElementType> = {
     onClick?: ReactEventHandler<HTMLElement>;
     style?: React.CSSProperties;
 } & React.ComponentPropsWithoutRef<C>;
-declare const defaultVariantMapping: {
+declare const typographyVariants: {
     h1: string;
     h2: string;
     h3: string;
@@ -31,5 +32,5 @@ declare const defaultVariantMapping: {
     caption: string;
     button: string;
 };
-export declare function Typography<C extends React.ElementType>({ align, color, children, className, component, gutterBottom, noWrap, paragraph, variant, variantMapping, style, onClick, ...other }: TextProps<C>): import("react/jsx-runtime").JSX.Element;
+export declare function Typography<C extends React.ElementType = "span">({ align, color, children, className, component, gutterBottom, noWrap, paragraph, variant, variantMapping, style, onClick, ...other }: TypographyProps<C>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/index.d.ts

@@ -15,6 +15,7 @@ export * from "./DateTimeField";
 export * from "./Dialog";
 export * from "./DialogActions";
 export * from "./DialogContent";
+export * from "./DialogTitle";
 export * from "./ExpandablePanel";
 export * from "./FileUpload";
 export * from "./IconButton";
@@ -24,14 +25,15 @@ export * from "./Label";
 export * from "./LoadingButton";
 export * from "./Markdown";
 export * from "./Menu";
+export * from "./Menubar";
 export * from "./MultiSelect";
 export * from "./Paper";
 export * from "./RadioGroup";
 export * from "./SearchBar";
 export * from "./Select";
 export * from "./Separator";
+export * from "./Slider";
 export * from "./Sheet";
-export * from "./Spinner";
 export * from "./TextareaAutosize";
 export * from "./TextField";
 export * from "./Tooltip";

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./useInjectStyles";
+export * from "./useOutsideAlerter";
+export * from "./useDebounceValue";

package/dist/icons/Icon.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import "@material-design-icons/font/filled.css";
+import 'material-icons/iconfont/filled.css';
 export type IconColor = "inherit" | "primary" | "secondary" | "disabled" | "error" | "success" | "warning";
 export type IconProps = {
     size?: "smallest" | "small" | "medium" | "large" | number;
@@ -8,6 +8,6 @@ export type IconProps = {
     onClick?: (e: React.SyntheticEvent) => void;
     style?: React.CSSProperties;
 };
-export declare function Icon({ iconKey, size, color, className, onClick, style }: IconProps & {
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & {
     iconKey: string;
-}): import("react/jsx-runtime").JSX.Element;
+} & React.RefAttributes<HTMLSpanElement>>;

package/dist/index.css

@@ -0,0 +1,73 @@
+/* Chrome, Safari and Opera */
+.no-scrollbar::-webkit-scrollbar {
+    display: none;
+}
+
+.no-scrollbar {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+}
+
+.typography-h1 {
+    @apply text-6xl font-headers font-light;
+}
+
+.typography-h2 {
+    @apply text-5xl font-headers font-light;
+}
+
+.typography-h3 {
+    @apply text-4xl font-headers font-normal;
+}
+
+.typography-h4 {
+    @apply text-3xl font-headers font-normal;
+}
+
+.typography-h5 {
+    @apply text-2xl font-headers font-normal;
+}
+
+.typography-h6 {
+    @apply text-xl font-headers font-medium;
+}
+
+.typography-subtitle1 {
+    @apply text-lg font-headers font-medium;
+}
+
+.typography-subtitle2 {
+    @apply text-base font-headers font-medium;
+}
+
+.typography-body1 {
+}
+
+.typography-body2 {
+    @apply text-sm;
+}
+
+.typography-caption {
+    @apply text-xs;
+}
+
+.typography-label {
+    @apply text-sm font-medium;
+}
+
+.typography-inherit {
+    @apply text-inherit;
+}
+
+.typography-button {
+    @apply text-sm font-semibold uppercase;
+}
+
+
+:focus-visible {
+    @apply outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-transparent
+}
+
+a {
+    @apply text-blue-600 dark:text-blue-400 dark:hover:text-blue-600 hover:text-blue-800
+}

package/dist/index.d.ts

@@ -2,3 +2,4 @@ export * from "./components";
 export * from "./styles";
 export * from "./util";
 export * from "./icons";
+export * from "./hooks";