@atlaskit/form 15.3.0 → 15.3.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/form
2
2
 
3
+ ## 15.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 15.3.0
4
10
 
5
11
  ### Minor Changes
@@ -1,4 +1,4 @@
1
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._1e0c1txw{display:flex}
3
3
  ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
4
4
  ._4cvr1h6o{align-items:center}
@@ -19,7 +19,7 @@ var _fieldIdContext = require("./field-id-context");
19
19
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
20
20
  // Extracted styles for character counter message container
21
21
  var messageContainerStyles = {
22
- root: "_11c8dcr7 _syaze6sf _1pfh1b66"
22
+ root: "_11c8rymc _syaze6sf _1pfh1b66"
23
23
  };
24
24
 
25
25
  // Extracted styles for error icon wrapper, need to use css to override the default height
@@ -1,6 +1,6 @@
1
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._1e0c1o8l{display:inline-block}
3
3
  ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
4
4
  ._6rth1b66{margin-block-end:var(--ds-space-050,4px)}
5
- ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
5
+ ._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
6
6
  ._syazazsu{color:var(--ds-text-subtle,#505258)}
package/dist/cjs/label.js CHANGED
@@ -29,7 +29,7 @@ var Label = exports.Label = function Label(_ref) {
29
29
  id: id,
30
30
  htmlFor: htmlFor,
31
31
  "data-testid": testId,
32
- className: (0, _runtime.ax)(["_11c8dcr7 _1e0c1o8l _syazazsu _k48pmoej _6rth1b66 _1pfhze3t"])
32
+ className: (0, _runtime.ax)(["_11c8rymc _1e0c1o8l _syazazsu _k48pwu06 _6rth1b66 _1pfhze3t"])
33
33
  }, children);
34
34
  };
35
35
 
@@ -41,6 +41,6 @@ var Label = exports.Label = function Label(_ref) {
41
41
  var Legend = exports.Legend = function Legend(_ref2) {
42
42
  var children = _ref2.children;
43
43
  return /*#__PURE__*/React.createElement("legend", {
44
- className: (0, _runtime.ax)(["_11c8dcr7 _1e0c1o8l _syazazsu _k48pmoej _6rth1b66 _1pfhze3t"])
44
+ className: (0, _runtime.ax)(["_11c8rymc _1e0c1o8l _syazazsu _k48pwu06 _6rth1b66 _1pfhze3t"])
45
45
  }, children);
46
46
  };
@@ -1,4 +1,4 @@
1
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._zulp12x7{gap:var(--ds-space-075,6px)}
3
3
  ._1bah1q9y{justify-content:baseline}
4
4
  ._1e0c1txw{display:flex}
@@ -98,7 +98,7 @@ var Message = function Message(_ref2) {
98
98
  // TODO: DSP-23603 - To clean up when removing "platform_dst_form_screenreader_message_fix" feature flag
99
99
  ,
100
100
  "aria-live": !isWrapper ? 'polite' : undefined,
101
- className: (0, _runtime.ax)(["_zulp12x7 _11c8dcr7 _1e0c1txw _1bah1q9y _1pfh1b66", messageAppearanceStyles[appearance]])
101
+ className: (0, _runtime.ax)(["_zulp12x7 _11c8rymc _1e0c1txw _1bah1q9y _1pfh1b66", messageAppearanceStyles[appearance]])
102
102
  }, isDelayRenderEnabled ? shouldRenderAfterDelay && childrenToRender : childrenToRender);
103
103
  };
104
104
 
@@ -1,3 +1,3 @@
1
1
  ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
2
- ._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._ect4ttxp{font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._syaz1ick{color:var(--ds-text-danger,#de350b)}
@@ -15,6 +15,6 @@ function RequiredAsterisk() {
15
15
  return /*#__PURE__*/React.createElement("span", {
16
16
  "aria-hidden": "true",
17
17
  title: "required",
18
- className: (0, _runtime.ax)(["_syaz1ick _ect41gqc _bozgv77o"])
18
+ className: (0, _runtime.ax)(["_syaz1ick _ect4ttxp _bozgv77o"])
19
19
  }, "*");
20
20
  }
@@ -1,4 +1,4 @@
1
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._1e0c1txw{display:flex}
3
3
  ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
4
4
  ._4cvr1h6o{align-items:center}
@@ -10,7 +10,7 @@ import { FieldId } from './field-id-context';
10
10
 
11
11
  // Extracted styles for character counter message container
12
12
  const messageContainerStyles = {
13
- root: "_11c8dcr7 _syaze6sf _1pfh1b66"
13
+ root: "_11c8rymc _syaze6sf _1pfh1b66"
14
14
  };
15
15
 
16
16
  // Extracted styles for error icon wrapper, need to use css to override the default height
@@ -1,6 +1,6 @@
1
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._1e0c1o8l{display:inline-block}
3
3
  ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
4
4
  ._6rth1b66{margin-block-end:var(--ds-space-050,4px)}
5
- ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
5
+ ._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
6
6
  ._syazazsu{color:var(--ds-text-subtle,#505258)}
@@ -21,7 +21,7 @@ export const Label = ({
21
21
  id: id,
22
22
  htmlFor: htmlFor,
23
23
  "data-testid": testId,
24
- className: ax(["_11c8dcr7 _1e0c1o8l _syazazsu _k48pmoej _6rth1b66 _1pfhze3t"])
24
+ className: ax(["_11c8rymc _1e0c1o8l _syazazsu _k48pwu06 _6rth1b66 _1pfhze3t"])
25
25
  }, children);
26
26
 
27
27
  /**
@@ -33,6 +33,6 @@ export const Legend = ({
33
33
  children
34
34
  }) => {
35
35
  return /*#__PURE__*/React.createElement("legend", {
36
- className: ax(["_11c8dcr7 _1e0c1o8l _syazazsu _k48pmoej _6rth1b66 _1pfhze3t"])
36
+ className: ax(["_11c8rymc _1e0c1o8l _syazazsu _k48pwu06 _6rth1b66 _1pfhze3t"])
37
37
  }, children);
38
38
  };
@@ -1,4 +1,4 @@
1
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._zulp12x7{gap:var(--ds-space-075,6px)}
3
3
  ._1bah1q9y{justify-content:baseline}
4
4
  ._1e0c1txw{display:flex}
@@ -84,7 +84,7 @@ const Message = ({
84
84
  // TODO: DSP-23603 - To clean up when removing "platform_dst_form_screenreader_message_fix" feature flag
85
85
  ,
86
86
  "aria-live": !isWrapper ? 'polite' : undefined,
87
- className: ax(["_zulp12x7 _11c8dcr7 _1e0c1txw _1bah1q9y _1pfh1b66", messageAppearanceStyles[appearance]])
87
+ className: ax(["_zulp12x7 _11c8rymc _1e0c1txw _1bah1q9y _1pfh1b66", messageAppearanceStyles[appearance]])
88
88
  }, isDelayRenderEnabled ? shouldRenderAfterDelay && childrenToRender : childrenToRender);
89
89
  };
90
90
 
@@ -1,3 +1,3 @@
1
1
  ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
2
- ._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._ect4ttxp{font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._syaz1ick{color:var(--ds-text-danger,#de350b)}
@@ -7,6 +7,6 @@ export default function RequiredAsterisk() {
7
7
  return /*#__PURE__*/React.createElement("span", {
8
8
  "aria-hidden": "true",
9
9
  title: "required",
10
- className: ax(["_syaz1ick _ect41gqc _bozgv77o"])
10
+ className: ax(["_syaz1ick _ect4ttxp _bozgv77o"])
11
11
  }, "*");
12
12
  }
@@ -1,4 +1,4 @@
1
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._1e0c1txw{display:flex}
3
3
  ._1pfh1b66{margin-block-start:var(--ds-space-050,4px)}
4
4
  ._4cvr1h6o{align-items:center}
@@ -11,7 +11,7 @@ import { FieldId } from './field-id-context';
11
11
 
12
12
  // Extracted styles for character counter message container
13
13
  var messageContainerStyles = {
14
- root: "_11c8dcr7 _syaze6sf _1pfh1b66"
14
+ root: "_11c8rymc _syaze6sf _1pfh1b66"
15
15
  };
16
16
 
17
17
  // Extracted styles for error icon wrapper, need to use css to override the default height
@@ -1,6 +1,6 @@
1
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._1e0c1o8l{display:inline-block}
3
3
  ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
4
4
  ._6rth1b66{margin-block-end:var(--ds-space-050,4px)}
5
- ._k48pmoej{font-weight:var(--ds-font-weight-bold,700)}
5
+ ._k48pwu06{font-weight:var(--ds-font-weight-bold,653)}
6
6
  ._syazazsu{color:var(--ds-text-subtle,#505258)}
package/dist/esm/label.js CHANGED
@@ -21,7 +21,7 @@ export var Label = function Label(_ref) {
21
21
  id: id,
22
22
  htmlFor: htmlFor,
23
23
  "data-testid": testId,
24
- className: ax(["_11c8dcr7 _1e0c1o8l _syazazsu _k48pmoej _6rth1b66 _1pfhze3t"])
24
+ className: ax(["_11c8rymc _1e0c1o8l _syazazsu _k48pwu06 _6rth1b66 _1pfhze3t"])
25
25
  }, children);
26
26
  };
27
27
 
@@ -33,6 +33,6 @@ export var Label = function Label(_ref) {
33
33
  export var Legend = function Legend(_ref2) {
34
34
  var children = _ref2.children;
35
35
  return /*#__PURE__*/React.createElement("legend", {
36
- className: ax(["_11c8dcr7 _1e0c1o8l _syazazsu _k48pmoej _6rth1b66 _1pfhze3t"])
36
+ className: ax(["_11c8rymc _1e0c1o8l _syazazsu _k48pwu06 _6rth1b66 _1pfhze3t"])
37
37
  }, children);
38
38
  };
@@ -1,4 +1,4 @@
1
- ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
1
+ ._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._zulp12x7{gap:var(--ds-space-075,6px)}
3
3
  ._1bah1q9y{justify-content:baseline}
4
4
  ._1e0c1txw{display:flex}
@@ -90,7 +90,7 @@ var Message = function Message(_ref2) {
90
90
  // TODO: DSP-23603 - To clean up when removing "platform_dst_form_screenreader_message_fix" feature flag
91
91
  ,
92
92
  "aria-live": !isWrapper ? 'polite' : undefined,
93
- className: ax(["_zulp12x7 _11c8dcr7 _1e0c1txw _1bah1q9y _1pfh1b66", messageAppearanceStyles[appearance]])
93
+ className: ax(["_zulp12x7 _11c8rymc _1e0c1txw _1bah1q9y _1pfh1b66", messageAppearanceStyles[appearance]])
94
94
  }, isDelayRenderEnabled ? shouldRenderAfterDelay && childrenToRender : childrenToRender);
95
95
  };
96
96
 
@@ -1,3 +1,3 @@
1
1
  ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
2
- ._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._ect4ttxp{font-family:var(--ds-font-family-body,"Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._syaz1ick{color:var(--ds-text-danger,#de350b)}
@@ -7,6 +7,6 @@ export default function RequiredAsterisk() {
7
7
  return /*#__PURE__*/React.createElement("span", {
8
8
  "aria-hidden": "true",
9
9
  title: "required",
10
- className: ax(["_syaz1ick _ect41gqc _bozgv77o"])
10
+ className: ax(["_syaz1ick _ect4ttxp _bozgv77o"])
11
11
  }, "*");
12
12
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/form",
3
- "version": "15.3.0",
3
+ "version": "15.3.1",
4
4
  "description": "A form allows people to input information.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,8 +30,8 @@
30
30
  "@atlaskit/heading": "^5.2.0",
31
31
  "@atlaskit/icon": "^29.4.0",
32
32
  "@atlaskit/platform-feature-flags": "^1.1.0",
33
- "@atlaskit/primitives": "^17.0.0",
34
- "@atlaskit/tokens": "^9.1.0",
33
+ "@atlaskit/primitives": "^17.1.0",
34
+ "@atlaskit/tokens": "^10.0.0",
35
35
  "@atlaskit/visually-hidden": "^3.0.0",
36
36
  "@babel/runtime": "^7.0.0",
37
37
  "@compiled/react": "^0.18.6",
@@ -52,22 +52,21 @@
52
52
  "@atlaskit/checkbox": "^17.3.0",
53
53
  "@atlaskit/codemod-utils": "^4.2.0",
54
54
  "@atlaskit/datetime-picker": "^17.4.0",
55
- "@atlaskit/docs": "^11.2.0",
55
+ "@atlaskit/docs": "^11.3.0",
56
56
  "@atlaskit/link": "^3.3.0",
57
57
  "@atlaskit/lozenge": "^13.3.0",
58
- "@atlaskit/modal-dialog": "^14.9.0",
58
+ "@atlaskit/modal-dialog": "^14.10.0",
59
59
  "@atlaskit/radio": "^8.4.0",
60
60
  "@atlaskit/range": "^9.3.0",
61
61
  "@atlaskit/section-message": "^8.12.0",
62
- "@atlaskit/select": "^21.6.0",
62
+ "@atlaskit/select": "^21.7.0",
63
63
  "@atlaskit/textarea": "^8.2.0",
64
64
  "@atlaskit/textfield": "^8.2.0",
65
65
  "@atlaskit/toggle": "^15.2.0",
66
66
  "@atlassian/feature-flags-test-utils": "^1.0.0",
67
67
  "@atlassian/ssr-tests": "workspace:^",
68
68
  "@atlassian/testing-library": "^0.4.0",
69
- "@testing-library/react": "^13.4.0",
70
- "@testing-library/react-hooks": "^8.0.1",
69
+ "@testing-library/react": "^16.3.0",
71
70
  "@testing-library/user-event": "^14.4.3",
72
71
  "@types/final-form-focus": "^1.1.1",
73
72
  "jest-in-case": "^1.0.2",