@mirohq/design-system-typography - npm Package Compare versions

Comparing version 0.5.9 to 0.6.0

dist/main.js

@@ -10,2 +10,3 @@ 'use strict';
 var designSystemPrimitive = require('@mirohq/design-system-primitive');
+var designSystemExperiments = require('@mirohq/design-system-experiments');
 
@@ -109,2 +110,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
   variants: {
+    v1: {
+      true: {
+        fontFamily: "$body-v1"
+      }
+    },
     debug: {
@@ -131,2 +137,3 @@ true: {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_TEXT", false);
+    const [v1] = designSystemExperiments.useNewDesignLanguage();
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -136,2 +143,3 @@ StyledText,
         ...restProps,
+        v1,
         ref: forwardRef,
@@ -150,2 +158,7 @@ debug,
   variants: {
+    v1: {
+      true: {
+        fontFamily: "$body-v1"
+      }
+    },
     debug: {
@@ -172,3 +185,4 @@ true: {
     const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_TEXT", false);
-    return /* @__PURE__ */ jsxRuntime.jsx(StyledParagraph, { ref: forwardRef, debug, ...props });
+    const [v1] = designSystemExperiments.useNewDesignLanguage();
+    return /* @__PURE__ */ jsxRuntime.jsx(StyledParagraph, { ref: forwardRef, v1, debug, ...props });
   }
@@ -175,0 +189,0 @@ );

dist/module.js

@@ -6,2 +6,3 @@ import { jsx } from 'react/jsx-runtime';
 import { Primitive } from '@mirohq/design-system-primitive';
+import { useNewDesignLanguage } from '@mirohq/design-system-experiments';
 
@@ -101,2 +102,7 @@ const styles = {
   variants: {
+    v1: {
+      true: {
+        fontFamily: "$body-v1"
+      }
+    },
     debug: {
@@ -123,2 +129,3 @@ true: {
     const [debug] = useLocalStorage("DEBUG_TEXT", false);
+    const [v1] = useNewDesignLanguage();
     return /* @__PURE__ */ jsx(
@@ -128,2 +135,3 @@ StyledText,
         ...restProps,
+        v1,
         ref: forwardRef,
@@ -142,2 +150,7 @@ debug,
   variants: {
+    v1: {
+      true: {
+        fontFamily: "$body-v1"
+      }
+    },
     debug: {
@@ -164,3 +177,4 @@ true: {
     const [debug] = useLocalStorage("DEBUG_TEXT", false);
-    return /* @__PURE__ */ jsx(StyledParagraph, { ref: forwardRef, debug, ...props });
+    const [v1] = useNewDesignLanguage();
+    return /* @__PURE__ */ jsx(StyledParagraph, { ref: forwardRef, v1, debug, ...props });
   }
@@ -167,0 +181,0 @@ );

dist/types.d.ts

@@ -18,3 +18,3 @@ import * as react from 'react';
 declare type Tags = 'h1' | 'h2' | 'h3' | 'h4';
-interface HeadingProps extends StyledHeadingProps {
+interface HeadingProps extends Omit<StyledHeadingProps, 'debug'> {
     /**
@@ -31,3 +31,4 @@ * The sematic heading level used in the HTML markup.
 
-declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>>, "size" | "weight" | "debug"> & _stitches_react_types_styled_component.TransformProps<{
+declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>>, "size" | "weight" | "debug" | "v1"> & _stitches_react_types_styled_component.TransformProps<{
+    v1?: boolean | "true" | undefined;
     debug?: boolean | "true" | "false" | undefined;
@@ -37,2 +38,3 @@ size?: "small" | "normal" | "mini" | undefined;
 }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLSpanElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>, {
+    v1?: boolean | "true" | undefined;
     debug?: boolean | "true" | "false" | undefined;
@@ -44,3 +46,3 @@ size?: "small" | "normal" | "mini" | undefined;
 
-interface TextProps extends StyledTextProps {
+interface TextProps extends Omit<StyledTextProps, 'v1' | 'debug'> {
     /**
@@ -61,3 +63,4 @@ * The content.
 
-declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"p">>>, "size" | "weight" | "debug"> & _stitches_react_types_styled_component.TransformProps<{
+declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"p">>>, "size" | "weight" | "debug" | "v1"> & _stitches_react_types_styled_component.TransformProps<{
+    v1?: boolean | "true" | undefined;
     debug?: boolean | "true" | "false" | undefined;
@@ -67,2 +70,3 @@ size?: "small" | "normal" | "mini" | undefined;
 }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLParagraphElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"p">>, {
+    v1?: boolean | "true" | undefined;
     debug?: boolean | "true" | "false" | undefined;
@@ -74,3 +78,3 @@ size?: "small" | "normal" | "mini" | undefined;
 
-interface ParagraphProps extends StyledParagraphProps {
+interface ParagraphProps extends Omit<StyledParagraphProps, 'v1' | 'debug'> {
     /**
@@ -77,0 +81,0 @@ * The content.

package.json

 {
   "name": "@mirohq/design-system-typography",
-  "version": "0.5.9",
+  "version": "0.6.0",
   "description": "",
@@ -29,4 +29,5 @@ "author": "Miro",
   "dependencies": {
+    "@mirohq/design-system-experiments": "^0.2.0",
     "@mirohq/design-system-primitive": "^1.1.2",
-    "@mirohq/design-system-stitches": "^2.6.22",
+    "@mirohq/design-system-stitches": "^2.6.23",
     "@mirohq/design-system-use-local-storage": "^0.3.11"
@@ -33,0 +34,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

34696

increased by7.84%

Lines of code

428

increased by8.08%

Worsened metrics

Dependency count

6

increased by20%

Dependency changes

• + Added@mirohq/design-system-experiments@^0.2.0

• + Added@mirohq/design-system-experiments@0.2.0(transitive)

• Updated@mirohq/design-system-stitches@^2.6.23