@mirohq/design-system-typography 0.6.18 → 1.0.0-pdl-removing-ffs.0

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 +5 -38
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +5 -38
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +6 -12
  6. package/package.json +4 -5
package/dist/main.js CHANGED
@@ -5,7 +5,6 @@ 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');
9
8
  var designSystemStitches = require('@mirohq/design-system-stitches');
10
9
  var designSystemPrimitive = require('@mirohq/design-system-primitive');
11
10
 
@@ -21,9 +20,6 @@ const styles = {
21
20
  fontStyle: "normal",
22
21
  fontWeight: 500,
23
22
  variants: {
24
- v1: {
25
- true: {}
26
- },
27
23
  debug: {
28
24
  true: {
29
25
  color: "#06D834 !important"
@@ -41,30 +37,16 @@ const styles = {
41
37
  },
42
38
  3: {
43
39
  lineHeight: 1.4,
44
- fontSize: "$250"
40
+ fontSize: "$250",
41
+ fontWeight: "$semibold"
45
42
  },
46
43
  4: {
47
44
  lineHeight: 1.5,
48
- fontSize: "$200"
49
- }
50
- }
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: {
45
+ fontSize: "$200",
64
46
  fontWeight: "$semibold"
65
47
  }
66
48
  }
67
- ]
49
+ }
68
50
  };
69
51
  const H1 = designSystemStitches.styled(designSystemPrimitive.Primitive.h1, styles);
70
52
  const H2 = designSystemStitches.styled(designSystemPrimitive.Primitive.h2, styles);
@@ -82,14 +64,12 @@ var Styled = /*#__PURE__*/Object.freeze({
82
64
  const Heading = React__default["default"].forwardRef(
83
65
  ({ level, styledAs, children, ...props }, forwardRef) => {
84
66
  const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_TEXT", false);
85
- const [v1] = designSystemExperiments.useNewDesignLanguage();
86
67
  const HeadingLevel = Styled["H".concat(level)];
87
68
  const styledAsLevel = styledAs !== void 0 ? +styledAs.replace("h", "") : styledAs;
88
69
  return /* @__PURE__ */ jsxRuntime.jsx(
89
70
  HeadingLevel,
90
71
  {
91
72
  ...props,
92
- v1,
93
73
  debug,
94
74
  level: styledAsLevel != null ? styledAsLevel : level,
95
75
  ref: forwardRef,
@@ -127,11 +107,6 @@ const textStyles = {
127
107
  const StyledText = designSystemStitches.styled(designSystemPrimitive.Primitive.span, {
128
108
  ...textStyles.default,
129
109
  variants: {
130
- v1: {
131
- true: {
132
- fontFamily: "$body-v1"
133
- }
134
- },
135
110
  debug: {
136
111
  true: {
137
112
  color: "#06D834 !important"
@@ -153,12 +128,10 @@ const StyledText = designSystemStitches.styled(designSystemPrimitive.Primitive.s
153
128
  const Text = React__default["default"].forwardRef(
154
129
  ({ size, weight, ...restProps }, forwardRef) => {
155
130
  const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_TEXT", false);
156
- const [v1] = designSystemExperiments.useNewDesignLanguage();
157
131
  return /* @__PURE__ */ jsxRuntime.jsx(
158
132
  StyledText,
159
133
  {
160
134
  ...restProps,
161
- v1,
162
135
  ref: forwardRef,
163
136
  debug,
164
137
  size,
@@ -172,11 +145,6 @@ const StyledParagraph = designSystemStitches.styled(designSystemPrimitive.Primit
172
145
  ...textStyles.default,
173
146
  margin: 0,
174
147
  variants: {
175
- v1: {
176
- true: {
177
- fontFamily: "$body-v1"
178
- }
179
- },
180
148
  debug: {
181
149
  true: {
182
150
  color: "#06D834 !important"
@@ -198,8 +166,7 @@ const StyledParagraph = designSystemStitches.styled(designSystemPrimitive.Primit
198
166
  const Paragraph = React__default["default"].forwardRef(
199
167
  (props, forwardRef) => {
200
168
  const [debug] = designSystemUseLocalStorage.useLocalStorage("DEBUG_TEXT", false);
201
- const [v1] = designSystemExperiments.useNewDesignLanguage();
202
- return /* @__PURE__ */ jsxRuntime.jsx(StyledParagraph, { ref: forwardRef, v1, debug, ...props });
169
+ return /* @__PURE__ */ jsxRuntime.jsx(StyledParagraph, { ref: forwardRef, debug, ...props });
203
170
  }
204
171
  );
205
172
 
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 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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"}
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 fontWeight: '$semibold',\n },\n 4: {\n lineHeight: 1.5,\n fontSize: '$200',\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'\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\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 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'\n\nimport { StyledText } from './text.styled'\nimport type { StyledTextProps } from './text.styled'\n\nexport interface TextProps extends Omit<StyledTextProps, '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\n return (\n <StyledText\n {...restProps}\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 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'\n\nimport type { StyledParagraphProps } from './paragraph.styled'\nimport { StyledParagraph } from './paragraph.styled'\n\nexport interface ParagraphProps extends Omit<StyledParagraphProps, '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\n return <StyledParagraph ref={forwardRef} debug={debug} {...props} />\n }\n)\n"],"names":["styled","Primitive","React","useLocalStorage","jsx"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -1,7 +1,6 @@
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';
5
4
  import { styled } from '@mirohq/design-system-stitches';
6
5
  import { Primitive } from '@mirohq/design-system-primitive';
7
6
 
@@ -13,9 +12,6 @@ const styles = {
13
12
  fontStyle: "normal",
14
13
  fontWeight: 500,
15
14
  variants: {
16
- v1: {
17
- true: {}
18
- },
19
15
  debug: {
20
16
  true: {
21
17
  color: "#06D834 !important"
@@ -33,30 +29,16 @@ const styles = {
33
29
  },
34
30
  3: {
35
31
  lineHeight: 1.4,
36
- fontSize: "$250"
32
+ fontSize: "$250",
33
+ fontWeight: "$semibold"
37
34
  },
38
35
  4: {
39
36
  lineHeight: 1.5,
40
- fontSize: "$200"
41
- }
42
- }
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: {
37
+ fontSize: "$200",
56
38
  fontWeight: "$semibold"
57
39
  }
58
40
  }
59
- ]
41
+ }
60
42
  };
61
43
  const H1 = styled(Primitive.h1, styles);
62
44
  const H2 = styled(Primitive.h2, styles);
@@ -74,14 +56,12 @@ var Styled = /*#__PURE__*/Object.freeze({
74
56
  const Heading = React.forwardRef(
75
57
  ({ level, styledAs, children, ...props }, forwardRef) => {
76
58
  const [debug] = useLocalStorage("DEBUG_TEXT", false);
77
- const [v1] = useNewDesignLanguage();
78
59
  const HeadingLevel = Styled["H".concat(level)];
79
60
  const styledAsLevel = styledAs !== void 0 ? +styledAs.replace("h", "") : styledAs;
80
61
  return /* @__PURE__ */ jsx(
81
62
  HeadingLevel,
82
63
  {
83
64
  ...props,
84
- v1,
85
65
  debug,
86
66
  level: styledAsLevel != null ? styledAsLevel : level,
87
67
  ref: forwardRef,
@@ -119,11 +99,6 @@ const textStyles = {
119
99
  const StyledText = styled(Primitive.span, {
120
100
  ...textStyles.default,
121
101
  variants: {
122
- v1: {
123
- true: {
124
- fontFamily: "$body-v1"
125
- }
126
- },
127
102
  debug: {
128
103
  true: {
129
104
  color: "#06D834 !important"
@@ -145,12 +120,10 @@ const StyledText = styled(Primitive.span, {
145
120
  const Text = React.forwardRef(
146
121
  ({ size, weight, ...restProps }, forwardRef) => {
147
122
  const [debug] = useLocalStorage("DEBUG_TEXT", false);
148
- const [v1] = useNewDesignLanguage();
149
123
  return /* @__PURE__ */ jsx(
150
124
  StyledText,
151
125
  {
152
126
  ...restProps,
153
- v1,
154
127
  ref: forwardRef,
155
128
  debug,
156
129
  size,
@@ -164,11 +137,6 @@ const StyledParagraph = styled(Primitive.p, {
164
137
  ...textStyles.default,
165
138
  margin: 0,
166
139
  variants: {
167
- v1: {
168
- true: {
169
- fontFamily: "$body-v1"
170
- }
171
- },
172
140
  debug: {
173
141
  true: {
174
142
  color: "#06D834 !important"
@@ -190,8 +158,7 @@ const StyledParagraph = styled(Primitive.p, {
190
158
  const Paragraph = React.forwardRef(
191
159
  (props, forwardRef) => {
192
160
  const [debug] = useLocalStorage("DEBUG_TEXT", false);
193
- const [v1] = useNewDesignLanguage();
194
- return /* @__PURE__ */ jsx(StyledParagraph, { ref: forwardRef, v1, debug, ...props });
161
+ return /* @__PURE__ */ jsx(StyledParagraph, { ref: forwardRef, debug, ...props });
195
162
  }
196
163
  );
197
164
 
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 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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"}
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 fontWeight: '$semibold',\n },\n 4: {\n lineHeight: 1.5,\n fontSize: '$200',\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'\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\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 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'\n\nimport { StyledText } from './text.styled'\nimport type { StyledTextProps } from './text.styled'\n\nexport interface TextProps extends Omit<StyledTextProps, '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\n return (\n <StyledText\n {...restProps}\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 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'\n\nimport type { StyledParagraphProps } from './paragraph.styled'\nimport { StyledParagraph } from './paragraph.styled'\n\nexport interface ParagraphProps extends Omit<StyledParagraphProps, '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\n return <StyledParagraph ref={forwardRef} debug={debug} {...props} />\n }\n)\n"],"names":[],"mappings":"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"}
package/dist/types.d.ts CHANGED
@@ -4,12 +4,10 @@ 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">>>, "v1" | "debug" | "level"> & _stitches_react_types_styled_component.TransformProps<{
8
- v1?: boolean | "true" | undefined;
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<{
9
8
  debug?: boolean | "true" | "false" | undefined;
10
9
  level?: "1" | "2" | "3" | "4" | 1 | 3 | 2 | 4 | undefined;
11
10
  }, {}> & _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;
13
11
  debug?: boolean | "true" | "false" | undefined;
14
12
  level?: "1" | "2" | "3" | "4" | 1 | 3 | 2 | 4 | undefined;
15
13
  }, {}>;
@@ -17,7 +15,7 @@ type StyledHeadingProps = ComponentPropsWithRef<typeof H1>;
17
15
 
18
16
  type Level = 1 | 2 | 3 | 4;
19
17
  type Tags = 'h1' | 'h2' | 'h3' | 'h4';
20
- interface HeadingProps extends Omit<StyledHeadingProps, 'debug' | 'v1'> {
18
+ interface HeadingProps extends Omit<StyledHeadingProps, 'debug'> {
21
19
  /**
22
20
  * The sematic heading level used in the HTML markup.
23
21
  */
@@ -29,20 +27,18 @@ interface HeadingProps extends Omit<StyledHeadingProps, 'debug' | 'v1'> {
29
27
  }
30
28
  declare const Heading: react__default.ForwardRefExoticComponent<Omit<HeadingProps, "ref"> & react__default.RefAttributes<HTMLHeadingElement>>;
31
29
 
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<{
33
- v1?: boolean | "true" | undefined;
30
+ 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<{
34
31
  debug?: boolean | "true" | "false" | undefined;
35
32
  size?: "normal" | "small" | "mini" | undefined;
36
33
  weight?: "normal" | "bold" | undefined;
37
34
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLSpanElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"span">>, {
38
- v1?: boolean | "true" | undefined;
39
35
  debug?: boolean | "true" | "false" | undefined;
40
36
  size?: "normal" | "small" | "mini" | undefined;
41
37
  weight?: "normal" | "bold" | undefined;
42
38
  }, {}>;
43
39
  type StyledTextProps = ComponentPropsWithRef<typeof StyledText>;
44
40
 
45
- interface TextProps extends Omit<StyledTextProps, 'v1' | 'debug'> {
41
+ interface TextProps extends Omit<StyledTextProps, 'debug'> {
46
42
  /**
47
43
  * The content.
48
44
  */
@@ -58,20 +54,18 @@ interface TextProps extends Omit<StyledTextProps, 'v1' | 'debug'> {
58
54
  }
59
55
  declare const Text: react__default.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react__default.RefAttributes<HTMLSpanElement>>;
60
56
 
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<{
62
- v1?: boolean | "true" | undefined;
57
+ 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<{
63
58
  debug?: boolean | "true" | "false" | undefined;
64
59
  size?: "normal" | "small" | "mini" | undefined;
65
60
  weight?: "normal" | "bold" | undefined;
66
61
  }, {}> & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & react.RefAttributes<HTMLParagraphElement>> & _mirohq_design_system_stitches.StitchesInternals<react.ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"p">>, {
67
- v1?: boolean | "true" | undefined;
68
62
  debug?: boolean | "true" | "false" | undefined;
69
63
  size?: "normal" | "small" | "mini" | undefined;
70
64
  weight?: "normal" | "bold" | undefined;
71
65
  }, {}>;
72
66
  type StyledParagraphProps = ComponentPropsWithRef<typeof StyledParagraph>;
73
67
 
74
- interface ParagraphProps extends Omit<StyledParagraphProps, 'v1' | 'debug'> {
68
+ interface ParagraphProps extends Omit<StyledParagraphProps, 'debug'> {
75
69
  /**
76
70
  * The content.
77
71
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-typography",
3
- "version": "0.6.18",
3
+ "version": "1.0.0-pdl-removing-ffs.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,10 +26,9 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-experiments": "^0.4.0",
30
- "@mirohq/design-system-primitive": "^1.1.2",
31
- "@mirohq/design-system-stitches": "^2.6.39",
32
- "@mirohq/design-system-use-local-storage": "^0.3.11"
29
+ "@mirohq/design-system-use-local-storage": "^1.0.0-pdl-removing-ffs.0",
30
+ "@mirohq/design-system-stitches": "^3.0.0-pdl-removing-ffs.0",
31
+ "@mirohq/design-system-primitive": "^2.0.0-pdl-removing-ffs.0"
33
32
  },
34
33
  "scripts": {
35
34
  "build": "rollup -c ../../../rollup.config.js",