@atlaskit/form 10.1.0 → 10.1.1

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 (7) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/label.js +6 -13
  3. package/dist/es2019/label.js +6 -13
  4. package/dist/esm/label.js +6 -13
  5. package/dist/types/label.d.ts +1 -1
  6. package/dist/types-ts4.5/label.d.ts +1 -1
  7. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/form
2
2
 
3
+ ## 10.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#100993](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100993)
8
+ [`cb7514abb833`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb7514abb833) -
9
+ Typography tokens for form labels.
10
+
3
11
  ## 10.1.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/label.js CHANGED
@@ -6,23 +6,16 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = exports.Legend = exports.Label = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  var _colors = require("@atlaskit/theme/colors");
9
- var _constants = require("@atlaskit/theme/constants");
10
- var _typography = require("@atlaskit/theme/typography");
11
9
  /** @jsx jsx */
12
10
 
13
- var fontFamily = (0, _constants.fontFamily)();
14
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
15
- var fieldsetLabelStyles = (0, _react.css)([(0, _typography.h200)({
16
- theme: {
17
- mode: 'light'
18
- }
19
- }), {
11
+ var fieldsetLabelStyles = (0, _react.css)({
20
12
  display: 'inline-block',
21
- marginTop: 0,
22
- marginBottom: "var(--ds-space-050, 4px)",
23
13
  color: "var(--ds-text-subtle, ".concat(_colors.N200, ")"),
24
- fontFamily: fontFamily
25
- }]);
14
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
15
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
16
+ marginBlockEnd: "var(--ds-space-050, 4px)",
17
+ marginBlockStart: 0
18
+ });
26
19
 
27
20
  /**
28
21
  * __Label__
package/dist/es2019/label.js CHANGED
@@ -2,21 +2,14 @@
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
4
  import { N200 } from '@atlaskit/theme/colors';
5
- import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
6
- import { h200 } from '@atlaskit/theme/typography';
7
- const fontFamily = getFontFamily();
8
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
9
- const fieldsetLabelStyles = css([h200({
10
- theme: {
11
- mode: 'light'
12
- }
13
- }), {
5
+ const fieldsetLabelStyles = css({
14
6
  display: 'inline-block',
15
- marginTop: 0,
16
- marginBottom: "var(--ds-space-050, 4px)",
17
7
  color: `var(--ds-text-subtle, ${N200})`,
18
- fontFamily: fontFamily
19
- }]);
8
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
9
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
10
+ marginBlockEnd: "var(--ds-space-050, 4px)",
11
+ marginBlockStart: 0
12
+ });
20
13
 
21
14
  /**
22
15
  * __Label__
package/dist/esm/label.js CHANGED
@@ -2,21 +2,14 @@
2
2
 
3
3
  import { css, jsx } from '@emotion/react';
4
4
  import { N200 } from '@atlaskit/theme/colors';
5
- import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
6
- import { h200 } from '@atlaskit/theme/typography';
7
- var fontFamily = getFontFamily();
8
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
9
- var fieldsetLabelStyles = css([h200({
10
- theme: {
11
- mode: 'light'
12
- }
13
- }), {
5
+ var fieldsetLabelStyles = css({
14
6
  display: 'inline-block',
15
- marginTop: 0,
16
- marginBottom: "var(--ds-space-050, 4px)",
17
7
  color: "var(--ds-text-subtle, ".concat(N200, ")"),
18
- fontFamily: fontFamily
19
- }]);
8
+ font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
9
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
10
+ marginBlockEnd: "var(--ds-space-050, 4px)",
11
+ marginBlockStart: 0
12
+ });
20
13
 
21
14
  /**
22
15
  * __Label__
package/dist/types/label.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC, ReactNode } from 'react';
2
+ import { type FC, type ReactNode } from 'react';
3
3
  export interface LabelProps {
4
4
  id?: string;
5
5
  htmlFor: string;
package/dist/types-ts4.5/label.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /** @jsx jsx */
2
- import { FC, ReactNode } from 'react';
2
+ import { type FC, type ReactNode } from 'react';
3
3
  export interface LabelProps {
4
4
  id?: string;
5
5
  htmlFor: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "10.1.0",
3
+ "version": "10.1.1",
4
4
  "description": "A form allows users to input information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
30
30
  "dependencies": {
31
31
  "@atlaskit/heading": "^2.2.0",
32
32
  "@atlaskit/icon": "^22.2.0",
33
- "@atlaskit/primitives": "^6.1.0",
33
+ "@atlaskit/primitives": "^6.2.0",
34
34
  "@atlaskit/theme": "^12.8.0",
35
35
  "@atlaskit/tokens": "^1.48.0",
36
36
  "@babel/runtime": "^7.0.0",