@ttoss/ui 1.12.1 → 1.13.1

package/dist/esm/index.js

@@ -163,6 +163,9 @@ var Button_default = Button;
 // src/components/Card/Card.tsx
 import { Card } from "@theme-ui/components";
 
+// src/components/Divider/Divider.tsx
+import { Divider, DividerProps } from "@theme-ui/components";
+
 // src/components/Flex/Flex.tsx
 import { Flex } from "@theme-ui/components";
 
@@ -198,6 +201,9 @@ var FormField = ({ children, label, error }) => {
 };
 var FormField_default = FormField;
 
+// src/components/Heading/Heading.tsx
+import { Heading, HeadingProps } from "@theme-ui/components";
+
 // src/components/Image/Image.tsx
 import { Image } from "@theme-ui/components";
 
@@ -214,8 +220,12 @@ export {
   Box,
   Button_default as Button,
   Card,
+  Divider,
+  DividerProps,
   Flex,
   FormField_default as FormField,
+  Heading,
+  HeadingProps,
   Image,
   Input,
   LinearProgress,

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export { Themed } from '@theme-ui/mdx';
 import * as React from 'react';
 import * as _theme_ui_components from '@theme-ui/components';
 import { ButtonProps, ProgressProps } from '@theme-ui/components';
-export { Box, BoxProps, ButtonProps, Card, CardProps, Flex, FlexProps, Image, ImageProps, Input, InputProps, Link, LinkProps, Text, TextProps } from '@theme-ui/components';
+export { Box, BoxProps, ButtonProps, Card, CardProps, Divider, DividerProps, Flex, FlexProps, Heading, HeadingProps, Image, ImageProps, Input, InputProps, Link, LinkProps, Text, TextProps } from '@theme-ui/components';
 
 declare type ThemeProviderProps = {
     children?: React.ReactNode;

package/dist/index.js

@@ -42,13 +42,17 @@ __export(src_exports, {
   Box: () => import_components.Box,
   Button: () => Button_default,
   Card: () => import_components3.Card,
-  Flex: () => import_components4.Flex,
+  Divider: () => import_components4.Divider,
+  DividerProps: () => import_components4.DividerProps,
+  Flex: () => import_components5.Flex,
   FormField: () => FormField_default,
-  Image: () => import_components7.Image,
-  Input: () => import_components8.Input,
+  Heading: () => import_components8.Heading,
+  HeadingProps: () => import_components8.HeadingProps,
+  Image: () => import_components9.Image,
+  Input: () => import_components10.Input,
   LinearProgress: () => LinearProgress,
-  Link: () => import_components9.Link,
-  Text: () => import_components6.Text,
+  Link: () => import_components11.Link,
+  Text: () => import_components7.Text,
   ThemeProvider: () => ThemeProvider_default,
   Themed: () => import_mdx.Themed,
   color: () => color,
@@ -203,17 +207,20 @@ var Button_default = Button;
 // src/components/Card/Card.tsx
 var import_components3 = require("@theme-ui/components");
 
-// src/components/Flex/Flex.tsx
+// src/components/Divider/Divider.tsx
 var import_components4 = require("@theme-ui/components");
 
+// src/components/Flex/Flex.tsx
+var import_components5 = require("@theme-ui/components");
+
 // src/components/FormField/FormField.tsx
 var React3 = __toESM(require("react"));
 
 // src/components/Label/Label.tsx
-var import_components5 = require("@theme-ui/components");
+var import_components6 = require("@theme-ui/components");
 
 // src/components/Text/Text.tsx
-var import_components6 = require("@theme-ui/components");
+var import_components7 = require("@theme-ui/components");
 
 // src/components/FormField/FormField.tsx
 var FormField = ({ children, label, error }) => {
@@ -226,11 +233,11 @@ var FormField = ({ children, label, error }) => {
     }
     return [];
   })();
-  return /* @__PURE__ */ React3.createElement(import_components.Box, null, /* @__PURE__ */ React3.createElement(import_components5.Label, {
+  return /* @__PURE__ */ React3.createElement(import_components.Box, null, /* @__PURE__ */ React3.createElement(import_components6.Label, {
     sx: { display: "flex", flexDirection: "column" }
-  }, label && /* @__PURE__ */ React3.createElement(import_components6.Text, {
+  }, label && /* @__PURE__ */ React3.createElement(import_components7.Text, {
     as: "span"
-  }, label), children), errorAsArray.map((err) => /* @__PURE__ */ React3.createElement(import_components6.Text, {
+  }, label), children), errorAsArray.map((err) => /* @__PURE__ */ React3.createElement(import_components7.Text, {
     key: err,
     as: "span",
     variant: "error"
@@ -238,25 +245,32 @@ var FormField = ({ children, label, error }) => {
 };
 var FormField_default = FormField;
 
+// src/components/Heading/Heading.tsx
+var import_components8 = require("@theme-ui/components");
+
 // src/components/Image/Image.tsx
-var import_components7 = require("@theme-ui/components");
+var import_components9 = require("@theme-ui/components");
 
 // src/components/Input/Input.tsx
-var import_components8 = require("@theme-ui/components");
+var import_components10 = require("@theme-ui/components");
 
 // src/components/Link/Link.tsx
-var import_components9 = require("@theme-ui/components");
+var import_components11 = require("@theme-ui/components");
 
 // src/components/LinearProgress/LinearProgress.tsx
-var import_components10 = require("@theme-ui/components");
-var LinearProgress = import_components10.Progress;
+var import_components12 = require("@theme-ui/components");
+var LinearProgress = import_components12.Progress;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Box,
   Button,
   Card,
+  Divider,
+  DividerProps,
   Flex,
   FormField,
+  Heading,
+  HeadingProps,
   Image,
   Input,
   LinearProgress,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "1.12.1",
+  "version": "1.13.1",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -44,8 +44,8 @@
     "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@ttoss/config": "^1.12.1",
-    "@ttoss/test-utils": "^1.12.1"
+    "@ttoss/config": "^1.13.1",
+    "@ttoss/test-utils": "^1.13.1"
   },
-  "gitHead": "1236f19e0efc3ed37df87f1bbfd21776b6b5d697"
+  "gitHead": "d3e20aa1e79b71ffe43423bdd954929b677ff661"
 }

package/src/components/Divider/Divider.tsx

@@ -0,0 +1 @@
+export { Divider, DividerProps } from '@theme-ui/components';

package/src/components/Heading/Heading.tsx

@@ -0,0 +1 @@
+export { Heading, HeadingProps } from '@theme-ui/components';

package/src/index.spec.tsx

@@ -4,4 +4,6 @@ test('should export methods', () => {
   expect(uiModule.useBreakpointIndex).toBeDefined();
   expect(uiModule.useResponsiveValue).toBeDefined();
   expect(uiModule.useTheme).toBeDefined();
+
+  expect(uiModule.Divider).toBeDefined();
 });

package/src/index.ts

@@ -13,11 +13,13 @@ export { useTheme } from './theme/useTheme';
 export { default as Box, BoxProps } from './components/Box/Box';
 export { default as Button, ButtonProps } from './components/Button/Button';
 export { default as Card, CardProps } from './components/Card/Card';
+export { Divider, DividerProps } from './components/Divider/Divider';
 export { default as Flex, FlexProps } from './components/Flex/Flex';
 export {
   default as FormField,
   FormFieldProps,
 } from './components/FormField/FormField';
+export { Heading, HeadingProps } from './components/Heading/Heading';
 export { default as Image, ImageProps } from './components/Image/Image';
 export { default as Input, InputProps } from './components/Input/Input';
 export { default as Link, LinkProps } from './components/Link/Link';