@atlaskit/theme - npm Package Compare versions

Comparing version 12.10.0 to 12.11.0

CHANGELOG.md

 # @atlaskit/theme
 
+## 12.11.0
+
+### Minor Changes
+
+- [#105813](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/105813)
+  [`f2f51e7a24d00`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f2f51e7a24d00) -
+  Deprecate constants fontSize, fontSizeSmall, fontFamily, and codeFontFamily. Token equivalents
+  should be used instead.
+
 ## 12.10.0
@@ -4,0 +13,0 @@

dist/cjs/constants.js

@@ -34,11 +34,41 @@ "use strict";
 };
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use token('font.body') or Text/Heading components instead.
+ * Font tokens {@link https://atlassian.design/components/tokens/all-tokens#font}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 var fontSize = exports.fontSize = function fontSize() {
   return 14;
 };
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.body.small')` or Text/Heading components instead.
+ * Font tokens {@link https://atlassian.design/components/tokens/all-tokens#font}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 var fontSizeSmall = exports.fontSizeSmall = function fontSizeSmall() {
   return 11;
 };
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.family.body') or consider the Text/Heading components instead.
+ * Font family tokens {@link https://atlassian.design/components/tokens/all-tokens#font-family}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 var fontFamily = exports.fontFamily = function fontFamily() {
   return "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
 };
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.family.code`) instead.
+ * Font family tokens {@link https://atlassian.design/components/tokens/all-tokens#font-family}
+ */
 var codeFontFamily = exports.codeFontFamily = function codeFontFamily() {
@@ -45,0 +75,0 @@ return "'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace";

dist/cjs/typography.js

@@ -39,3 +39,3 @@ "use strict";
   return {
-    fontSize: "".concat(size / (0, _constants.fontSize)(), "em"),
+    fontSize: "".concat(size / 14, "em"),
     fontStyle: 'inherit',
@@ -42,0 +42,0 @@ lineHeight: lineHeight / size

dist/es2019/constants.js

@@ -23,5 +23,35 @@ import deprecationWarning from '@atlaskit/ds-lib/deprecation-warning';
 export const gridSize = () => 8;
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use token('font.body') or Text/Heading components instead.
+ * Font tokens {@link https://atlassian.design/components/tokens/all-tokens#font}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export const fontSize = () => 14;
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.body.small')` or Text/Heading components instead.
+ * Font tokens {@link https://atlassian.design/components/tokens/all-tokens#font}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export const fontSizeSmall = () => 11;
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.family.body') or consider the Text/Heading components instead.
+ * Font family tokens {@link https://atlassian.design/components/tokens/all-tokens#font-family}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export const fontFamily = () => `-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.family.code`) instead.
+ * Font family tokens {@link https://atlassian.design/components/tokens/all-tokens#font-family}
+ */
 export const codeFontFamily = () => `'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace`;
@@ -28,0 +58,0 @@

dist/es2019/typography.js

 import { heading, subtleHeading } from './colors';
-import { fontSize, gridSize } from './constants';
+import { gridSize } from './constants';
 /**
@@ -28,3 +28,3 @@ * Font token fallbacks are verbose.
 const baseHeading = (size, lineHeight) => ({
-  fontSize: `${size / fontSize()}em`,
+  fontSize: `${size / 14}em`,
   fontStyle: 'inherit',
@@ -31,0 +31,0 @@ lineHeight: lineHeight / size

dist/esm/constants.js

@@ -27,11 +27,41 @@ import deprecationWarning from '@atlaskit/ds-lib/deprecation-warning';
 };
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use token('font.body') or Text/Heading components instead.
+ * Font tokens {@link https://atlassian.design/components/tokens/all-tokens#font}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export var fontSize = function fontSize() {
   return 14;
 };
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.body.small')` or Text/Heading components instead.
+ * Font tokens {@link https://atlassian.design/components/tokens/all-tokens#font}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export var fontSizeSmall = function fontSizeSmall() {
   return 11;
 };
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.family.body') or consider the Text/Heading components instead.
+ * Font family tokens {@link https://atlassian.design/components/tokens/all-tokens#font-family}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export var fontFamily = function fontFamily() {
   return "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif";
 };
+
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.family.code`) instead.
+ * Font family tokens {@link https://atlassian.design/components/tokens/all-tokens#font-family}
+ */
 export var codeFontFamily = function codeFontFamily() {
@@ -38,0 +68,0 @@ return "'SFMono-Medium', 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace";

dist/esm/typography.js

@@ -5,3 +5,3 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { heading, subtleHeading } from './colors';
-import { fontSize, gridSize } from './constants';
+import { gridSize } from './constants';
 /**
@@ -33,3 +33,3 @@ * Font token fallbacks are verbose.
   return {
-    fontSize: "".concat(size / fontSize(), "em"),
+    fontSize: "".concat(size / 14, "em"),
     fontStyle: 'inherit',
@@ -36,0 +36,0 @@ lineHeight: lineHeight / size

dist/types-ts4.5/constants.d.ts

@@ -16,5 +16,31 @@ import type { Layers } from './types';
 export declare const gridSize: () => number;
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use token('font.body') or Text/Heading components instead.
+ * Font tokens {@link https://atlassian.design/components/tokens/all-tokens#font}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export declare const fontSize: () => number;
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.body.small')` or Text/Heading components instead.
+ * Font tokens {@link https://atlassian.design/components/tokens/all-tokens#font}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export declare const fontSizeSmall: () => number;
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.family.body') or consider the Text/Heading components instead.
+ * Font family tokens {@link https://atlassian.design/components/tokens/all-tokens#font-family}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export declare const fontFamily: () => string;
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.family.code`) instead.
+ * Font family tokens {@link https://atlassian.design/components/tokens/all-tokens#font-family}
+ */
 export declare const codeFontFamily: () => string;
@@ -21,0 +47,0 @@ /**

dist/types/constants.d.ts

@@ -16,5 +16,31 @@ import type { Layers } from './types';
 export declare const gridSize: () => number;
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use token('font.body') or Text/Heading components instead.
+ * Font tokens {@link https://atlassian.design/components/tokens/all-tokens#font}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export declare const fontSize: () => number;
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.body.small')` or Text/Heading components instead.
+ * Font tokens {@link https://atlassian.design/components/tokens/all-tokens#font}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export declare const fontSizeSmall: () => number;
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.family.body') or consider the Text/Heading components instead.
+ * Font family tokens {@link https://atlassian.design/components/tokens/all-tokens#font-family}
+ * Heading component {@link https://atlassian.design/components/heading/examples}
+ * Text component {@link https://atlassian.design/components/primitives/text/examples}
+ */
 export declare const fontFamily: () => string;
+/**
+ * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-386 Internal documentation for deprecation (no external access)}
+ * @deprecated Use `token('font.family.code`) instead.
+ * Font family tokens {@link https://atlassian.design/components/tokens/all-tokens#font-family}
+ */
 export declare const codeFontFamily: () => string;
@@ -21,0 +47,0 @@ /**

package.json

 {
 	"name": "@atlaskit/theme",
-	"version": "12.10.0",
+	"version": "12.11.0",
 	"description": "Theme contains solutions for global theming, colors, typography and other useful mixins.",
@@ -5,0 +5,0 @@ "publishConfig": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

315953

increased by2.92%

Lines of code

6076

increased by2.19%

No dependency changes