@redsift/design-system 10.3.0-alpha.6 → 10.3.0-alpha.7

package/index.d.ts

@@ -2693,6 +2693,16 @@ type HeadingComponent = ValueOf<typeof HeadingComponent>;
 interface HeadingProps extends ComponentProps<'span'>, StylingProps {
     /** The actual component rendered in the DOM. */
     as: HeadingComponent;
+    /** Color variant. Either from color palette or hex or rgb strings. */
+    color?: NotificationsColorPalette | NeutralColorPalette | (string & {});
+    /** Font family. */
+    fontFamily?: FontFamily;
+    /** Font size. */
+    fontSize?: string;
+    /** Font weight. */
+    fontWeight?: string;
+    /** Line height. */
+    lineHeight?: string;
     /** Whether the text will truncate with a text overflow ellipsis or wrap. */
     noWrap?: boolean;
     /** Theme. */
@@ -2701,9 +2711,14 @@ interface HeadingProps extends ComponentProps<'span'>, StylingProps {
     variant?: HeadingVariant;
 }
 type StyledHeadingProps = Omit<HeadingProps, 'color' | 'noWrap'> & {
+    $color: HeadingProps['color'];
+    $fontFamily?: HeadingProps['fontFamily'];
+    $fontSize: HeadingProps['fontSize'];
+    $fontWeight: HeadingProps['fontWeight'];
+    $lineHeight: HeadingProps['lineHeight'];
     $noWrap: HeadingProps['noWrap'];
-    $variant: HeadingProps['variant'];
     $theme: HeadingProps['theme'];
+    $variant: HeadingProps['variant'];
 };
 
 /**
@@ -3720,7 +3735,7 @@ interface NumberFormatOptions$1 {
 /**
  * Component props.
  */
-interface NumberProps extends Omit<TextProps, 'fontFamily'> {
+interface NumberProps extends TextProps {
     /** Value. */
     value: number;
     /** The formatting style to use. */
@@ -3768,7 +3783,9 @@ interface NumberProps extends Omit<TextProps, 'fontFamily'> {
 }
 type StyledNumberProps = Omit<NumberProps, 'as' | 'color' | 'fontFamily' | 'fontSize' | 'value' | 'variant'> & {
     $color: NumberProps['color'];
+    $fontFamily: NumberProps['fontFamily'];
     $fontSize: NumberProps['fontSize'];
+    $fontWeight: NumberProps['fontWeight'];
     $variant: NumberProps['variant'];
     $theme: NumberProps['theme'];
 };