@atlaskit/primitives 1.17.0 → 1.18.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 (9) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/constellation/text/code.mdx +5 -3
  3. package/constellation/xcss/usage.mdx +1 -1
  4. package/dist/cjs/xcss/style-maps.partial.js +6 -6
  5. package/dist/es2019/xcss/style-maps.partial.js +6 -6
  6. package/dist/esm/xcss/style-maps.partial.js +6 -6
  7. package/dist/types/xcss/style-maps.partial.d.ts +1 -1
  8. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +1 -1
  9. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 1.18.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#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.
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
3
13
  ## 1.17.0
4
14
 
5
15
  ### Minor Changes
package/constellation/text/code.mdx CHANGED
@@ -2,6 +2,10 @@
2
2
  title: Text
3
3
  description: Text is a token-backed typography component to display body and UI text.
4
4
  order: 1
5
+ props:
6
+ packageName: '@atlaskit/primitives'
7
+ exports:
8
+ - Text
5
9
  ---
6
10
 
7
11
  import { CodeDocsHeader } from '@af/design-system-docs-ui';
@@ -12,8 +16,6 @@ import { CodeDocsHeader } from '@af/design-system-docs-ui';
12
16
  directoryName="primitives"
13
17
  />
14
18
 
15
- import ERTText from '!!extract-react-types-loader!../../extract-react-types/text-props';
16
-
17
19
  ## Props
18
20
 
19
- <PropsTable heading="" props={ERTText} />
21
+ <TSMorphProps exportName="Text" packageName="@atlaskit/primitives" />
package/constellation/xcss/usage.mdx CHANGED
@@ -6,7 +6,7 @@ order: 0
6
6
 
7
7
  import { MediaQueriesTable } from '@af/design-system-docs-ui';
8
8
 
9
- XCSS is an Atlassian Design System styling API that natively integrates with Atlassian's [design tokens](/tokens) and [primitives](/components/primitives).
9
+ XCSS is an Atlassian Design System styling API that natively integrates with Atlassian's [design tokens](/tokens) and [primitives](/components/primitives/overview).
10
10
 
11
11
  The XCSS utility behaves similarly to the `css` utility in libraries like `styled-components`, `@compiled` or `@emotion`. If you've used these libraries, XCSS will feel familiar, with a few additional features and constraints.
12
12
 
package/dist/cjs/xcss/style-maps.partial.js CHANGED
@@ -496,7 +496,7 @@ var borderRadiusMap = exports.borderRadiusMap = {
496
496
 
497
497
  /**
498
498
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
499
- * @codegen <<SignedSource::739812ebd4363d1b1782332b2ebffd2c>>
499
+ * @codegen <<SignedSource::badcf0eda5c0c2a7dca4428cc42a5db9>>
500
500
  * @codegenId typography
501
501
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
502
502
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -537,13 +537,13 @@ var lineHeightMap = exports.lineHeightMap = {
537
537
  'font.lineHeight.600': "var(--ds-font-lineHeight-600, 40px)"
538
538
  };
539
539
  var bodyTextMap = exports.bodyTextMap = {
540
- body: "var(--ds-font-body, normal 400 14px/20px var(--ds-font-family-body))",
541
- 'body.large': "var(--ds-font-body-large, normal 400 16px/24px var(--ds-font-family-body))",
542
- 'body.small': "var(--ds-font-body-small, normal 400 11px/16px var(--ds-font-family-body))"
540
+ body: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
541
+ 'body.large': "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
542
+ 'body.small': "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
543
543
  };
544
544
  var uiTextMap = exports.uiTextMap = {
545
- ui: "var(--ds-font-ui, normal 400 14px/1 var(--ds-font-family-body))",
546
- 'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 var(--ds-font-family-body))"
545
+ ui: "var(--ds-font-ui, normal 400 14px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
546
+ 'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
547
547
  };
548
548
 
549
549
  /**
package/dist/es2019/xcss/style-maps.partial.js CHANGED
@@ -484,7 +484,7 @@ export const borderRadiusMap = {
484
484
  */
485
485
  /**
486
486
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
487
- * @codegen <<SignedSource::739812ebd4363d1b1782332b2ebffd2c>>
487
+ * @codegen <<SignedSource::badcf0eda5c0c2a7dca4428cc42a5db9>>
488
488
  * @codegenId typography
489
489
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
490
490
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -525,13 +525,13 @@ export const lineHeightMap = {
525
525
  'font.lineHeight.600': "var(--ds-font-lineHeight-600, 40px)"
526
526
  };
527
527
  export const bodyTextMap = {
528
- body: "var(--ds-font-body, normal 400 14px/20px var(--ds-font-family-body))",
529
- 'body.large': "var(--ds-font-body-large, normal 400 16px/24px var(--ds-font-family-body))",
530
- 'body.small': "var(--ds-font-body-small, normal 400 11px/16px var(--ds-font-family-body))"
528
+ body: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
529
+ 'body.large': "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
530
+ 'body.small': "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
531
531
  };
532
532
  export const uiTextMap = {
533
- ui: "var(--ds-font-ui, normal 400 14px/1 var(--ds-font-family-body))",
534
- 'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 var(--ds-font-family-body))"
533
+ ui: "var(--ds-font-ui, normal 400 14px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
534
+ 'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
535
535
  };
536
536
 
537
537
  /**
package/dist/esm/xcss/style-maps.partial.js CHANGED
@@ -484,7 +484,7 @@ export var borderRadiusMap = {
484
484
  */
485
485
  /**
486
486
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
487
- * @codegen <<SignedSource::739812ebd4363d1b1782332b2ebffd2c>>
487
+ * @codegen <<SignedSource::badcf0eda5c0c2a7dca4428cc42a5db9>>
488
488
  * @codegenId typography
489
489
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
490
490
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -525,13 +525,13 @@ export var lineHeightMap = {
525
525
  'font.lineHeight.600': "var(--ds-font-lineHeight-600, 40px)"
526
526
  };
527
527
  export var bodyTextMap = {
528
- body: "var(--ds-font-body, normal 400 14px/20px var(--ds-font-family-body))",
529
- 'body.large': "var(--ds-font-body-large, normal 400 16px/24px var(--ds-font-family-body))",
530
- 'body.small': "var(--ds-font-body-small, normal 400 11px/16px var(--ds-font-family-body))"
528
+ body: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
529
+ 'body.large': "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
530
+ 'body.small': "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
531
531
  };
532
532
  export var uiTextMap = {
533
- ui: "var(--ds-font-ui, normal 400 14px/1 var(--ds-font-family-body))",
534
- 'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 var(--ds-font-family-body))"
533
+ ui: "var(--ds-font-ui, normal 400 14px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
534
+ 'ui.small': "var(--ds-font-ui-small, normal 400 11px/1 ui-sans-serif, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
535
535
  };
536
536
 
537
537
  /**
package/dist/types/xcss/style-maps.partial.d.ts CHANGED
@@ -515,7 +515,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
515
515
  */
516
516
  /**
517
517
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
518
- * @codegen <<SignedSource::739812ebd4363d1b1782332b2ebffd2c>>
518
+ * @codegen <<SignedSource::badcf0eda5c0c2a7dca4428cc42a5db9>>
519
519
  * @codegenId typography
520
520
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
521
521
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
package/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -515,7 +515,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
515
515
  */
516
516
  /**
517
517
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
518
- * @codegen <<SignedSource::739812ebd4363d1b1782332b2ebffd2c>>
518
+ * @codegen <<SignedSource::badcf0eda5c0c2a7dca4428cc42a5db9>>
519
519
  * @codegenId typography
520
520
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
521
521
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "1.17.0",
3
+ "version": "1.18.0",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -105,7 +105,7 @@
105
105
  },
106
106
  "dependencies": {
107
107
  "@atlaskit/app-provider": "^0.4.0",
108
- "@atlaskit/tokens": "^1.33.0",
108
+ "@atlaskit/tokens": "^1.34.0",
109
109
  "@babel/runtime": "^7.0.0",
110
110
  "@emotion/react": "^11.7.1",
111
111
  "@emotion/serialize": "^1.1.0",