enefit-design-system 0.0.8 → 0.0.11

package/dist/breakpoints.css

@@ -0,0 +1,6 @@
+@custom-media --xs (min-width: 320px);
+@custom-media --sm (min-width: 360px);
+@custom-media --md (min-width: 768px);
+@custom-media --lg (min-width: 1024px);
+@custom-media --xl (min-width: 1152px);
+@custom-media --2xl (min-width: 1680px);

package/dist/index.d.ts

@@ -3,12 +3,13 @@
 import { JSX as JSX_2 } from 'react';
 import { ReactNode } from 'react';
 import { SVGProps } from 'react';
+import { default as tailwind } from '../output/variables/tailwind.json';
 
 export declare function Heading({ variant, as, className, children, ...props }: {
     variant: 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'leadtext' | 'subheadline';
     as?: React.ElementType;
     className?: string;
-    children: ReactNode;
+    children?: ReactNode;
     [key: string]: any;
 }): JSX_2.Element;
 
@@ -1574,19 +1575,21 @@ export declare function Label({ size, weight, className, children, ...props }: {
     size?: 'tiny' | 'small' | 'default' | 'large';
     weight?: 400 | 600;
     className?: string;
-    children: ReactNode;
+    children?: ReactNode;
     [key: string]: any;
 }): JSX_2.Element;
 
+export { tailwind }
+
 declare function Text_2({ variant, size, weight, italic, underline, as, className, children, ...props }: {
     variant?: 'p' | 'line';
     size?: 'tiny' | 'small' | 'default' | 'large';
-    weight?: 400 | 600;
+    weight?: 400 | 600 | '400' | '600';
     italic?: boolean;
     underline?: boolean;
     as?: React.ElementType;
     className?: string;
-    children: ReactNode;
+    children?: ReactNode;
     [key: string]: any;
 }): JSX_2.Element;
 export { Text_2 as Text }