@atlaskit/form 9.1.2 → 9.3.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 (8) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/messages.js +2 -13
  3. package/dist/cjs/required-asterisk.js +2 -4
  4. package/dist/es2019/messages.js +2 -13
  5. package/dist/es2019/required-asterisk.js +2 -4
  6. package/dist/esm/messages.js +2 -13
  7. package/dist/esm/required-asterisk.js +2 -4
  8. package/package.json +6 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/form
2
2
 
3
+ ## 9.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#92853](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92853) [`e241d0c95e65`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e241d0c95e65) - Typography tokenisation and improvements for form messages.
8
+
9
+ ## 9.2.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#89977](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/89977) [`4922acfee53b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4922acfee53b) - Typography tokens for RequiredAsterisk.
14
+
3
15
  ## 9.1.2
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/messages.js CHANGED
@@ -9,8 +9,6 @@ var _react = require("@emotion/react");
9
9
  var _success = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/success"));
10
10
  var _error = _interopRequireDefault(require("@atlaskit/icon/glyph/error"));
11
11
  var _colors = require("@atlaskit/theme/colors");
12
- var _constants = require("@atlaskit/theme/constants");
13
- var _typography = require("@atlaskit/theme/typography");
14
12
  var _fieldIdContext = require("./field-id-context");
15
13
  /** @jsx jsx */
16
14
 
@@ -22,20 +20,11 @@ var _fieldIdContext = require("./field-id-context");
22
20
  * Public API of the various message components.
23
21
  */
24
22
 
25
- var fontFamily = (0, _constants.fontFamily)();
26
-
27
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
28
- var lightH200Styles = (0, _react.css)((0, _typography.h200)({
29
- theme: {
30
- mode: 'light'
31
- }
32
- }));
33
23
  var messageStyles = (0, _react.css)({
34
24
  display: 'flex',
35
25
  justifyContent: 'baseline',
36
26
  gap: "var(--ds-space-050, 4px)",
37
- fontFamily: "".concat(fontFamily),
38
- fontWeight: 'normal',
27
+ 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)",
39
28
  marginBlockStart: "var(--ds-space-050, 4px)"
40
29
  });
41
30
  var messageAppearanceStyles = {
@@ -86,7 +75,7 @@ var Message = function Message(_ref2) {
86
75
  */
87
76
  var content = typeof children === 'string' ? children : (0, _react.jsx)("span", null, children);
88
77
  return (0, _react.jsx)("div", {
89
- css: [lightH200Styles, messageStyles, messageAppearanceStyles[appearance]],
78
+ css: [messageStyles, messageAppearanceStyles[appearance]],
90
79
  "data-testid": testId,
91
80
  id: fieldId,
92
81
  "aria-live": "polite"
package/dist/cjs/required-asterisk.js CHANGED
@@ -6,14 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = RequiredAsterisk;
7
7
  var _react = require("@emotion/react");
8
8
  var _colors = require("@atlaskit/theme/colors");
9
- var _constants = require("@atlaskit/theme/constants");
10
9
  /** @jsx jsx */
11
10
 
12
- var fontFamily = (0, _constants.fontFamily)();
13
11
  var requiredIndicatorStyles = (0, _react.css)({
14
- paddingLeft: "var(--ds-space-025, 2px)",
15
12
  color: "var(--ds-text-danger, ".concat(_colors.R400, ")"),
16
- fontFamily: fontFamily
13
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
14
+ paddingInlineStart: "var(--ds-space-025, 2px)"
17
15
  });
18
16
  function RequiredAsterisk() {
19
17
  return (0, _react.jsx)("span", {
package/dist/es2019/messages.js CHANGED
@@ -4,8 +4,6 @@ import { css, jsx } from '@emotion/react';
4
4
  import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
5
5
  import ErrorIcon from '@atlaskit/icon/glyph/error';
6
6
  import { N200 } from '@atlaskit/theme/colors';
7
- import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
8
- import { h200 } from '@atlaskit/theme/typography';
9
7
  import { FieldId } from './field-id-context';
10
8
 
11
9
  /**
@@ -16,20 +14,11 @@ import { FieldId } from './field-id-context';
16
14
  * Public API of the various message components.
17
15
  */
18
16
 
19
- const fontFamily = getFontFamily();
20
-
21
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
22
- const lightH200Styles = css(h200({
23
- theme: {
24
- mode: 'light'
25
- }
26
- }));
27
17
  const messageStyles = css({
28
18
  display: 'flex',
29
19
  justifyContent: 'baseline',
30
20
  gap: "var(--ds-space-050, 4px)",
31
- fontFamily: `${fontFamily}`,
32
- fontWeight: 'normal',
21
+ 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)",
33
22
  marginBlockStart: "var(--ds-space-050, 4px)"
34
23
  });
35
24
  const messageAppearanceStyles = {
@@ -81,7 +70,7 @@ const Message = ({
81
70
  */
82
71
  const content = typeof children === 'string' ? children : jsx("span", null, children);
83
72
  return jsx("div", {
84
- css: [lightH200Styles, messageStyles, messageAppearanceStyles[appearance]],
73
+ css: [messageStyles, messageAppearanceStyles[appearance]],
85
74
  "data-testid": testId,
86
75
  id: fieldId,
87
76
  "aria-live": "polite"
package/dist/es2019/required-asterisk.js CHANGED
@@ -1,12 +1,10 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
3
  import { R400 } from '@atlaskit/theme/colors';
4
- import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
5
- const fontFamily = getFontFamily();
6
4
  const requiredIndicatorStyles = css({
7
- paddingLeft: "var(--ds-space-025, 2px)",
8
5
  color: `var(--ds-text-danger, ${R400})`,
9
- fontFamily
6
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
7
+ paddingInlineStart: "var(--ds-space-025, 2px)"
10
8
  });
11
9
  export default function RequiredAsterisk() {
12
10
  return jsx("span", {
package/dist/esm/messages.js CHANGED
@@ -4,8 +4,6 @@ import { css, jsx } from '@emotion/react';
4
4
  import SuccessIcon from '@atlaskit/icon/glyph/editor/success';
5
5
  import ErrorIcon from '@atlaskit/icon/glyph/error';
6
6
  import { N200 } from '@atlaskit/theme/colors';
7
- import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
8
- import { h200 } from '@atlaskit/theme/typography';
9
7
  import { FieldId } from './field-id-context';
10
8
 
11
9
  /**
@@ -16,20 +14,11 @@ import { FieldId } from './field-id-context';
16
14
  * Public API of the various message components.
17
15
  */
18
16
 
19
- var fontFamily = getFontFamily();
20
-
21
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
22
- var lightH200Styles = css(h200({
23
- theme: {
24
- mode: 'light'
25
- }
26
- }));
27
17
  var messageStyles = css({
28
18
  display: 'flex',
29
19
  justifyContent: 'baseline',
30
20
  gap: "var(--ds-space-050, 4px)",
31
- fontFamily: "".concat(fontFamily),
32
- fontWeight: 'normal',
21
+ 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)",
33
22
  marginBlockStart: "var(--ds-space-050, 4px)"
34
23
  });
35
24
  var messageAppearanceStyles = {
@@ -80,7 +69,7 @@ var Message = function Message(_ref2) {
80
69
  */
81
70
  var content = typeof children === 'string' ? children : jsx("span", null, children);
82
71
  return jsx("div", {
83
- css: [lightH200Styles, messageStyles, messageAppearanceStyles[appearance]],
72
+ css: [messageStyles, messageAppearanceStyles[appearance]],
84
73
  "data-testid": testId,
85
74
  id: fieldId,
86
75
  "aria-live": "polite"
package/dist/esm/required-asterisk.js CHANGED
@@ -1,12 +1,10 @@
1
1
  /** @jsx jsx */
2
2
  import { css, jsx } from '@emotion/react';
3
3
  import { R400 } from '@atlaskit/theme/colors';
4
- import { fontFamily as getFontFamily } from '@atlaskit/theme/constants';
5
- var fontFamily = getFontFamily();
6
4
  var requiredIndicatorStyles = css({
7
- paddingLeft: "var(--ds-space-025, 2px)",
8
5
  color: "var(--ds-text-danger, ".concat(R400, ")"),
9
- fontFamily: fontFamily
6
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
7
+ paddingInlineStart: "var(--ds-space-025, 2px)"
10
8
  });
11
9
  export default function RequiredAsterisk() {
12
10
  return jsx("span", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "9.1.2",
3
+ "version": "9.3.0",
4
4
  "description": "A form allows users to input information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -46,10 +46,12 @@
46
46
  "@af/accessibility-testing": "*",
47
47
  "@af/integration-testing": "*",
48
48
  "@af/visual-regression": "*",
49
- "@atlaskit/banner": "^12.2.0",
50
- "@atlaskit/button": "^17.11.0",
49
+ "@atlaskit/banner": "^12.3.0",
50
+ "@atlaskit/button": "^17.13.0",
51
51
  "@atlaskit/checkbox": "^13.1.0",
52
- "@atlaskit/ds-lib": "^2.2.0",
52
+ "@atlaskit/ds-lib": "^2.3.0",
53
+ "@atlaskit/modal-dialog": "^12.11.0",
54
+ "@atlaskit/radio": "^6.1.3",
53
55
  "@atlaskit/range": "^7.1.0",
54
56
  "@atlaskit/select": "^17.6.0",
55
57
  "@atlaskit/ssr": "*",