@atlaskit/ds-explorations 2.2.9 → 2.2.11

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 (13) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/components/text.partial.js +15 -3
  3. package/dist/es2019/components/text.partial.js +15 -3
  4. package/dist/esm/components/text.partial.js +15 -3
  5. package/dist/types/components/text.partial.d.ts +6 -2
  6. package/dist/types-ts4.5/components/text.partial.d.ts +6 -2
  7. package/package.json +2 -3
  8. package/report.api.md +1 -0
  9. package/scripts/typography-codegen-template.tsx +1 -0
  10. package/src/components/__tests__/vr-tests/box-snapshot-test.vr.tsx +1 -0
  11. package/src/components/__tests__/vr-tests/text-snapshot-test.vr.tsx +1 -0
  12. package/src/components/text.partial.tsx +21 -3
  13. package/tmp/api-report-tmp.d.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/ds-explorations
2
2
 
3
+ ## 2.2.11
4
+
5
+ ### Patch Changes
6
+
7
+ - [`103ee1d5dd4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/103ee1d5dd4) - Internal updates to generated artifacts.
8
+
9
+ ## 2.2.10
10
+
11
+ ### Patch Changes
12
+
13
+ - [`b11339bc8a3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b11339bc8a3) - Internal updates for ADS Typography ADG3 theme.
14
+ - Updated dependencies
15
+
3
16
  ## 2.2.9
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/components/text.partial.js CHANGED
@@ -135,11 +135,11 @@ var Text = function Text(_ref) {
135
135
  var _default = Text;
136
136
  /**
137
137
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
138
- * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
138
+ * @codegen <<SignedSource::b8b8bbe2326e2cc6d28ce2d7042ab202>>
139
139
  * @codegenId typography
140
140
  * @codegenCommand yarn codegen-styles
141
141
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
142
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
142
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7fa10802b854af6256a8c2d394d59238>>
143
143
  */
144
144
  exports.default = _default;
145
145
  var fontSizeMap = {
@@ -183,14 +183,26 @@ var fontWeightMap = {
183
183
  })
184
184
  };
185
185
  var fontFamilyMap = {
186
+ brand: (0, _react2.css)({
187
+ fontFamily: "var(--ds-font-family-brand, Charlie Sans)"
188
+ }),
189
+ code: (0, _react2.css)({
190
+ fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
191
+ }),
186
192
  monospace: (0, _react2.css)({
187
- fontFamily: "var(--ds-font-family-monospace, \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace)"
193
+ fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
194
+ }),
195
+ product: (0, _react2.css)({
196
+ fontFamily: "var(--ds-font-family-product, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)"
188
197
  }),
189
198
  sans: (0, _react2.css)({
190
199
  fontFamily: "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
191
200
  })
192
201
  };
193
202
  var lineHeightMap = {
203
+ 'lineHeight.1': (0, _react2.css)({
204
+ lineHeight: "var(--ds-font-lineHeight-1, 1)"
205
+ }),
194
206
  'lineHeight.100': (0, _react2.css)({
195
207
  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
196
208
  }),
package/dist/es2019/components/text.partial.js CHANGED
@@ -126,11 +126,11 @@ export default Text;
126
126
 
127
127
  /**
128
128
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
129
- * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
129
+ * @codegen <<SignedSource::b8b8bbe2326e2cc6d28ce2d7042ab202>>
130
130
  * @codegenId typography
131
131
  * @codegenCommand yarn codegen-styles
132
132
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
133
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
133
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7fa10802b854af6256a8c2d394d59238>>
134
134
  */
135
135
  const fontSizeMap = {
136
136
  'size.050': css({
@@ -173,14 +173,26 @@ const fontWeightMap = {
173
173
  })
174
174
  };
175
175
  const fontFamilyMap = {
176
+ brand: css({
177
+ fontFamily: "var(--ds-font-family-brand, Charlie Sans)"
178
+ }),
179
+ code: css({
180
+ fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
181
+ }),
176
182
  monospace: css({
177
- fontFamily: "var(--ds-font-family-monospace, \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace)"
183
+ fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
184
+ }),
185
+ product: css({
186
+ fontFamily: "var(--ds-font-family-product, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)"
178
187
  }),
179
188
  sans: css({
180
189
  fontFamily: "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
181
190
  })
182
191
  };
183
192
  const lineHeightMap = {
193
+ 'lineHeight.1': css({
194
+ lineHeight: "var(--ds-font-lineHeight-1, 1)"
195
+ }),
184
196
  'lineHeight.100': css({
185
197
  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
186
198
  }),
package/dist/esm/components/text.partial.js CHANGED
@@ -129,11 +129,11 @@ export default Text;
129
129
 
130
130
  /**
131
131
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
132
- * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
132
+ * @codegen <<SignedSource::b8b8bbe2326e2cc6d28ce2d7042ab202>>
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.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
136
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7fa10802b854af6256a8c2d394d59238>>
137
137
  */
138
138
  var fontSizeMap = {
139
139
  'size.050': css({
@@ -176,14 +176,26 @@ var fontWeightMap = {
176
176
  })
177
177
  };
178
178
  var fontFamilyMap = {
179
+ brand: css({
180
+ fontFamily: "var(--ds-font-family-brand, Charlie Sans)"
181
+ }),
182
+ code: css({
183
+ fontFamily: "var(--ds-font-family-code, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
184
+ }),
179
185
  monospace: css({
180
- fontFamily: "var(--ds-font-family-monospace, \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace)"
186
+ fontFamily: "var(--ds-font-family-monospace, ui-monospace, Menlo, \"Segoe UI Mono\", \"Ubuntu Mono\", monospace)"
187
+ }),
188
+ product: css({
189
+ fontFamily: "var(--ds-font-family-product, ui-sans-serif, \"Segoe UI\", system-ui, Ubuntu, \"Helvetica Neue\", sans-serif)"
181
190
  }),
182
191
  sans: css({
183
192
  fontFamily: "var(--ds-font-family-sans, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif)"
184
193
  })
185
194
  };
186
195
  var lineHeightMap = {
196
+ 'lineHeight.1': css({
197
+ lineHeight: "var(--ds-font-lineHeight-1, 1)"
198
+ }),
187
199
  'lineHeight.100': css({
188
200
  lineHeight: "var(--ds-font-lineHeight-100, 16px)"
189
201
  }),
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::9f746e797b8b5262d58b40dfecb39e6d>>
84
+ * @codegen <<SignedSource::b8b8bbe2326e2cc6d28ce2d7042ab202>>
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.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
88
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7fa10802b854af6256a8c2d394d59238>>
89
89
  */
90
90
  declare const fontSizeMap: {
91
91
  'size.050': import("@emotion/react").SerializedStyles;
@@ -106,11 +106,15 @@ declare const fontWeightMap: {
106
106
  };
107
107
  export type FontWeight = keyof typeof fontWeightMap;
108
108
  declare const fontFamilyMap: {
109
+ brand: import("@emotion/react").SerializedStyles;
110
+ code: import("@emotion/react").SerializedStyles;
109
111
  monospace: import("@emotion/react").SerializedStyles;
112
+ product: import("@emotion/react").SerializedStyles;
110
113
  sans: import("@emotion/react").SerializedStyles;
111
114
  };
112
115
  export type FontFamily = keyof typeof fontFamilyMap;
113
116
  declare const lineHeightMap: {
117
+ 'lineHeight.1': import("@emotion/react").SerializedStyles;
114
118
  'lineHeight.100': import("@emotion/react").SerializedStyles;
115
119
  'lineHeight.200': import("@emotion/react").SerializedStyles;
116
120
  'lineHeight.300': 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::9f746e797b8b5262d58b40dfecb39e6d>>
89
+ * @codegen <<SignedSource::b8b8bbe2326e2cc6d28ce2d7042ab202>>
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.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
93
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7fa10802b854af6256a8c2d394d59238>>
94
94
  */
95
95
  declare const fontSizeMap: {
96
96
  'size.050': import("@emotion/react").SerializedStyles;
@@ -111,11 +111,15 @@ declare const fontWeightMap: {
111
111
  };
112
112
  export type FontWeight = keyof typeof fontWeightMap;
113
113
  declare const fontFamilyMap: {
114
+ brand: import("@emotion/react").SerializedStyles;
115
+ code: import("@emotion/react").SerializedStyles;
114
116
  monospace: import("@emotion/react").SerializedStyles;
117
+ product: import("@emotion/react").SerializedStyles;
115
118
  sans: import("@emotion/react").SerializedStyles;
116
119
  };
117
120
  export type FontFamily = keyof typeof fontFamilyMap;
118
121
  declare const lineHeightMap: {
122
+ 'lineHeight.1': import("@emotion/react").SerializedStyles;
119
123
  'lineHeight.100': import("@emotion/react").SerializedStyles;
120
124
  'lineHeight.200': import("@emotion/react").SerializedStyles;
121
125
  'lineHeight.300': import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/ds-explorations",
3
- "version": "2.2.9",
3
+ "version": "2.2.11",
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.14.0",
28
+ "@atlaskit/tokens": "^1.15.0",
29
29
  "@babel/runtime": "^7.0.0",
30
30
  "@emotion/react": "^11.7.1",
31
31
  "tiny-invariant": "^1.2.0"
@@ -34,7 +34,6 @@
34
34
  "react": "^16.8.0"
35
35
  },
36
36
  "devDependencies": {
37
- "@af/visual-regression": "*",
38
37
  "@atlaskit/ds-lib": "*",
39
38
  "@atlaskit/visual-regression": "*",
40
39
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
package/report.api.md CHANGED
@@ -396,6 +396,7 @@ type LineHeight = keyof typeof lineHeightMap;
396
396
 
397
397
  // @public (undocumented)
398
398
  const lineHeightMap: {
399
+ 'lineHeight.1': SerializedStyles;
399
400
  'lineHeight.100': SerializedStyles;
400
401
  'lineHeight.200': SerializedStyles;
401
402
  'lineHeight.300': SerializedStyles;
package/scripts/typography-codegen-template.tsx CHANGED
@@ -33,6 +33,7 @@ const typographyProperties = {
33
33
  },
34
34
  } as const;
35
35
 
36
+ // @ts-expect-error
36
37
  const activeTokens: Token[] = tokens.map((t) => ({
37
38
  name: t.name,
38
39
  fallback: t.value,
package/src/components/__tests__/vr-tests/box-snapshot-test.vr.tsx CHANGED
@@ -1,3 +1,4 @@
1
+ // eslint-disable-next-line import/no-extraneous-dependencies
1
2
  import { snapshot } from '@af/visual-regression';
2
3
 
3
4
  import Box from '../../../../examples/01-box';
package/src/components/__tests__/vr-tests/text-snapshot-test.vr.tsx CHANGED
@@ -1,3 +1,4 @@
1
+ // eslint-disable-next-line import/no-extraneous-dependencies
1
2
  import { snapshot } from '@af/visual-regression';
2
3
 
3
4
  import Text from '../../../../examples/02-text';
package/src/components/text.partial.tsx CHANGED
@@ -195,11 +195,11 @@ export default Text;
195
195
 
196
196
  /**
197
197
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
198
- * @codegen <<SignedSource::9f746e797b8b5262d58b40dfecb39e6d>>
198
+ * @codegen <<SignedSource::b8b8bbe2326e2cc6d28ce2d7042ab202>>
199
199
  * @codegenId typography
200
200
  * @codegenCommand yarn codegen-styles
201
201
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight"]
202
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::e6bf70c53b8eecdb84ae4c79966537e3>>
202
+ * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-typography.tsx <<SignedSource::7fa10802b854af6256a8c2d394d59238>>
203
203
  */
204
204
  const fontSizeMap = {
205
205
  'size.050': css({
@@ -248,10 +248,25 @@ const fontWeightMap = {
248
248
  export type FontWeight = keyof typeof fontWeightMap;
249
249
 
250
250
  const fontFamilyMap = {
251
+ brand: css({
252
+ fontFamily: token('font.family.brand', 'Charlie Sans'),
253
+ }),
254
+ code: css({
255
+ fontFamily: token(
256
+ 'font.family.code',
257
+ 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
258
+ ),
259
+ }),
251
260
  monospace: css({
252
261
  fontFamily: token(
253
262
  'font.family.monospace',
254
- '"SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace',
263
+ 'ui-monospace, Menlo, "Segoe UI Mono", "Ubuntu Mono", monospace',
264
+ ),
265
+ }),
266
+ product: css({
267
+ fontFamily: token(
268
+ 'font.family.product',
269
+ 'ui-sans-serif, "Segoe UI", system-ui, Ubuntu, "Helvetica Neue", sans-serif',
255
270
  ),
256
271
  }),
257
272
  sans: css({
@@ -265,6 +280,9 @@ const fontFamilyMap = {
265
280
  export type FontFamily = keyof typeof fontFamilyMap;
266
281
 
267
282
  const lineHeightMap = {
283
+ 'lineHeight.1': css({
284
+ lineHeight: token('font.lineHeight.1', '1'),
285
+ }),
268
286
  'lineHeight.100': css({
269
287
  lineHeight: token('font.lineHeight.100', '16px'),
270
288
  }),
package/tmp/api-report-tmp.d.ts CHANGED
@@ -380,6 +380,7 @@ type LineHeight = keyof typeof lineHeightMap;
380
380
 
381
381
  // @public (undocumented)
382
382
  const lineHeightMap: {
383
+ 'lineHeight.1': SerializedStyles;
383
384
  'lineHeight.100': SerializedStyles;
384
385
  'lineHeight.200': SerializedStyles;
385
386
  'lineHeight.300': SerializedStyles;