@gobolt/genesis 0.5.0 → 0.5.1

package/dist/components/Typography/Typography.d.ts

@@ -12,6 +12,8 @@ export interface TypographyProps {
     isFullWidth?: boolean;
     style?: CSSProperties;
     isDisabled?: boolean;
+    fontWeight?: number;
+    fontSize?: string;
 }
-declare const Typography: ({ children, themeType, variant, state, color, isText, isFullWidth, style, isDisabled, ...rest }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+declare const Typography: ({ children, themeType, variant, state, color, isText, isFullWidth, style, fontSize, fontWeight, isDisabled, ...rest }: TypographyProps) => import("react/jsx-runtime").JSX.Element;
 export default Typography;

package/dist/components/Typography/styles.d.ts

@@ -7,6 +7,8 @@ interface TypographyStyledProperties {
     state?: keyof typeof STATE;
     breakpoint?: string;
     color?: string;
+    fontWeight?: number;
+    fontSize?: string;
     $isFullWidth?: boolean;
 }
 export declare const Headline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>, "ref"> & {

package/dist/index.cjs

@@ -59320,13 +59320,15 @@ const getFontFamily = (variant) => {
     ${variant.includes("digits") ? "'Roboto Mono', sans-serif" : "'Inter', sans-serif"} !important;
   `;
 };
-const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 }, $themeType, variant, state, breakpoint, color2, $isFullWidth) => `
+const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 }, $themeType, variant, state, breakpoint, color2, fontSize, fontWeight, $isFullWidth) => `
     &.ant-typography {
       font-family: ${getFontFamily(variant)};
       color: ${getColor(color2, colors2, $themeType)} !important;
       ${getVariant$2(typography2, variant)}
       margin-bottom: 0 !important;
-      width: ${$isFullWidth ? "100%" : "auto"};
+      width: ${"auto"};
+      font-weight: ${fontWeight};
+      font-size: ${fontSize};
       line-height: 1;
        -webkit-font-smoothing: antialiased;
 
@@ -59368,7 +59370,9 @@ const Paragraph = styled(
   state,
   breakpoint,
   color: color2,
-  $isFullWidth
+  $isFullWidth,
+  fontSize,
+  fontWeight
 }) => {
   return getGenesisTypographyClass(
     theme,
@@ -60367,6 +60371,8 @@ const Typography = ({
   isText = false,
   isFullWidth,
   style: style2,
+  fontSize,
+  fontWeight,
   isDisabled,
   ...rest
 }) => {
@@ -60384,6 +60390,8 @@ const Typography = ({
         level: Number.parseInt(level),
         $isFullWidth: isFullWidth,
         style: style2,
+        fontSize,
+        fontWeight,
         disabled: isDisabled,
         ...rest,
         children: children2
@@ -60403,6 +60411,8 @@ const Typography = ({
         $isFullWidth: isFullWidth,
         style: style2,
         disabled: isDisabled,
+        fontSize,
+        fontWeight,
         ...rest,
         children: children2
       }
@@ -60419,6 +60429,8 @@ const Typography = ({
       $isFullWidth: isFullWidth,
       style: style2,
       disabled: isDisabled,
+      fontSize,
+      fontWeight,
       ...rest,
       children: children2
     }

package/dist/index.js

@@ -59302,13 +59302,15 @@ const getFontFamily = (variant) => {
     ${variant.includes("digits") ? "'Roboto Mono', sans-serif" : "'Inter', sans-serif"} !important;
   `;
 };
-const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 }, $themeType, variant, state, breakpoint, color2, $isFullWidth) => `
+const getGenesisTypographyClass = ({ colors: colors2, typography: typography2 }, $themeType, variant, state, breakpoint, color2, fontSize, fontWeight, $isFullWidth) => `
     &.ant-typography {
       font-family: ${getFontFamily(variant)};
       color: ${getColor(color2, colors2, $themeType)} !important;
       ${getVariant$2(typography2, variant)}
       margin-bottom: 0 !important;
-      width: ${$isFullWidth ? "100%" : "auto"};
+      width: ${"auto"};
+      font-weight: ${fontWeight};
+      font-size: ${fontSize};
       line-height: 1;
        -webkit-font-smoothing: antialiased;
 
@@ -59350,7 +59352,9 @@ const Paragraph = styled(
   state,
   breakpoint,
   color: color2,
-  $isFullWidth
+  $isFullWidth,
+  fontSize,
+  fontWeight
 }) => {
   return getGenesisTypographyClass(
     theme,
@@ -60349,6 +60353,8 @@ const Typography = ({
   isText = false,
   isFullWidth,
   style: style2,
+  fontSize,
+  fontWeight,
   isDisabled,
   ...rest
 }) => {
@@ -60366,6 +60372,8 @@ const Typography = ({
         level: Number.parseInt(level),
         $isFullWidth: isFullWidth,
         style: style2,
+        fontSize,
+        fontWeight,
         disabled: isDisabled,
         ...rest,
         children: children2
@@ -60385,6 +60393,8 @@ const Typography = ({
         $isFullWidth: isFullWidth,
         style: style2,
         disabled: isDisabled,
+        fontSize,
+        fontWeight,
         ...rest,
         children: children2
       }
@@ -60401,6 +60411,8 @@ const Typography = ({
       $isFullWidth: isFullWidth,
       style: style2,
       disabled: isDisabled,
+      fontSize,
+      fontWeight,
       ...rest,
       children: children2
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",