@atlaskit/primitives 14.14.1 → 14.14.2
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 +8 -0
- package/dist/cjs/compiled/components/focusable.compiled.css +4 -4
- package/dist/cjs/compiled/components/focusable.js +2 -2
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/es2019/compiled/components/focusable.compiled.css +4 -4
- package/dist/es2019/compiled/components/focusable.js +1 -1
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/esm/compiled/components/focusable.compiled.css +4 -4
- package/dist/esm/compiled/components/focusable.js +2 -2
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/pressable.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 14.14.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
|
|
8
|
+
Internal changes to how borders are applied.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 14.14.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
1
|
+
._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
|
|
2
|
+
._1ah31gt5:focus-visible{outline-offset:var(--_12dc40g)}
|
|
3
|
+
._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
|
|
4
4
|
._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
|
|
5
5
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
6
|
-
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}.
|
|
6
|
+
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}._2mwq1gt5:focus-visible{outline-offset:var(--_12dc40g)}}
|
|
@@ -43,13 +43,13 @@ var Focusable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
43
43
|
return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, safeHtmlAttributes, {
|
|
44
44
|
// @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
|
|
45
45
|
ref: ref,
|
|
46
|
-
className: (0, _runtime.ax)(["_mizu194a
|
|
46
|
+
className: (0, _runtime.ax)(["_mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gt5 _2mwq1gt5", xcss])
|
|
47
47
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
48
48
|
,
|
|
49
49
|
|
|
50
50
|
"data-testid": testId,
|
|
51
51
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
52
|
-
"--
|
|
52
|
+
"--_12dc40g": (0, _runtime.ix)("calc(0px - ".concat("var(--ds-border-width-focused, 2px)", ")"))
|
|
53
53
|
})
|
|
54
54
|
}), children);
|
|
55
55
|
});
|
|
@@ -36,7 +36,7 @@ var focusRingStyles = (0, _react2.css)({
|
|
|
36
36
|
outlineOffset: _styleMaps.positiveSpaceMap['space.025'],
|
|
37
37
|
outlineStyle: 'solid',
|
|
38
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
39
|
-
outlineWidth: _styleMaps.borderWidthMap['border.width.
|
|
39
|
+
outlineWidth: _styleMaps.borderWidthMap['border.width.focused']
|
|
40
40
|
},
|
|
41
41
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
42
42
|
'&:focus:not(:focus-visible)': {
|
|
@@ -31,7 +31,7 @@ var focusRingStyles = (0, _react2.css)({
|
|
|
31
31
|
outlineOffset: _styleMaps.positiveSpaceMap['space.025'],
|
|
32
32
|
outlineStyle: 'solid',
|
|
33
33
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
34
|
-
outlineWidth: _styleMaps.borderWidthMap['border.width.
|
|
34
|
+
outlineWidth: _styleMaps.borderWidthMap['border.width.focused']
|
|
35
35
|
},
|
|
36
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
37
37
|
'&:focus:not(:focus-visible)': {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
1
|
+
._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
|
|
2
|
+
._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
|
|
3
|
+
._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
|
|
4
4
|
._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
|
|
5
5
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
6
|
-
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}.
|
|
6
|
+
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}._2mwq1gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}}
|
|
@@ -30,7 +30,7 @@ const Focusable = /*#__PURE__*/forwardRef(({
|
|
|
30
30
|
return /*#__PURE__*/React.createElement(Component, _extends({}, safeHtmlAttributes, {
|
|
31
31
|
// @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
|
|
32
32
|
ref: ref,
|
|
33
|
-
className: ax(["_mizu194a
|
|
33
|
+
className: ax(["_mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", xcss])
|
|
34
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
35
35
|
,
|
|
36
36
|
style: style,
|
|
@@ -25,7 +25,7 @@ const focusRingStyles = css({
|
|
|
25
25
|
outlineOffset: positiveSpaceMap['space.025'],
|
|
26
26
|
outlineStyle: 'solid',
|
|
27
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
28
|
-
outlineWidth: borderWidthMap['border.width.
|
|
28
|
+
outlineWidth: borderWidthMap['border.width.focused']
|
|
29
29
|
},
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
31
31
|
'&:focus:not(:focus-visible)': {
|
|
@@ -21,7 +21,7 @@ const focusRingStyles = css({
|
|
|
21
21
|
outlineOffset: positiveSpaceMap['space.025'],
|
|
22
22
|
outlineStyle: 'solid',
|
|
23
23
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
24
|
-
outlineWidth: borderWidthMap['border.width.
|
|
24
|
+
outlineWidth: borderWidthMap['border.width.focused']
|
|
25
25
|
},
|
|
26
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
27
27
|
'&:focus:not(:focus-visible)': {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
1
|
+
._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
|
|
2
|
+
._1ah31gt5:focus-visible{outline-offset:var(--_12dc40g)}
|
|
3
|
+
._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
|
|
4
4
|
._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
|
|
5
5
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
6
|
-
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}.
|
|
6
|
+
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}._2mwq1gt5:focus-visible{outline-offset:var(--_12dc40g)}}
|
|
@@ -34,13 +34,13 @@ var Focusable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
34
34
|
return /*#__PURE__*/React.createElement(Component, _extends({}, safeHtmlAttributes, {
|
|
35
35
|
// @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
|
|
36
36
|
ref: ref,
|
|
37
|
-
className: ax(["_mizu194a
|
|
37
|
+
className: ax(["_mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gt5 _2mwq1gt5", xcss])
|
|
38
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
39
39
|
,
|
|
40
40
|
|
|
41
41
|
"data-testid": testId,
|
|
42
42
|
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
43
|
-
"--
|
|
43
|
+
"--_12dc40g": ix("calc(0px - ".concat("var(--ds-border-width-focused, 2px)", ")"))
|
|
44
44
|
})
|
|
45
45
|
}), children);
|
|
46
46
|
});
|
|
@@ -30,7 +30,7 @@ var focusRingStyles = css({
|
|
|
30
30
|
outlineOffset: positiveSpaceMap['space.025'],
|
|
31
31
|
outlineStyle: 'solid',
|
|
32
32
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
33
|
-
outlineWidth: borderWidthMap['border.width.
|
|
33
|
+
outlineWidth: borderWidthMap['border.width.focused']
|
|
34
34
|
},
|
|
35
35
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
36
36
|
'&:focus:not(:focus-visible)': {
|
|
@@ -25,7 +25,7 @@ var focusRingStyles = css({
|
|
|
25
25
|
outlineOffset: positiveSpaceMap['space.025'],
|
|
26
26
|
outlineStyle: 'solid',
|
|
27
27
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
|
|
28
|
-
outlineWidth: borderWidthMap['border.width.
|
|
28
|
+
outlineWidth: borderWidthMap['border.width.focused']
|
|
29
29
|
},
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
31
31
|
'&:focus:not(:focus-visible)': {
|