@ttoss/ui 1.31.5 → 1.31.6

package/dist/esm/index.js

@@ -248,4 +248,19 @@ import { Textarea } from "theme-ui";
 
 // src/components/Container.tsx
 import { Container } from "theme-ui";
-export { Badge, BaseStyles, Box, Button, Card, Checkbox, Container, Divider, Flex, Grid, Heading, Icon, IconButton, Image, InfiniteLinearProgress, Input, Label, Progress as LinearProgress, Link, Radio, Select, Slider, Spinner, Text, Textarea, ThemeProvider, useBreakpointIndex, useResponsiveValue, useTheme };
+
+// src/components/HelpText.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+var HelpText = ({
+  disabled,
+  negative,
+  ...props
+}) => {
+  const variant = ["text.help", negative ? "negative" : void 0].filter(Boolean).join(".");
+  return /* @__PURE__ */jsx7(Text, {
+    variant,
+    "aria-disabled": disabled ? "true" : void 0,
+    ...props
+  });
+};
+export { Badge, BaseStyles, Box, Button, Card, Checkbox, Container, Divider, Flex, Grid, Heading, HelpText, Icon, IconButton, Image, InfiniteLinearProgress, Input, Label, Progress as LinearProgress, Link, Radio, Select, Slider, Spinner, Text, Textarea, ThemeProvider, useBreakpointIndex, useResponsiveValue, useTheme };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as theme_ui from 'theme-ui';
-import { Theme, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, InputProps as InputProps$1 } from 'theme-ui';
+import { Theme, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, InputProps as InputProps$1, TextProps } from 'theme-ui';
 export { BaseStyles, Box, BoxProps, Card, CardProps, Checkbox, CheckboxProps, Container, ContainerProps, Divider, DividerProps, Flex, FlexProps, Grid, GridProps, Heading, HeadingProps, IconButton, IconButtonProps, Image, ImageProps, Label, LabelProps, Progress as LinearProgress, ProgressProps as LinearProgressProps, Link, LinkProps, Radio, RadioProps, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, Text, TextProps, Textarea, TextareaProps, Theme } from 'theme-ui';
 export { useBreakpointIndex, useResponsiveValue } from '@theme-ui/match-media';
 import * as React from 'react';
@@ -42,4 +42,10 @@ declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "
 
 declare const InfiniteLinearProgress: () => JSX.Element;
 
-export { Badge, BadgeProps, Button, ButtonProps, Icon, IconProps, IconType, InfiniteLinearProgress, Input, InputProps, ThemeProvider, ThemeProviderProps, useTheme };
+type HelpTextProps = Omit<TextProps, 'variant'> & {
+    disabled?: boolean;
+    negative?: boolean;
+};
+declare const HelpText: ({ disabled, negative, ...props }: HelpTextProps) => JSX.Element;
+
+export { Badge, BadgeProps, Button, ButtonProps, HelpText, HelpTextProps, Icon, IconProps, IconType, InfiniteLinearProgress, Input, InputProps, ThemeProvider, ThemeProviderProps, useTheme };

package/dist/index.js

@@ -49,6 +49,7 @@ __export(src_exports, {
   Flex: () => import_theme_ui8.Flex,
   Grid: () => import_theme_ui9.Grid,
   Heading: () => import_theme_ui10.Heading,
+  HelpText: () => HelpText,
   Icon: () => Icon,
   IconButton: () => import_theme_ui20.IconButton,
   Image: () => import_theme_ui11.Image,
@@ -316,6 +317,21 @@ var import_theme_ui23 = require("theme-ui");
 
 // src/components/Container.tsx
 var import_theme_ui24 = require("theme-ui");
+
+// src/components/HelpText.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var HelpText = ({
+  disabled,
+  negative,
+  ...props
+}) => {
+  const variant = ["text.help", negative ? "negative" : void 0].filter(Boolean).join(".");
+  return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_theme_ui16.Text, {
+    variant,
+    "aria-disabled": disabled ? "true" : void 0,
+    ...props
+  });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Badge,
@@ -329,6 +345,7 @@ var import_theme_ui24 = require("theme-ui");
   Flex,
   Grid,
   Heading,
+  HelpText,
   Icon,
   IconButton,
   Image,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/ui",
-  "version": "1.31.5",
+  "version": "1.31.6",
   "description": "Primitive layout, typographic, and other components for styling applications.",
   "license": "UNLICENSED",
   "author": "ttoss",
@@ -24,7 +24,7 @@
     "@emotion/react": "^11.10.6",
     "@iconify-icon/react": "^1.0.7",
     "@theme-ui/match-media": "^0.15.5",
-    "@ttoss/theme": "^1.4.5",
+    "@ttoss/theme": "^1.4.6",
     "theme-ui": "^0.15.5"
   },
   "peerDependencies": {
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "77d124d6e4c2ccd61058c8852789dcd9bc2f527a"
+  "gitHead": "ce34db105b7f475a90660d77b194d6ea33b71960"
 }

package/src/components/HelpText.tsx

@@ -0,0 +1,20 @@
+import { Text, TextProps } from './Text';
+
+export type HelpTextProps = Omit<TextProps, 'variant'> & {
+  disabled?: boolean;
+  negative?: boolean;
+};
+
+export const HelpText = ({ disabled, negative, ...props }: HelpTextProps) => {
+  const variant = ['text.help', negative ? 'negative' : undefined]
+    .filter(Boolean)
+    .join('.');
+
+  return (
+    <Text
+      variant={variant}
+      aria-disabled={disabled ? 'true' : undefined}
+      {...props}
+    />
+  );
+};

package/src/index.ts

@@ -32,3 +32,4 @@ export { Checkbox, type CheckboxProps } from './components/Checkbox';
 export { InfiniteLinearProgress } from './components/InfiniteLinearProgress';
 export { Textarea, type TextareaProps } from './components/Textarea';
 export { Container, type ContainerProps } from './components/Container';
+export { HelpText, type HelpTextProps } from './components/HelpText';