@atlaskit/ds-explorations 3.2.0 → 3.2.2

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 (10) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/text.partial.js +4 -4
  3. package/dist/es2019/components/text.partial.js +4 -4
  4. package/dist/esm/components/text.partial.js +4 -4
  5. package/dist/types/components/text.partial.d.ts +2 -2
  6. package/dist/types-ts4.5/components/text.partial.d.ts +2 -2
  7. package/examples/06-section-message.tsx +5 -5
  8. package/examples/99-interactions.tsx +1 -1
  9. package/package.json +3 -3
  10. package/src/components/text.partial.tsx +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/ds-explorations
2
2
 
3
+ ## 3.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#72557](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72557) [`0c78c9c18cb7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0c78c9c18cb7) - Fix font family not preferencing apple system fonts on macOS
8
+
9
+ ## 3.2.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [#67463](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67463) [`adf1c3ebf0fd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/adf1c3ebf0fd) - Fixed an issue with `Text` where text could render incorrectly if a typography token theme was not present on a page.
14
+ - Updated dependencies
15
+
3
16
  ## 3.2.0
4
17
 
5
18
  ### Minor Changes
package/dist/cjs/components/text.partial.js CHANGED
@@ -129,11 +129,11 @@ var Text = function Text(_ref) {
129
129
  var _default = exports.default = Text;
130
130
  /**
131
131
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
132
- * @codegen <<SignedSource::40722ab03efa1705ecfbcccb090c5b40>>
132
+ * @codegen <<SignedSource::3bb126723afcc9864b7ce6a94f386f9a>>
133
133
  * @codegenId typography
134
134
  * @codegenCommand yarn codegen-styles
135
135
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
136
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::049aa00f1a9c36992ac7a5378bf45032>>
136
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::467924fcb40aae7e72632df80023532a>>
137
137
  */
138
138
  var fontSizeMap = {
139
139
  'size.050': (0, _react2.css)({
@@ -177,7 +177,7 @@ var fontWeightMap = {
177
177
  };
178
178
  var fontFamilyMap = {
179
179
  body: (0, _react2.css)({
180
- fontFamily: "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
180
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
181
181
  }),
182
182
  brand: (0, _react2.css)({
183
183
  fontFamily: "var(--ds-font-family-brand, Charlie Sans)"
@@ -186,7 +186,7 @@ var fontFamilyMap = {
186
186
  fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
187
187
  }),
188
188
  heading: (0, _react2.css)({
189
- fontFamily: "var(--ds-font-family-heading, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
189
+ fontFamily: "var(--ds-font-family-heading, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
190
190
  }),
191
191
  monospace: (0, _react2.css)({
192
192
  fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
package/dist/es2019/components/text.partial.js CHANGED
@@ -120,11 +120,11 @@ export default Text;
120
120
 
121
121
  /**
122
122
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
123
- * @codegen <<SignedSource::40722ab03efa1705ecfbcccb090c5b40>>
123
+ * @codegen <<SignedSource::3bb126723afcc9864b7ce6a94f386f9a>>
124
124
  * @codegenId typography
125
125
  * @codegenCommand yarn codegen-styles
126
126
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
127
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::049aa00f1a9c36992ac7a5378bf45032>>
127
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::467924fcb40aae7e72632df80023532a>>
128
128
  */
129
129
  const fontSizeMap = {
130
130
  'size.050': css({
@@ -168,7 +168,7 @@ const fontWeightMap = {
168
168
  };
169
169
  const fontFamilyMap = {
170
170
  body: css({
171
- fontFamily: "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
171
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
172
172
  }),
173
173
  brand: css({
174
174
  fontFamily: "var(--ds-font-family-brand, Charlie Sans)"
@@ -177,7 +177,7 @@ const fontFamilyMap = {
177
177
  fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
178
178
  }),
179
179
  heading: css({
180
- fontFamily: "var(--ds-font-family-heading, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
180
+ fontFamily: "var(--ds-font-family-heading, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
181
181
  }),
182
182
  monospace: css({
183
183
  fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
package/dist/esm/components/text.partial.js CHANGED
@@ -123,11 +123,11 @@ export default Text;
123
123
 
124
124
  /**
125
125
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
126
- * @codegen <<SignedSource::40722ab03efa1705ecfbcccb090c5b40>>
126
+ * @codegen <<SignedSource::3bb126723afcc9864b7ce6a94f386f9a>>
127
127
  * @codegenId typography
128
128
  * @codegenCommand yarn codegen-styles
129
129
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
130
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::049aa00f1a9c36992ac7a5378bf45032>>
130
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::467924fcb40aae7e72632df80023532a>>
131
131
  */
132
132
  var fontSizeMap = {
133
133
  'size.050': css({
@@ -171,7 +171,7 @@ var fontWeightMap = {
171
171
  };
172
172
  var fontFamilyMap = {
173
173
  body: css({
174
- fontFamily: "var(--ds-font-family-body, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
174
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
175
175
  }),
176
176
  brand: css({
177
177
  fontFamily: "var(--ds-font-family-brand, Charlie Sans)"
@@ -180,7 +180,7 @@ var fontFamilyMap = {
180
180
  fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
181
181
  }),
182
182
  heading: css({
183
- fontFamily: "var(--ds-font-family-heading, ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
183
+ fontFamily: "var(--ds-font-family-heading, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
184
184
  }),
185
185
  monospace: css({
186
186
  fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
package/dist/types/components/text.partial.d.ts CHANGED
@@ -81,11 +81,11 @@ declare const Text: FC<TextProps>;
81
81
  export default Text;
82
82
  /**
83
83
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
84
- * @codegen <<SignedSource::40722ab03efa1705ecfbcccb090c5b40>>
84
+ * @codegen <<SignedSource::3bb126723afcc9864b7ce6a94f386f9a>>
85
85
  * @codegenId typography
86
86
  * @codegenCommand yarn codegen-styles
87
87
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
88
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::049aa00f1a9c36992ac7a5378bf45032>>
88
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::467924fcb40aae7e72632df80023532a>>
89
89
  */
90
90
  declare const fontSizeMap: {
91
91
  'size.050': import("@emotion/react").SerializedStyles;
package/dist/types-ts4.5/components/text.partial.d.ts CHANGED
@@ -86,11 +86,11 @@ declare const Text: FC<TextProps>;
86
86
  export default Text;
87
87
  /**
88
88
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
89
- * @codegen <<SignedSource::40722ab03efa1705ecfbcccb090c5b40>>
89
+ * @codegen <<SignedSource::3bb126723afcc9864b7ce6a94f386f9a>>
90
90
  * @codegenId typography
91
91
  * @codegenCommand yarn codegen-styles
92
92
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
93
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::049aa00f1a9c36992ac7a5378bf45032>>
93
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::467924fcb40aae7e72632df80023532a>>
94
94
  */
95
95
  declare const fontSizeMap: {
96
96
  'size.050': import("@emotion/react").SerializedStyles;
package/examples/06-section-message.tsx CHANGED
@@ -2,7 +2,7 @@
2
2
  /** @jsx jsx */
3
3
  import { jsx } from '@emotion/react';
4
4
 
5
- import Button from '@atlaskit/button';
5
+ import { LinkButton } from '@atlaskit/button/new';
6
6
  import __noop from '@atlaskit/ds-lib/noop';
7
7
  import Heading from '@atlaskit/heading';
8
8
  import InfoIcon from '@atlaskit/icon/glyph/info';
@@ -39,20 +39,20 @@ export default () => {
39
39
  in the success of my undertaking.
40
40
  </Text>
41
41
  <Inline separator="·" space="space.075">
42
- <Button
42
+ <LinkButton
43
43
  appearance="link"
44
44
  spacing="none"
45
45
  href="https://en.wikipedia.org/wiki/Mary_Shelley"
46
46
  >
47
47
  Mary
48
- </Button>
49
- <Button
48
+ </LinkButton>
49
+ <LinkButton
50
50
  appearance="link"
51
51
  spacing="none"
52
52
  href="https://en.wikipedia.org/wiki/Villa_Diodati"
53
53
  >
54
54
  Villa Diodatti
55
- </Button>
55
+ </LinkButton>
56
56
  </Inline>
57
57
  </Stack>
58
58
  </Inline>
package/examples/99-interactions.tsx CHANGED
@@ -3,7 +3,7 @@ import { Fragment } from 'react';
3
3
 
4
4
  import { jsx } from '@emotion/react';
5
5
 
6
- import Button from '@atlaskit/button';
6
+ import Button from '@atlaskit/button/new';
7
7
  import { Code } from '@atlaskit/code';
8
8
  import FocusRing from '@atlaskit/focus-ring';
9
9
  import Heading from '@atlaskit/heading';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "3.2.0",
3
+ "version": "3.2.2",
4
4
  "description": "An experimental package for exploration and validation of spacing / typography foundations.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,7 +25,7 @@
25
25
  "prepare": "yarn ak-postbuild"
26
26
  },
27
27
  "dependencies": {
28
- "@atlaskit/tokens": "^1.33.0",
28
+ "@atlaskit/tokens": "^1.37.0",
29
29
  "@babel/runtime": "^7.0.0",
30
30
  "@emotion/react": "^11.7.1",
31
31
  "tiny-invariant": "^1.2.0"
@@ -35,7 +35,7 @@
35
35
  },
36
36
  "devDependencies": {
37
37
  "@atlaskit/ds-lib": "*",
38
- "@atlaskit/primitives": "^1.16.0",
38
+ "@atlaskit/primitives": "^2.0.0",
39
39
  "@atlaskit/visual-regression": "*",
40
40
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
41
41
  "@atlassian/codegen": "^0.1.0",
package/src/components/text.partial.tsx CHANGED
@@ -189,11 +189,11 @@ export default Text;
189
189
 
190
190
  /**
191
191
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
192
- * @codegen <<SignedSource::40722ab03efa1705ecfbcccb090c5b40>>
192
+ * @codegen <<SignedSource::3bb126723afcc9864b7ce6a94f386f9a>>
193
193
  * @codegenId typography
194
194
  * @codegenCommand yarn codegen-styles
195
195
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
196
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::049aa00f1a9c36992ac7a5378bf45032>>
196
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography-adg3.tsx <<SignedSource::467924fcb40aae7e72632df80023532a>>
197
197
  */
198
198
  const fontSizeMap = {
199
199
  'size.050': css({
@@ -245,7 +245,7 @@ const fontFamilyMap = {
245
245
  body: css({
246
246
  fontFamily: token(
247
247
  'font.family.body',
248
- 'ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif',
248
+ 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif',
249
249
  ),
250
250
  }),
251
251
  brand: css({
@@ -260,7 +260,7 @@ const fontFamilyMap = {
260
260
  heading: css({
261
261
  fontFamily: token(
262
262
  'font.family.heading',
263
- 'ui-sans-serif, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif',
263
+ 'ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif',
264
264
  ),
265
265
  }),
266
266
  monospace: css({