@nuskin/marketing-components 1.28.0 → 1.30.0

package/dist/marketing-banner/components/BannerText.d.ts

@@ -1,6 +1,6 @@
 /**
  * BannerText Sub-Component
- * Renders text content (title, subtitle, bodyText) with responsive styling
+ * Renders text content (header, title, subtitle, bodyText) using the Typography component
  */
 import React from 'react';
 import type { BannerTextProps } from '../types';

package/dist/marketing-banner/components/BannerText.styled.d.ts

@@ -5,27 +5,19 @@ export declare const TextContainer: import("@emotion/styled").StyledComponent<{
 } & {
     textAlignment: TextAlignment;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const HeaderText: import("@emotion/styled").StyledComponent<{
+export declare const HeaderTextWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    fontColor: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const Title: import("@emotion/styled").StyledComponent<{
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    fontColor: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const Subtitle: import("@emotion/styled").StyledComponent<{
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SubtitleWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    fontColor: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const BodyText: import("@emotion/styled").StyledComponent<{
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BodyTextWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    fontColor: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/typography/Typography.styled.d.ts

@@ -55,6 +55,17 @@ export declare const typographyVariants: {
         };
         fontFamily: string;
     };
+    boxquote: {
+        desktop: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        mobile: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        fontFamily: string;
+    };
 };
 /**
  * Common text element styles for rich content
@@ -62,6 +73,7 @@ export declare const typographyVariants: {
  * Can be imported and used in other styled components
  */
 export declare const commonTextStyles = "\n    p {\n        margin: 0;\n        padding: 0;\n        font-size: 16px;\n        line-height: 22px;\n        font-family: 'Inter', sans-serif;\n    }\n\n    @media (max-width: 768px) {\n        p {\n            font-size: 16px;\n            line-height: 22px;\n        }\n    }\n\n    strong, b {\n        font-weight: 600;\n    }\n\n    em, i {\n        font-style: italic;\n    }\n\n    a {\n        color: #008ab0;\n        text-decoration: underline;\n\n        &:hover {\n            opacity: 0.8;\n        }\n    }\n\n    ul, ol {\n        margin: 16px 0;\n        padding-left: 24px;\n    }\n\n    li {\n        margin: 8px 0;\n    }\n";
+export declare const variantToElement: Record<string, string>;
 export declare const TypographyStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

package/dist/typography/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, CSSProperties } from 'react';
-export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'body' | 'disclaimer';
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'body' | 'disclaimer' | 'boxquote';
 export interface TypographyStyledProps {
     variant?: TypographyVariant;
     color?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nuskin/marketing-components",
-    "version": "1.28.0",
+    "version": "1.30.0",
     "description": "A React based component library for marketing components to use with content stack pagebuilding",
     "types": "dist/index.d.ts",
     "main": "dist/index.js",