@mirohq/design-system-typography 0.6.2 → 0.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.js +23 -2
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +23 -2
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +6 -4
  6. package/package.json +4 -4
package/dist/main.js CHANGED
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var React = require('react');
7
7
  var designSystemUseLocalStorage = require('@mirohq/design-system-use-local-storage');
8
+ var designSystemExperiments = require('@mirohq/design-system-experiments');
8
9
  var designSystemStitches = require('@mirohq/design-system-stitches');
9
10
  var designSystemPrimitive = require('@mirohq/design-system-primitive');
10
- var designSystemExperiments = require('@mirohq/design-system-experiments');
11
11
 
12
12
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
13
 
@@ -21,6 +21,9 @@ const styles = {
21
21
  fontStyle: "normal",
22
22
  fontWeight: 500,
23
23
  variants: {
24
+ v1: {
25
+ true: {}
26
+ },
24
27
  debug: {
25
28
  true: {
26
29
  color: "#06D834 !important"
@@ -45,7 +48,23 @@ const styles = {
45
48
  fontSize: "$200"
46
49
  }
47
50
  }
48
- }
51
+ },
52
+ compoundVariants: [
53
+ {
54
+ level: 3,
55
+ v1: true,
56
+ css: {
57
+ fontWeight: "$semibold"
58
+ }
59
+ },
60
+ {
61
+ level: 4,
62
+ v1: true,
63
+ css: {
64
+ fontWeight: "$semibold"
65
+ }
66
+ }
67
+ ]
49
68
  };
50
69
  const H1 = designSystemStitches.styled(designSystemPrimitive.Primitive.h1, styles);
51
70
  const H2 = designSystemStitches.styled(designSystemPrimitive.Primitive.h2, styles);
@@ -63,12 +82,14 @@ var Styled = /*#__PURE__*/Object.freeze({
63
82
  const Heading = React__default["default"].forwardRef(
64
83
  ({ level, styledAs, children, ...props }, forwardRef) => {
65
84
  const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_TEXT", false);
85
+ const [v1] = designSystemExperiments.useNewDesignLanguage();
66
86
  const HeadingLevel = Styled["H".concat(level)];
67
87
  const styledAsLevel = styledAs !== void 0 ? +styledAs.replace("h", "") : styledAs;
68
88
  return /* @__PURE__ */ jsxRuntime.jsx(
69
89
  HeadingLevel,
70
90
  {
71
91
  ...props,
92
+ v1,
72
93
  debug,
73
94
  level: styledAsLevel != null ? styledAsLevel : level,
74
95
  ref: forwardRef,
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/heading.styled.tsx","../src/heading.tsx","../src/styles.ts","../src/text.styled.ts","../src/text.tsx","../src/paragraph.styled.ts","../src/paragraph.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport type { ComponentPropsWithRef } from 'react'\n\nconst styles = {\n display: 'block',\n fontFamily: '$heading',\n margin: 0,\n color: '$text-neutrals',\n fontStyle: 'normal',\n fontWeight: 500,\n variants: {\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n level: {\n 1: {\n lineHeight: 1.2,\n fontSize: '$400',\n },\n 2: {\n lineHeight: 1.35,\n fontSize: '$300',\n },\n 3: {\n lineHeight: 1.4,\n fontSize: '$250',\n },\n 4: {\n lineHeight: 1.5,\n fontSize: '$200',\n },\n },\n },\n}\n\nexport const H1 = styled(Primitive.h1, styles)\n/** @knipignore */\nexport const H2 = styled(Primitive.h2, styles)\n/** @knipignore */\nexport const H3 = styled(Primitive.h3, styles)\n/** @knipignore */\nexport const H4 = styled(Primitive.h4, styles)\n\nexport type StyledHeadingProps = ComponentPropsWithRef<typeof H1>\n","import type { ElementRef } from 'react'\nimport React from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\n\nimport * as Styled from './heading.styled'\nimport type { StyledHeadingProps } from './heading.styled'\n\ntype Level = 1 | 2 | 3 | 4\ntype Tags = 'h1' | 'h2' | 'h3' | 'h4'\n\nexport interface HeadingProps extends Omit<StyledHeadingProps, 'debug'> {\n /**\n * The sematic heading level used in the HTML markup.\n */\n level: Level\n\n /**\n * The way the sematic tag looks, it changes the styling of the heading.\n */\n styledAs?: Tags\n}\n\nexport const Heading = React.forwardRef<ElementRef<Tags>, HeadingProps>(\n ({ level, styledAs, children, ...props }, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const HeadingLevel = Styled[`H${level}`]\n const styledAsLevel =\n styledAs !== undefined ? (+styledAs.replace('h', '') as Level) : styledAs\n return (\n <HeadingLevel\n {...props}\n debug={debug}\n level={styledAsLevel ?? level}\n ref={forwardRef}\n >\n {children}\n </HeadingLevel>\n )\n }\n)\n","export const textStyles = {\n default: {\n lineHeight: 1.5,\n },\n size: {\n normal: {\n fontSize: '$200',\n },\n small: {\n fontSize: '$175',\n },\n mini: {\n fontSize: '$150',\n },\n },\n weight: {\n normal: {\n fontWeight: 400,\n },\n bold: {\n fontWeight: 650,\n },\n },\n}\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { textStyles } from './styles'\n\nexport const StyledText = styled(Primitive.span, {\n ...textStyles.default,\n\n variants: {\n v1: {\n true: {\n fontFamily: '$body-v1',\n },\n },\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n size: {\n normal: textStyles.size.normal,\n small: textStyles.size.small,\n mini: textStyles.size.mini,\n },\n weight: {\n normal: textStyles.weight.normal,\n bold: textStyles.weight.bold,\n },\n },\n})\n\nexport type StyledTextProps = ComponentPropsWithRef<typeof StyledText>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport { StyledText } from './text.styled'\nimport type { StyledTextProps } from './text.styled'\n\nexport interface TextProps extends Omit<StyledTextProps, 'v1' | 'debug'> {\n /**\n * The content.\n */\n children: React.ReactNode\n\n /**\n * Change the text font-size.\n */\n size?: StyledTextProps['size']\n\n /**\n * Change the text font-weight.\n */\n weight?: StyledTextProps['weight']\n}\n\nexport const Text = React.forwardRef<ElementRef<typeof StyledText>, TextProps>(\n ({ size, weight, ...restProps }, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const [v1] = useNewDesignLanguage()\n\n return (\n <StyledText\n {...restProps}\n v1={v1}\n ref={forwardRef}\n debug={debug}\n size={size}\n weight={weight}\n />\n )\n }\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { textStyles } from './styles'\n\nexport const StyledParagraph = styled(Primitive.p, {\n ...textStyles.default,\n margin: 0,\n\n variants: {\n v1: {\n true: {\n fontFamily: '$body-v1',\n },\n },\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n size: {\n normal: textStyles.size.normal,\n small: textStyles.size.small,\n mini: textStyles.size.mini,\n },\n weight: {\n normal: textStyles.weight.normal,\n bold: textStyles.weight.bold,\n },\n },\n})\n\nexport type StyledParagraphProps = ComponentPropsWithRef<typeof StyledParagraph>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport type { StyledParagraphProps } from './paragraph.styled'\nimport { StyledParagraph } from './paragraph.styled'\n\nexport interface ParagraphProps\n extends Omit<StyledParagraphProps, 'v1' | 'debug'> {\n /**\n * The content.\n */\n children: React.ReactNode\n\n /**\n * Change the paragraph font-size.\n */\n size?: StyledParagraphProps['size']\n\n /**\n * Change the paragraph font-weight.\n */\n weight?: StyledParagraphProps['weight']\n}\n\nexport const Paragraph = React.forwardRef<ElementRef<'p'>, ParagraphProps>(\n (props, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const [v1] = useNewDesignLanguage()\n\n return <StyledParagraph ref={forwardRef} v1={v1} debug={debug} {...props} />\n }\n)\n"],"names":["styled","Primitive","React","useLocalStorage","jsx","useNewDesignLanguage"],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sources":["../src/heading.styled.tsx","../src/heading.tsx","../src/styles.ts","../src/text.styled.ts","../src/text.tsx","../src/paragraph.styled.ts","../src/paragraph.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport type { ComponentPropsWithRef } from 'react'\n\nconst styles = {\n display: 'block',\n fontFamily: '$heading',\n margin: 0,\n color: '$text-neutrals',\n fontStyle: 'normal',\n fontWeight: 500,\n variants: {\n v1: {\n true: {},\n },\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n level: {\n 1: {\n lineHeight: 1.2,\n fontSize: '$400',\n },\n 2: {\n lineHeight: 1.35,\n fontSize: '$300',\n },\n 3: {\n lineHeight: 1.4,\n fontSize: '$250',\n },\n 4: {\n lineHeight: 1.5,\n fontSize: '$200',\n },\n },\n },\n compoundVariants: [\n {\n level: 3 as const,\n v1: true,\n css: {\n fontWeight: '$semibold',\n },\n },\n {\n level: 4 as const,\n v1: true,\n css: {\n fontWeight: '$semibold',\n },\n },\n ],\n}\n\nexport const H1 = styled(Primitive.h1, styles)\n/** @knipignore */\nexport const H2 = styled(Primitive.h2, styles)\n/** @knipignore */\nexport const H3 = styled(Primitive.h3, styles)\n/** @knipignore */\nexport const H4 = styled(Primitive.h4, styles)\n\nexport type StyledHeadingProps = ComponentPropsWithRef<typeof H1>\n","import type { ElementRef } from 'react'\nimport React from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport * as Styled from './heading.styled'\nimport type { StyledHeadingProps } from './heading.styled'\n\ntype Level = 1 | 2 | 3 | 4\ntype Tags = 'h1' | 'h2' | 'h3' | 'h4'\n\nexport interface HeadingProps extends Omit<StyledHeadingProps, 'debug' | 'v1'> {\n /**\n * The sematic heading level used in the HTML markup.\n */\n level: Level\n\n /**\n * The way the sematic tag looks, it changes the styling of the heading.\n */\n styledAs?: Tags\n}\n\nexport const Heading = React.forwardRef<ElementRef<Tags>, HeadingProps>(\n ({ level, styledAs, children, ...props }, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const [v1] = useNewDesignLanguage()\n\n const HeadingLevel = Styled[`H${level}`]\n const styledAsLevel =\n styledAs !== undefined ? (+styledAs.replace('h', '') as Level) : styledAs\n return (\n <HeadingLevel\n {...props}\n v1={v1}\n debug={debug}\n level={styledAsLevel ?? level}\n ref={forwardRef}\n >\n {children}\n </HeadingLevel>\n )\n }\n)\n","export const textStyles = {\n default: {\n lineHeight: 1.5,\n },\n size: {\n normal: {\n fontSize: '$200',\n },\n small: {\n fontSize: '$175',\n },\n mini: {\n fontSize: '$150',\n },\n },\n weight: {\n normal: {\n fontWeight: 400,\n },\n bold: {\n fontWeight: 650,\n },\n },\n}\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { textStyles } from './styles'\n\nexport const StyledText = styled(Primitive.span, {\n ...textStyles.default,\n\n variants: {\n v1: {\n true: {\n fontFamily: '$body-v1',\n },\n },\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n size: {\n normal: textStyles.size.normal,\n small: textStyles.size.small,\n mini: textStyles.size.mini,\n },\n weight: {\n normal: textStyles.weight.normal,\n bold: textStyles.weight.bold,\n },\n },\n})\n\nexport type StyledTextProps = ComponentPropsWithRef<typeof StyledText>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport { StyledText } from './text.styled'\nimport type { StyledTextProps } from './text.styled'\n\nexport interface TextProps extends Omit<StyledTextProps, 'v1' | 'debug'> {\n /**\n * The content.\n */\n children: React.ReactNode\n\n /**\n * Change the text font-size.\n */\n size?: StyledTextProps['size']\n\n /**\n * Change the text font-weight.\n */\n weight?: StyledTextProps['weight']\n}\n\nexport const Text = React.forwardRef<ElementRef<typeof StyledText>, TextProps>(\n ({ size, weight, ...restProps }, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const [v1] = useNewDesignLanguage()\n\n return (\n <StyledText\n {...restProps}\n v1={v1}\n ref={forwardRef}\n debug={debug}\n size={size}\n weight={weight}\n />\n )\n }\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { textStyles } from './styles'\n\nexport const StyledParagraph = styled(Primitive.p, {\n ...textStyles.default,\n margin: 0,\n\n variants: {\n v1: {\n true: {\n fontFamily: '$body-v1',\n },\n },\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n size: {\n normal: textStyles.size.normal,\n small: textStyles.size.small,\n mini: textStyles.size.mini,\n },\n weight: {\n normal: textStyles.weight.normal,\n bold: textStyles.weight.bold,\n },\n },\n})\n\nexport type StyledParagraphProps = ComponentPropsWithRef<typeof StyledParagraph>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport type { StyledParagraphProps } from './paragraph.styled'\nimport { StyledParagraph } from './paragraph.styled'\n\nexport interface ParagraphProps\n extends Omit<StyledParagraphProps, 'v1' | 'debug'> {\n /**\n * The content.\n */\n children: React.ReactNode\n\n /**\n * Change the paragraph font-size.\n */\n size?: StyledParagraphProps['size']\n\n /**\n * Change the paragraph font-weight.\n */\n weight?: StyledParagraphProps['weight']\n}\n\nexport const Paragraph = React.forwardRef<ElementRef<'p'>, ParagraphProps>(\n (props, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const [v1] = useNewDesignLanguage()\n\n return <StyledParagraph ref={forwardRef} v1={v1} debug={debug} {...props} />\n }\n)\n"],"names":["styled","Primitive","React","useLocalStorage","useNewDesignLanguage","jsx"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import React from 'react';
3
3
  import { useLocalStorage } from '@mirohq/design-system-use-local-storage';
4
+ import { useNewDesignLanguage } from '@mirohq/design-system-experiments';
4
5
  import { styled } from '@mirohq/design-system-stitches';
5
6
  import { Primitive } from '@mirohq/design-system-primitive';
6
- import { useNewDesignLanguage } from '@mirohq/design-system-experiments';
7
7
 
8
8
  const styles = {
9
9
  display: "block",
@@ -13,6 +13,9 @@ const styles = {
13
13
  fontStyle: "normal",
14
14
  fontWeight: 500,
15
15
  variants: {
16
+ v1: {
17
+ true: {}
18
+ },
16
19
  debug: {
17
20
  true: {
18
21
  color: "#06D834 !important"
@@ -37,7 +40,23 @@ const styles = {
37
40
  fontSize: "$200"
38
41
  }
39
42
  }
40
- }
43
+ },
44
+ compoundVariants: [
45
+ {
46
+ level: 3,
47
+ v1: true,
48
+ css: {
49
+ fontWeight: "$semibold"
50
+ }
51
+ },
52
+ {
53
+ level: 4,
54
+ v1: true,
55
+ css: {
56
+ fontWeight: "$semibold"
57
+ }
58
+ }
59
+ ]
41
60
  };
42
61
  const H1 = styled(Primitive.h1, styles);
43
62
  const H2 = styled(Primitive.h2, styles);
@@ -55,12 +74,14 @@ var Styled = /*#__PURE__*/Object.freeze({
55
74
  const Heading = React.forwardRef(
56
75
  ({ level, styledAs, children, ...props }, forwardRef) => {
57
76
  const [debug] = useLocalStorage("DEBUG_TEXT", false);
77
+ const [v1] = useNewDesignLanguage();
58
78
  const HeadingLevel = Styled["H".concat(level)];
59
79
  const styledAsLevel = styledAs !== void 0 ? +styledAs.replace("h", "") : styledAs;
60
80
  return /* @__PURE__ */ jsx(
61
81
  HeadingLevel,
62
82
  {
63
83
  ...props,
84
+ v1,
64
85
  debug,
65
86
  level: styledAsLevel != null ? styledAsLevel : level,
66
87
  ref: forwardRef,
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/heading.styled.tsx","../src/heading.tsx","../src/styles.ts","../src/text.styled.ts","../src/text.tsx","../src/paragraph.styled.ts","../src/paragraph.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport type { ComponentPropsWithRef } from 'react'\n\nconst styles = {\n display: 'block',\n fontFamily: '$heading',\n margin: 0,\n color: '$text-neutrals',\n fontStyle: 'normal',\n fontWeight: 500,\n variants: {\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n level: {\n 1: {\n lineHeight: 1.2,\n fontSize: '$400',\n },\n 2: {\n lineHeight: 1.35,\n fontSize: '$300',\n },\n 3: {\n lineHeight: 1.4,\n fontSize: '$250',\n },\n 4: {\n lineHeight: 1.5,\n fontSize: '$200',\n },\n },\n },\n}\n\nexport const H1 = styled(Primitive.h1, styles)\n/** @knipignore */\nexport const H2 = styled(Primitive.h2, styles)\n/** @knipignore */\nexport const H3 = styled(Primitive.h3, styles)\n/** @knipignore */\nexport const H4 = styled(Primitive.h4, styles)\n\nexport type StyledHeadingProps = ComponentPropsWithRef<typeof H1>\n","import type { ElementRef } from 'react'\nimport React from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\n\nimport * as Styled from './heading.styled'\nimport type { StyledHeadingProps } from './heading.styled'\n\ntype Level = 1 | 2 | 3 | 4\ntype Tags = 'h1' | 'h2' | 'h3' | 'h4'\n\nexport interface HeadingProps extends Omit<StyledHeadingProps, 'debug'> {\n /**\n * The sematic heading level used in the HTML markup.\n */\n level: Level\n\n /**\n * The way the sematic tag looks, it changes the styling of the heading.\n */\n styledAs?: Tags\n}\n\nexport const Heading = React.forwardRef<ElementRef<Tags>, HeadingProps>(\n ({ level, styledAs, children, ...props }, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const HeadingLevel = Styled[`H${level}`]\n const styledAsLevel =\n styledAs !== undefined ? (+styledAs.replace('h', '') as Level) : styledAs\n return (\n <HeadingLevel\n {...props}\n debug={debug}\n level={styledAsLevel ?? level}\n ref={forwardRef}\n >\n {children}\n </HeadingLevel>\n )\n }\n)\n","export const textStyles = {\n default: {\n lineHeight: 1.5,\n },\n size: {\n normal: {\n fontSize: '$200',\n },\n small: {\n fontSize: '$175',\n },\n mini: {\n fontSize: '$150',\n },\n },\n weight: {\n normal: {\n fontWeight: 400,\n },\n bold: {\n fontWeight: 650,\n },\n },\n}\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { textStyles } from './styles'\n\nexport const StyledText = styled(Primitive.span, {\n ...textStyles.default,\n\n variants: {\n v1: {\n true: {\n fontFamily: '$body-v1',\n },\n },\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n size: {\n normal: textStyles.size.normal,\n small: textStyles.size.small,\n mini: textStyles.size.mini,\n },\n weight: {\n normal: textStyles.weight.normal,\n bold: textStyles.weight.bold,\n },\n },\n})\n\nexport type StyledTextProps = ComponentPropsWithRef<typeof StyledText>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport { StyledText } from './text.styled'\nimport type { StyledTextProps } from './text.styled'\n\nexport interface TextProps extends Omit<StyledTextProps, 'v1' | 'debug'> {\n /**\n * The content.\n */\n children: React.ReactNode\n\n /**\n * Change the text font-size.\n */\n size?: StyledTextProps['size']\n\n /**\n * Change the text font-weight.\n */\n weight?: StyledTextProps['weight']\n}\n\nexport const Text = React.forwardRef<ElementRef<typeof StyledText>, TextProps>(\n ({ size, weight, ...restProps }, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const [v1] = useNewDesignLanguage()\n\n return (\n <StyledText\n {...restProps}\n v1={v1}\n ref={forwardRef}\n debug={debug}\n size={size}\n weight={weight}\n />\n )\n }\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { textStyles } from './styles'\n\nexport const StyledParagraph = styled(Primitive.p, {\n ...textStyles.default,\n margin: 0,\n\n variants: {\n v1: {\n true: {\n fontFamily: '$body-v1',\n },\n },\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n size: {\n normal: textStyles.size.normal,\n small: textStyles.size.small,\n mini: textStyles.size.mini,\n },\n weight: {\n normal: textStyles.weight.normal,\n bold: textStyles.weight.bold,\n },\n },\n})\n\nexport type StyledParagraphProps = ComponentPropsWithRef<typeof StyledParagraph>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport type { StyledParagraphProps } from './paragraph.styled'\nimport { StyledParagraph } from './paragraph.styled'\n\nexport interface ParagraphProps\n extends Omit<StyledParagraphProps, 'v1' | 'debug'> {\n /**\n * The content.\n */\n children: React.ReactNode\n\n /**\n * Change the paragraph font-size.\n */\n size?: StyledParagraphProps['size']\n\n /**\n * Change the paragraph font-weight.\n */\n weight?: StyledParagraphProps['weight']\n}\n\nexport const Paragraph = React.forwardRef<ElementRef<'p'>, ParagraphProps>(\n (props, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const [v1] = useNewDesignLanguage()\n\n return <StyledParagraph ref={forwardRef} v1={v1} debug={debug} {...props} />\n }\n)\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"module.js","sources":["../src/heading.styled.tsx","../src/heading.tsx","../src/styles.ts","../src/text.styled.ts","../src/text.tsx","../src/paragraph.styled.ts","../src/paragraph.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport type { ComponentPropsWithRef } from 'react'\n\nconst styles = {\n display: 'block',\n fontFamily: '$heading',\n margin: 0,\n color: '$text-neutrals',\n fontStyle: 'normal',\n fontWeight: 500,\n variants: {\n v1: {\n true: {},\n },\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n level: {\n 1: {\n lineHeight: 1.2,\n fontSize: '$400',\n },\n 2: {\n lineHeight: 1.35,\n fontSize: '$300',\n },\n 3: {\n lineHeight: 1.4,\n fontSize: '$250',\n },\n 4: {\n lineHeight: 1.5,\n fontSize: '$200',\n },\n },\n },\n compoundVariants: [\n {\n level: 3 as const,\n v1: true,\n css: {\n fontWeight: '$semibold',\n },\n },\n {\n level: 4 as const,\n v1: true,\n css: {\n fontWeight: '$semibold',\n },\n },\n ],\n}\n\nexport const H1 = styled(Primitive.h1, styles)\n/** @knipignore */\nexport const H2 = styled(Primitive.h2, styles)\n/** @knipignore */\nexport const H3 = styled(Primitive.h3, styles)\n/** @knipignore */\nexport const H4 = styled(Primitive.h4, styles)\n\nexport type StyledHeadingProps = ComponentPropsWithRef<typeof H1>\n","import type { ElementRef } from 'react'\nimport React from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport * as Styled from './heading.styled'\nimport type { StyledHeadingProps } from './heading.styled'\n\ntype Level = 1 | 2 | 3 | 4\ntype Tags = 'h1' | 'h2' | 'h3' | 'h4'\n\nexport interface HeadingProps extends Omit<StyledHeadingProps, 'debug' | 'v1'> {\n /**\n * The sematic heading level used in the HTML markup.\n */\n level: Level\n\n /**\n * The way the sematic tag looks, it changes the styling of the heading.\n */\n styledAs?: Tags\n}\n\nexport const Heading = React.forwardRef<ElementRef<Tags>, HeadingProps>(\n ({ level, styledAs, children, ...props }, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const [v1] = useNewDesignLanguage()\n\n const HeadingLevel = Styled[`H${level}`]\n const styledAsLevel =\n styledAs !== undefined ? (+styledAs.replace('h', '') as Level) : styledAs\n return (\n <HeadingLevel\n {...props}\n v1={v1}\n debug={debug}\n level={styledAsLevel ?? level}\n ref={forwardRef}\n >\n {children}\n </HeadingLevel>\n )\n }\n)\n","export const textStyles = {\n default: {\n lineHeight: 1.5,\n },\n size: {\n normal: {\n fontSize: '$200',\n },\n small: {\n fontSize: '$175',\n },\n mini: {\n fontSize: '$150',\n },\n },\n weight: {\n normal: {\n fontWeight: 400,\n },\n bold: {\n fontWeight: 650,\n },\n },\n}\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { textStyles } from './styles'\n\nexport const StyledText = styled(Primitive.span, {\n ...textStyles.default,\n\n variants: {\n v1: {\n true: {\n fontFamily: '$body-v1',\n },\n },\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n size: {\n normal: textStyles.size.normal,\n small: textStyles.size.small,\n mini: textStyles.size.mini,\n },\n weight: {\n normal: textStyles.weight.normal,\n bold: textStyles.weight.bold,\n },\n },\n})\n\nexport type StyledTextProps = ComponentPropsWithRef<typeof StyledText>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport { StyledText } from './text.styled'\nimport type { StyledTextProps } from './text.styled'\n\nexport interface TextProps extends Omit<StyledTextProps, 'v1' | 'debug'> {\n /**\n * The content.\n */\n children: React.ReactNode\n\n /**\n * Change the text font-size.\n */\n size?: StyledTextProps['size']\n\n /**\n * Change the text font-weight.\n */\n weight?: StyledTextProps['weight']\n}\n\nexport const Text = React.forwardRef<ElementRef<typeof StyledText>, TextProps>(\n ({ size, weight, ...restProps }, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const [v1] = useNewDesignLanguage()\n\n return (\n <StyledText\n {...restProps}\n v1={v1}\n ref={forwardRef}\n debug={debug}\n size={size}\n weight={weight}\n />\n )\n }\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { textStyles } from './styles'\n\nexport const StyledParagraph = styled(Primitive.p, {\n ...textStyles.default,\n margin: 0,\n\n variants: {\n v1: {\n true: {\n fontFamily: '$body-v1',\n },\n },\n debug: {\n true: {\n color: '#06D834 !important',\n },\n false: {},\n },\n size: {\n normal: textStyles.size.normal,\n small: textStyles.size.small,\n mini: textStyles.size.mini,\n },\n weight: {\n normal: textStyles.weight.normal,\n bold: textStyles.weight.bold,\n },\n },\n})\n\nexport type StyledParagraphProps = ComponentPropsWithRef<typeof StyledParagraph>\n","import React from 'react'\nimport type { ElementRef } from 'react'\nimport { useLocalStorage } from '@mirohq/design-system-use-local-storage'\nimport { useNewDesignLanguage } from '@mirohq/design-system-experiments'\n\nimport type { StyledParagraphProps } from './paragraph.styled'\nimport { StyledParagraph } from './paragraph.styled'\n\nexport interface ParagraphProps\n extends Omit<StyledParagraphProps, 'v1' | 'debug'> {\n /**\n * The content.\n */\n children: React.ReactNode\n\n /**\n * Change the paragraph font-size.\n */\n size?: StyledParagraphProps['size']\n\n /**\n * Change the paragraph font-weight.\n */\n weight?: StyledParagraphProps['weight']\n}\n\nexport const Paragraph = React.forwardRef<ElementRef<'p'>, ParagraphProps>(\n (props, forwardRef) => {\n const [debug] = useLocalStorage('DEBUG_TEXT', false)\n const [v1] = useNewDesignLanguage()\n\n return <StyledParagraph ref={forwardRef} v1={v1} debug={debug} {...props} />\n }\n)\n"],"names":[],"mappings":"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"}
package/dist/types.d.ts CHANGED
@@ -4,10 +4,12 @@ import * as _stitches_react_types_styled_component from '@stitches/react/types/s
4
4
  import * as _mirohq_design_system_stitches from '@mirohq/design-system-stitches';
5
5
  import * as _mirohq_design_system_primitive from '@mirohq/design-system-primitive';
6
6
 
7
- declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"h1">>>, "debug" | "level"> & _stitches_react_types_styled_component.TransformProps<{
7
+ declare const H1: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"h1">>>, "v1" | "debug" | "level"> & _stitches_react_types_styled_component.TransformProps<{
8
+ v1?: boolean | "true" | undefined;
8
9
  debug?: boolean | "true" | "false" | undefined;
9
10
  level?: "1" | "2" | "3" | "4" | 3 | 2 | 1 | 4 | undefined;
10
11
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLHeadingElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"h1">>, {
12
+ v1?: boolean | "true" | undefined;
11
13
  debug?: boolean | "true" | "false" | undefined;
12
14
  level?: "1" | "2" | "3" | "4" | 3 | 2 | 1 | 4 | undefined;
13
15
  }, {}>;
@@ -15,7 +17,7 @@ declare type StyledHeadingProps = ComponentPropsWithRef<typeof H1>;
15
17
 
16
18
  declare type Level = 1 | 2 | 3 | 4;
17
19
  declare type Tags = 'h1' | 'h2' | 'h3' | 'h4';
18
- interface HeadingProps extends Omit<StyledHeadingProps, 'debug'> {
20
+ interface HeadingProps extends Omit<StyledHeadingProps, 'debug' | 'v1'> {
19
21
  /**
20
22
  * The sematic heading level used in the HTML markup.
21
23
  */
@@ -27,7 +29,7 @@ interface HeadingProps extends Omit<StyledHeadingProps, 'debug'> {
27
29
  }
28
30
  declare const Heading: react__default.ForwardRefExoticComponent<Omit<HeadingProps, "ref"> & react__default.RefAttributes<HTMLHeadingElement>>;
29
31
 
30
- 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<{
32
+ declare const StyledText: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>>, "size" | "weight" | "v1" | "debug"> & _stitches_react_types_styled_component.TransformProps<{
31
33
  v1?: boolean | "true" | undefined;
32
34
  debug?: boolean | "true" | "false" | undefined;
33
35
  size?: "small" | "normal" | "mini" | undefined;
@@ -56,7 +58,7 @@ interface TextProps extends Omit<StyledTextProps, 'v1' | 'debug'> {
56
58
  }
57
59
  declare const Text: react__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react__default.RefAttributes<HTMLSpanElement>>;
58
60
 
59
- 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<{
61
+ declare const StyledParagraph: react.ForwardRefExoticComponent<Omit<Omit<_mirohq_design_system_stitches.StyledComponentProps<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"p">>>, "size" | "weight" | "v1" | "debug"> & _stitches_react_types_styled_component.TransformProps<{
60
62
  v1?: boolean | "true" | undefined;
61
63
  debug?: boolean | "true" | "false" | undefined;
62
64
  size?: "small" | "normal" | "mini" | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-typography",
3
- "version": "0.6.2",
3
+ "version": "0.6.4",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,10 +26,10 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-primitive": "^1.1.2",
30
29
  "@mirohq/design-system-experiments": "^0.2.0",
31
- "@mirohq/design-system-stitches": "^2.6.25",
32
- "@mirohq/design-system-use-local-storage": "^0.3.11"
30
+ "@mirohq/design-system-use-local-storage": "^0.3.11",
31
+ "@mirohq/design-system-primitive": "^1.1.2",
32
+ "@mirohq/design-system-stitches": "^2.6.26"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "rollup -c ../../../rollup.config.js",