@gobolt/genesis 0.6.0 → 0.6.2

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?: keyof GenesisTheme["typography"];
     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

@@ -59296,7 +59296,7 @@ const Avatar$1 = styled(Avatar$2)`
   return getGenesisClass$d(theme, type4, state);
 }}
 `;
-const getVariant$2 = (typography2, variant, breakpoint) => {
+const getVariant$2 = (typography2, variant, breakpoint, fontSize, fontWeight) => {
   const typeClass = typography2["medium"];
   return `
         font-size: ${typeClass}.fontSize}px !important;
@@ -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, $isFullWidth, fontSize, fontWeight) => `
     &.ant-typography {
       font-family: ${getFontFamily(variant)};
       color: ${getColor(color2, colors2, $themeType)} !important;
       ${getVariant$2(typography2)}
       margin-bottom: 0 !important;
       width: ${$isFullWidth ? "100%" : "auto"};
+      font-weight: ${fontWeight} !important;
+      font-size: ${fontSize} !important;
       line-height: 1;
        -webkit-font-smoothing: antialiased;
 
@@ -59345,6 +59347,8 @@ const Headline = styled(Typography$1.Title)`
   state,
   breakpoint,
   color: color2,
+  fontSize,
+  fontWeight,
   $isFullWidth
 }) => {
   return getGenesisTypographyClass(
@@ -59354,6 +59358,8 @@ const Headline = styled(Typography$1.Title)`
     state,
     breakpoint,
     color2,
+    fontSize,
+    fontWeight,
     $isFullWidth
   );
 }}
@@ -59368,7 +59374,9 @@ const Paragraph = styled(
   state,
   breakpoint,
   color: color2,
-  $isFullWidth
+  $isFullWidth,
+  fontSize,
+  fontWeight
 }) => {
   return getGenesisTypographyClass(
     theme,
@@ -59377,7 +59385,9 @@ const Paragraph = styled(
     state,
     breakpoint,
     color2,
-    $isFullWidth
+    $isFullWidth,
+    fontSize,
+    fontWeight
   );
 }}
 `;
@@ -59389,7 +59399,9 @@ const Text = styled(Typography$1.Text)`
   state,
   breakpoint,
   color: color2,
-  $isFullWidth
+  $isFullWidth,
+  fontSize,
+  fontWeight
 }) => {
   return getGenesisTypographyClass(
     theme,
@@ -59398,7 +59410,9 @@ const Text = styled(Typography$1.Text)`
     state,
     breakpoint,
     color2,
-    $isFullWidth
+    $isFullWidth,
+    fontSize,
+    fontWeight
   );
 }}
 `;
@@ -60368,6 +60382,8 @@ const Typography = ({
   isText = false,
   isFullWidth,
   style: style2,
+  fontSize,
+  fontWeight,
   isDisabled,
   ...rest
 }) => {
@@ -60385,6 +60401,8 @@ const Typography = ({
         level: Number.parseInt(level),
         $isFullWidth: isFullWidth,
         style: style2,
+        fontSize,
+        fontWeight,
         disabled: isDisabled,
         ...rest,
         children: children2
@@ -60404,6 +60422,8 @@ const Typography = ({
         $isFullWidth: isFullWidth,
         style: style2,
         disabled: isDisabled,
+        fontSize,
+        fontWeight,
         ...rest,
         children: children2
       }
@@ -60420,6 +60440,8 @@ const Typography = ({
       $isFullWidth: isFullWidth,
       style: style2,
       disabled: isDisabled,
+      fontSize,
+      fontWeight,
       ...rest,
       children: children2
     }
@@ -81723,10 +81745,18 @@ const Progress = ({
             alignItems: "center",
             width: percentDisplayWidth
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(Typography, { color: overrideTextColor ?? textColor, variant: "digits3", children: [
-            overallPercent,
-            "%"
-          ] })
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Typography,
+            {
+              color: overrideTextColor ?? textColor,
+              variant: "digits3",
+              fontWeight: 700,
+              children: [
+                overallPercent,
+                "%"
+              ]
+            }
+          )
         }
       )
     ] });
@@ -81785,10 +81815,18 @@ const Progress = ({
             alignItems: "center",
             width: percentDisplayWidth
           },
-          children: /* @__PURE__ */ jsxRuntime.jsxs(Typography, { color: overrideTextColor ?? textColor, variant: "digits3", children: [
-            combinedPercent,
-            "%"
-          ] })
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Typography,
+            {
+              color: overrideTextColor ?? textColor,
+              variant: "digits3",
+              fontWeight: 700,
+              children: [
+                combinedPercent,
+                "%"
+              ]
+            }
+          )
         }
       )
     ] });

package/dist/index.js

@@ -59278,7 +59278,7 @@ const Avatar$1 = styled(Avatar$2)`
   return getGenesisClass$d(theme, type4, state);
 }}
 `;
-const getVariant$2 = (typography2, variant, breakpoint) => {
+const getVariant$2 = (typography2, variant, breakpoint, fontSize, fontWeight) => {
   const typeClass = typography2["medium"];
   return `
         font-size: ${typeClass}.fontSize}px !important;
@@ -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, $isFullWidth, fontSize, fontWeight) => `
     &.ant-typography {
       font-family: ${getFontFamily(variant)};
       color: ${getColor(color2, colors2, $themeType)} !important;
       ${getVariant$2(typography2)}
       margin-bottom: 0 !important;
       width: ${$isFullWidth ? "100%" : "auto"};
+      font-weight: ${fontWeight} !important;
+      font-size: ${fontSize} !important;
       line-height: 1;
        -webkit-font-smoothing: antialiased;
 
@@ -59327,6 +59329,8 @@ const Headline = styled(Typography$1.Title)`
   state,
   breakpoint,
   color: color2,
+  fontSize,
+  fontWeight,
   $isFullWidth
 }) => {
   return getGenesisTypographyClass(
@@ -59336,6 +59340,8 @@ const Headline = styled(Typography$1.Title)`
     state,
     breakpoint,
     color2,
+    fontSize,
+    fontWeight,
     $isFullWidth
   );
 }}
@@ -59350,7 +59356,9 @@ const Paragraph = styled(
   state,
   breakpoint,
   color: color2,
-  $isFullWidth
+  $isFullWidth,
+  fontSize,
+  fontWeight
 }) => {
   return getGenesisTypographyClass(
     theme,
@@ -59359,7 +59367,9 @@ const Paragraph = styled(
     state,
     breakpoint,
     color2,
-    $isFullWidth
+    $isFullWidth,
+    fontSize,
+    fontWeight
   );
 }}
 `;
@@ -59371,7 +59381,9 @@ const Text = styled(Typography$1.Text)`
   state,
   breakpoint,
   color: color2,
-  $isFullWidth
+  $isFullWidth,
+  fontSize,
+  fontWeight
 }) => {
   return getGenesisTypographyClass(
     theme,
@@ -59380,7 +59392,9 @@ const Text = styled(Typography$1.Text)`
     state,
     breakpoint,
     color2,
-    $isFullWidth
+    $isFullWidth,
+    fontSize,
+    fontWeight
   );
 }}
 `;
@@ -60350,6 +60364,8 @@ const Typography = ({
   isText = false,
   isFullWidth,
   style: style2,
+  fontSize,
+  fontWeight,
   isDisabled,
   ...rest
 }) => {
@@ -60367,6 +60383,8 @@ const Typography = ({
         level: Number.parseInt(level),
         $isFullWidth: isFullWidth,
         style: style2,
+        fontSize,
+        fontWeight,
         disabled: isDisabled,
         ...rest,
         children: children2
@@ -60386,6 +60404,8 @@ const Typography = ({
         $isFullWidth: isFullWidth,
         style: style2,
         disabled: isDisabled,
+        fontSize,
+        fontWeight,
         ...rest,
         children: children2
       }
@@ -60402,6 +60422,8 @@ const Typography = ({
       $isFullWidth: isFullWidth,
       style: style2,
       disabled: isDisabled,
+      fontSize,
+      fontWeight,
       ...rest,
       children: children2
     }
@@ -81705,10 +81727,18 @@ const Progress = ({
             alignItems: "center",
             width: percentDisplayWidth
           },
-          children: /* @__PURE__ */ jsxs(Typography, { color: overrideTextColor ?? textColor, variant: "digits3", children: [
-            overallPercent,
-            "%"
-          ] })
+          children: /* @__PURE__ */ jsxs(
+            Typography,
+            {
+              color: overrideTextColor ?? textColor,
+              variant: "digits3",
+              fontWeight: 700,
+              children: [
+                overallPercent,
+                "%"
+              ]
+            }
+          )
         }
       )
     ] });
@@ -81767,10 +81797,18 @@ const Progress = ({
             alignItems: "center",
             width: percentDisplayWidth
           },
-          children: /* @__PURE__ */ jsxs(Typography, { color: overrideTextColor ?? textColor, variant: "digits3", children: [
-            combinedPercent,
-            "%"
-          ] })
+          children: /* @__PURE__ */ jsxs(
+            Typography,
+            {
+              color: overrideTextColor ?? textColor,
+              variant: "digits3",
+              fontWeight: 700,
+              children: [
+                combinedPercent,
+                "%"
+              ]
+            }
+          )
         }
       )
     ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",
@@ -150,7 +150,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.5.2",
-    "@gobolt/genesis-tokens": "^0.0.9",
+    "@gobolt/genesis-tokens": "^0.0.10",
     "@mdx-js/react": "^3.0.1",
     "@secondcloset/types": "^3.4.6",
     "@types/d3": "^7.4.3",