Support as label for text

near · Jul 31, 2024 · fbd5573 · fbd5573
1 parent 364fe96
commit fbd5573
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@near-pagoda/ui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "A React component library that implements the official NEAR design system.",
   "license": "MIT",
   "repository": {

diff --git a/src/components/Text.tsx b/src/components/Text.tsx
@@ -3,7 +3,7 @@ import { CSSProperties, ReactNode } from 'react';
 import { ThemeColor, ThemeFontSize } from '../utils/types';
 import s from './Text.module.scss';
 
-type Tag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+type Tag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label';
 
 const defaultSizes: Record<Tag, ThemeFontSize> = {
   h1: 'text-3xl',
@@ -14,10 +14,11 @@ const defaultSizes: Record<Tag, ThemeFontSize> = {
   h6: 'text-s',
   p: 'text-base',
   span: 'text-base',
+  label: 'text-base',
 };
 
 type Props = {
-  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+  as?: Tag;
   children: ReactNode;
   clampLines?: number;
   className?: string;