@atlaskit/dynamic-table 18.2.15 → 18.2.16

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 (20) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/styled/dynamic-table.compiled.css +1 -1
  3. package/dist/cjs/styled/dynamic-table.js +2 -2
  4. package/dist/cjs/styled/table-head.compiled.css +2 -2
  5. package/dist/cjs/styled/table-head.js +3 -3
  6. package/dist/cjs/styled/table-row.compiled.css +1 -1
  7. package/dist/cjs/styled/table-row.js +2 -2
  8. package/dist/es2019/styled/dynamic-table.compiled.css +1 -1
  9. package/dist/es2019/styled/dynamic-table.js +1 -1
  10. package/dist/es2019/styled/table-head.compiled.css +2 -2
  11. package/dist/es2019/styled/table-head.js +1 -1
  12. package/dist/es2019/styled/table-row.compiled.css +1 -1
  13. package/dist/es2019/styled/table-row.js +1 -1
  14. package/dist/esm/styled/dynamic-table.compiled.css +1 -1
  15. package/dist/esm/styled/dynamic-table.js +2 -2
  16. package/dist/esm/styled/table-head.compiled.css +2 -2
  17. package/dist/esm/styled/table-head.js +3 -3
  18. package/dist/esm/styled/table-row.compiled.css +1 -1
  19. package/dist/esm/styled/table-row.js +2 -2
  20. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/dynamic-table
2
2
 
3
+ ## 18.2.16
4
+
5
+ ### Patch Changes
6
+
7
+ - [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
3
11
  ## 18.2.15
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/styled/dynamic-table.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
  ._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._179rralu{border-block-end:var(--_k02y3n)}
2
+ ._179r1tpy{border-block-end:var(--_mwqor1)}
3
3
  ._1bah1h6o{justify-content:center}
4
4
  ._1bsb1osq{width:100%}
5
5
  ._1e0c1txw{display:flex}
package/dist/cjs/styled/dynamic-table.js CHANGED
@@ -35,7 +35,7 @@ var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
35
35
  ref: ref
36
36
  }, rest, {
37
37
  "data-testid": testId && "".concat(testId, "--table"),
38
- className: (0, _runtime.ax)(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179rralu"]),
38
+ className: (0, _runtime.ax)(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r1tpy"]),
39
39
  style: _objectSpread(_objectSpread({}, {
40
40
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
41
41
  '--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N10, ")"),
@@ -46,7 +46,7 @@ var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
46
46
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
47
47
  '--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, ".concat(_colors.B100, ")")
48
48
  }), {}, {
49
- "--_k02y3n": (0, _runtime.ix)("2px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")))
49
+ "--_mwqor1": (0, _runtime.ix)("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")))
50
50
  })
51
51
  }), children);
52
52
  });
package/dist/cjs/styled/table-head.compiled.css CHANGED
@@ -7,8 +7,8 @@
7
7
  ._y9yonqa1>button:after, ._997wnqa1>button:before{border-style:solid}
8
8
  ._h7alglyw{border-inline:none}
9
9
  ._izbqglyw{border-block:none}
10
+ ._179r1tpy{border-block-end:var(--_mwqor1)}
10
11
  ._179rglyw{border-block-end:none}
11
- ._179rralu{border-block-end:var(--_k02y3n)}
12
12
  ._191wglyw{border-inline-start:none}
13
13
  ._c77k1f6e>button:before{border-block-end:var(--_1rdacuj)}
14
14
  ._c77k2wk4>button:before{border-block-end:var(--_1qca9zt)}
@@ -52,7 +52,7 @@
52
52
  ._xv14glyw>button{-webkit-appearance:none;appearance:none}
53
53
  ._y3gn1e5h{text-align:left}
54
54
  ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
55
- ._1ygbuwsq:focus-visible{outline:var(--_jz8ahf)}
55
+ ._1ygb1x42:focus-visible{outline:var(--_z3oznn)}
56
56
  ._d0altlke:hover{cursor:pointer}
57
57
  ._irr3bfnf:hover{background-color:var(--_6j4ewu)}
58
58
  @media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after, ._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after, ._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after, ._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
package/dist/cjs/styled/table-head.js CHANGED
@@ -85,11 +85,11 @@ var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (
85
85
  ref: ref,
86
86
  "data-testid": testId
87
87
  }, rest, {
88
- className: (0, _runtime.ax)(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179rralu _mqm2glyw _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygbuwsq" : "_11c8dcr7 _179rralu _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbuwsq", !isVisuallyRefreshed && onClick && "_irr3bfnf _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77k1f6e _qzvtu2gc _f4731f6e _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k2wk4 _142s94yt", !isVisuallyRefreshed && isDESC && "_f4732wk4 _17x894yt"]),
88
+ className: (0, _runtime.ax)(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179r1tpy _mqm2glyw _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygb1x42" : "_11c8dcr7 _179r1tpy _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4jp4b _1ygb1x42", !isVisuallyRefreshed && onClick && "_irr3bfnf _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77k1f6e _qzvtu2gc _f4731f6e _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k2wk4 _142s94yt", !isVisuallyRefreshed && isDESC && "_f4732wk4 _17x894yt"]),
89
89
  style: _objectSpread(_objectSpread({}, mergedStyles), {}, {
90
- "--_k02y3n": (0, _runtime.ix)("2px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")"))),
90
+ "--_mwqor1": (0, _runtime.ix)("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")"))),
91
91
  "--_17ckjys": (0, _runtime.ix)("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")")),
92
- "--_jz8ahf": (0, _runtime.ix)("solid 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"))),
92
+ "--_z3oznn": (0, _runtime.ix)("solid ".concat("var(--ds-border-width-focused, 2px)", " ", "var(--ds-border-focused, ".concat(_colors.B100, ")"))),
93
93
  "--_6j4ewu": (0, _runtime.ix)("var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")),
94
94
  "--_1rdacuj": (0, _runtime.ix)("3px solid ".concat("var(--ds-icon-disabled, ".concat(_colors.N40, ")"))),
95
95
  "--_1qca9zt": (0, _runtime.ix)("3px solid ".concat("var(--ds-icon-subtle, ".concat(_colors.N300, ")")))
package/dist/cjs/styled/table-row.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
3
3
  ._bfhktkjs{background-color:var(--ds-background-selected,var(--local-dynamic-table-highlighted-bg))}
4
- ._1ygb1852:focus-visible{outline:var(--_akp1ox)}._1ah312gs:focus-visible{outline-offset:-2px}
4
+ ._1ygb1i4z:focus-visible{outline:var(--_4vkylo)}._1ah312gs:focus-visible{outline-offset:-2px}
5
5
  ._irr31ae3:hover{background-color:var(--ds-background-selected-hovered,var(--local-dynamic-table-hover-highlighted-bg))}
6
6
  ._irr3s8ts:hover{background-color:var(--ds-background-neutral-subtle-hovered,var(--local-dynamic-table-hover-bg))}
package/dist/cjs/styled/table-row.js CHANGED
@@ -36,12 +36,12 @@ var TableBodyRow = exports.TableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(fu
36
36
  * With Compiled it needs to be statically analyzable. It does not get applied via spread props.
37
37
  */
38
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
39
- className: (0, _runtime.ax)(["_bfhkqtfy _1ygb1852 _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
39
+ className: (0, _runtime.ax)(["_bfhkqtfy _1ygb1i4z _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
40
40
  }, rest, {
41
41
  ref: ref,
42
42
  "data-testid": testId,
43
43
  style: _objectSpread(_objectSpread({}, style), {}, {
44
- "--_akp1ox": (0, _runtime.ix)("2px solid ".concat("var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
44
+ "--_4vkylo": (0, _runtime.ix)("var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
45
45
  })
46
46
  }), children);
47
47
  });
package/dist/es2019/styled/dynamic-table.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
  ._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._179r1on0{border-block-end:2px solid var(--ds-border,#dfe1e6)}
2
+ ._179r1md5{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
3
3
  ._1bah1h6o{justify-content:center}
4
4
  ._1bsb1osq{width:100%}
5
5
  ._1e0c1txw{display:flex}
package/dist/es2019/styled/dynamic-table.js CHANGED
@@ -33,7 +33,7 @@ export const Table = /*#__PURE__*/forwardRef(({
33
33
  ref: ref
34
34
  }, rest, {
35
35
  "data-testid": testId && `${testId}--table`,
36
- className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r1on0"])
36
+ className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r1md5"])
37
37
  }), children);
38
38
  });
39
39
  const captionStyles = null;
package/dist/es2019/styled/table-head.compiled.css CHANGED
@@ -7,7 +7,7 @@
7
7
  ._y9yonqa1>button:after, ._997wnqa1>button:before{border-style:solid}
8
8
  ._h7alglyw{border-inline:none}
9
9
  ._izbqglyw{border-block:none}
10
- ._179r1on0{border-block-end:2px solid var(--ds-border,#dfe1e6)}
10
+ ._179r1md5{border-block-end:var(--ds-border-width-selected,2px) solid var(--ds-border,#dfe1e6)}
11
11
  ._179rglyw{border-block-end:none}
12
12
  ._191wglyw{border-inline-start:none}
13
13
  ._c77k1thn>button:before{border-block-end:3px solid var(--ds-icon-subtle,#5e6c84)}
@@ -52,7 +52,7 @@
52
52
  ._xv14glyw>button{-webkit-appearance:none;appearance:none}
53
53
  ._y3gn1e5h{text-align:left}
54
54
  ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
55
- ._1ygbvd8c:focus-visible{outline:solid 2px var(--ds-border-focused,#4c9aff)}
55
+ ._1ygbjc5g:focus-visible{outline:solid var(--ds-border-width-focused,2px) var(--ds-border-focused,#4c9aff)}
56
56
  ._d0altlke:hover{cursor:pointer}
57
57
  ._irr317ks:hover{background-color:var(--ds-background-neutral-hovered,rgba(9,30,66,.08))}
58
58
  @media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after, ._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after, ._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after, ._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
package/dist/es2019/styled/table-head.js CHANGED
@@ -77,6 +77,6 @@ export const HeadCell = /*#__PURE__*/forwardRef(({
77
77
  ref: ref,
78
78
  "data-testid": testId
79
79
  }, rest, {
80
- className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179r1on0 _mqm2glyw _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4nkob _1ygbvd8c" : "_11c8dcr7 _179r1on0 _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbvd8c", !isVisuallyRefreshed && onClick && "_irr317ks _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77kvia6 _qzvtu2gc _f473via6 _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k1thn _142s94yt", !isVisuallyRefreshed && isDESC && "_f4731thn _17x894yt"])
80
+ className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179r1md5 _mqm2glyw _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4nkob _1ygbjc5g" : "_11c8dcr7 _179r1md5 _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz34id _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbjc5g", !isVisuallyRefreshed && onClick && "_irr317ks _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77kvia6 _qzvtu2gc _f473via6 _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k1thn _142s94yt", !isVisuallyRefreshed && isDESC && "_f4731thn _17x894yt"])
81
81
  }), children);
82
82
  });
package/dist/es2019/styled/table-row.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
3
3
  ._bfhktkjs{background-color:var(--ds-background-selected,var(--local-dynamic-table-highlighted-bg))}
4
- ._1ygbi9un:focus-visible{outline:2px solid var(--ds-border-focused,var(--local-dynamic-table-hover-bg))}._1ah312gs:focus-visible{outline-offset:-2px}
4
+ ._1ygbsglb:focus-visible{outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,var(--local-dynamic-table-hover-bg))}._1ah312gs:focus-visible{outline-offset:-2px}
5
5
  ._irr31ae3:hover{background-color:var(--ds-background-selected-hovered,var(--local-dynamic-table-hover-highlighted-bg))}
6
6
  ._irr3s8ts:hover{background-color:var(--ds-background-neutral-subtle-hovered,var(--local-dynamic-table-hover-bg))}
package/dist/es2019/styled/table-row.js CHANGED
@@ -25,7 +25,7 @@ export const TableBodyRow = /*#__PURE__*/forwardRef(({
25
25
  * With Compiled it needs to be statically analyzable. It does not get applied via spread props.
26
26
  */
27
27
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
28
- className: ax(["_bfhkqtfy _1ygbi9un _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
28
+ className: ax(["_bfhkqtfy _1ygbsglb _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
29
29
  }, rest, {
30
30
  ref: ref,
31
31
  "data-testid": testId
package/dist/esm/styled/dynamic-table.compiled.css CHANGED
@@ -1,5 +1,5 @@
1
1
  ._11c8lodh{font:var(--ds-font-heading-medium,normal 500 20px/24px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
- ._179rralu{border-block-end:var(--_k02y3n)}
2
+ ._179r1tpy{border-block-end:var(--_mwqor1)}
3
3
  ._1bah1h6o{justify-content:center}
4
4
  ._1bsb1osq{width:100%}
5
5
  ._1e0c1txw{display:flex}
package/dist/esm/styled/dynamic-table.js CHANGED
@@ -27,7 +27,7 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
27
27
  ref: ref
28
28
  }, rest, {
29
29
  "data-testid": testId && "".concat(testId, "--table"),
30
- className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179rralu"]),
30
+ className: ax(["_1bsb1osq _yq5hus1c _btyzidpf _ect41gqc", isFixedSize && "_1kqm1n9t", hasDataRow && "_179r1tpy"]),
31
31
  style: _objectSpread(_objectSpread({}, {
32
32
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
33
33
  '--local-dynamic-table-hover-bg': "var(--ds-background-neutral-subtle-hovered, ".concat(N10, ")"),
@@ -38,7 +38,7 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
38
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
39
39
  '--local-dynamic-table-row-focus-outline': "var(--ds-border-focused, ".concat(B100, ")")
40
40
  }), {}, {
41
- "--_k02y3n": ix("2px solid ".concat("var(--ds-border, ".concat(N40, ")")))
41
+ "--_mwqor1": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")")))
42
42
  })
43
43
  }), children);
44
44
  });
package/dist/esm/styled/table-head.compiled.css CHANGED
@@ -7,8 +7,8 @@
7
7
  ._y9yonqa1>button:after, ._997wnqa1>button:before{border-style:solid}
8
8
  ._h7alglyw{border-inline:none}
9
9
  ._izbqglyw{border-block:none}
10
+ ._179r1tpy{border-block-end:var(--_mwqor1)}
10
11
  ._179rglyw{border-block-end:none}
11
- ._179rralu{border-block-end:var(--_k02y3n)}
12
12
  ._191wglyw{border-inline-start:none}
13
13
  ._c77k1f6e>button:before{border-block-end:var(--_1rdacuj)}
14
14
  ._c77k2wk4>button:before{border-block-end:var(--_1qca9zt)}
@@ -52,7 +52,7 @@
52
52
  ._xv14glyw>button{-webkit-appearance:none;appearance:none}
53
53
  ._y3gn1e5h{text-align:left}
54
54
  ._y4tiu2gc{padding-inline-end:var(--ds-space-100,8px)}
55
- ._1ygbuwsq:focus-visible{outline:var(--_jz8ahf)}
55
+ ._1ygb1x42:focus-visible{outline:var(--_z3oznn)}
56
56
  ._d0altlke:hover{cursor:pointer}
57
57
  ._irr3bfnf:hover{background-color:var(--_6j4ewu)}
58
58
  @media (forced-colors:active){._142s94yt>button:before{border-block-end:3px solid Highlight}._17x894yt>button:after{border-block-start:3px solid Highlight}._1g2wwc43>button:after, ._ze9fwc43>button:before{border-color:Canvas}._1lcgnqa1>button:after, ._at5qnqa1>button:before{border-style:solid}._o4d71l7b>button:after, ._npl51l7b>button:before{border-width:3px}._1rp11onz>button:before{border-block-end-color:CanvasText}._1iornqa1>button:before{border-block-end-style:solid}._oi051l7b>button:before{border-block-end-width:3px}._1ehx1onz>button:after{border-block-start-color:CanvasText}._19t8nqa1>button:after{border-block-start-style:solid}._1bog1l7b>button:after{border-block-start-width:3px}}
package/dist/esm/styled/table-head.js CHANGED
@@ -77,11 +77,11 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
77
77
  ref: ref,
78
78
  "data-testid": testId
79
79
  }, rest, {
80
- className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179rralu _mqm2glyw _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygbuwsq" : "_11c8dcr7 _179rralu _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4jp4b _1ygbuwsq", !isVisuallyRefreshed && onClick && "_irr3bfnf _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77k1f6e _qzvtu2gc _f4731f6e _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k2wk4 _142s94yt", !isVisuallyRefreshed && isDESC && "_f4732wk4 _17x894yt"]),
80
+ className: ax(["_izbqglyw _h7alglyw _85i51b66 _1q511b66 _y4tiu2gc _bozgu2gc _y3gn1e5h _1s37ze3t _uupyze3t", isVisuallyRefreshed ? "_11c8dcr7 _179r1tpy _mqm2glyw _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4nkob _1ygb1x42" : "_11c8dcr7 _179r1tpy _mqm2glyw _t51zglyw _191wglyw _vchhusvi _kqswh2mm _syaz12fi _k48pmoej _y3gn1e5h _s7n4jp4b _1ygb1x42", !isVisuallyRefreshed && onClick && "_irr3bfnf _d0altlke", "_1bsb8a2a", isFixedSize && shouldTruncate && "_1bto1l2s _o5721q9c", isFixedSize && "_1reo15vq _18m915vq", !isVisuallyRefreshed && isSortable && "_173zglyw _pw6dglyw _1xgk1j28 _1wfn1j28 _y9yonqa1 _997wnqa1 _sklb1l7b _1j091l7b _19w61ule _1w611ule _1hvvidpf _n56nidpf _wyc4idpf _1d4oidpf _no7mstnw _qh32stnw _4b5mb3bt _hn3bb3bt _14gsx0bf _cigmx0bf _c77k1f6e _qzvtu2gc _f4731f6e _1fpyidpf _a04fh2mm _xv14glyw _58ej1kw7 _1ay31kw7 _mdbq1kw7 _10pp1kw7 _1yw3ze3t _n2fdze3t _8607ze3t _szhwze3t _1g2wwc43 _ze9fwc43 _1lcgnqa1 _at5qnqa1 _o4d71l7b _npl51l7b _1rp11onz _1iornqa1 _oi051l7b _1ehx1onz _19t8nqa1 _1bog1l7b", !isVisuallyRefreshed && isASC && "_c77k2wk4 _142s94yt", !isVisuallyRefreshed && isDESC && "_f4732wk4 _17x894yt"]),
81
81
  style: _objectSpread(_objectSpread({}, mergedStyles), {}, {
82
- "--_k02y3n": ix("2px solid ".concat("var(--ds-border, ".concat(N40, ")"))),
82
+ "--_mwqor1": ix("var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(N40, ")"))),
83
83
  "--_17ckjys": ix("var(--ds-text-subtle, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")")),
84
- "--_jz8ahf": ix("solid 2px ".concat("var(--ds-border-focused, ".concat(B100, ")"))),
84
+ "--_z3oznn": ix("solid ".concat("var(--ds-border-width-focused, 2px)", " ", "var(--ds-border-focused, ".concat(B100, ")"))),
85
85
  "--_6j4ewu": ix("var(--ds-background-neutral-hovered, ".concat(N30A, ")")),
86
86
  "--_1rdacuj": ix("3px solid ".concat("var(--ds-icon-disabled, ".concat(N40, ")"))),
87
87
  "--_1qca9zt": ix("3px solid ".concat("var(--ds-icon-subtle, ".concat(N300, ")")))
package/dist/esm/styled/table-row.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
3
3
  ._bfhktkjs{background-color:var(--ds-background-selected,var(--local-dynamic-table-highlighted-bg))}
4
- ._1ygb1852:focus-visible{outline:var(--_akp1ox)}._1ah312gs:focus-visible{outline-offset:-2px}
4
+ ._1ygb1i4z:focus-visible{outline:var(--_4vkylo)}._1ah312gs:focus-visible{outline-offset:-2px}
5
5
  ._irr31ae3:hover{background-color:var(--ds-background-selected-hovered,var(--local-dynamic-table-hover-highlighted-bg))}
6
6
  ._irr3s8ts:hover{background-color:var(--ds-background-neutral-subtle-hovered,var(--local-dynamic-table-hover-bg))}
package/dist/esm/styled/table-row.js CHANGED
@@ -27,12 +27,12 @@ export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
27
27
  * With Compiled it needs to be statically analyzable. It does not get applied via spread props.
28
28
  */
29
29
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
30
- className: ax(["_bfhkqtfy _1ygb1852 _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
30
+ className: ax(["_bfhkqtfy _1ygb1i4z _1ah312gs", isHighlighted ? "_bfhktkjs _irr31ae3" : "_irr3s8ts", className])
31
31
  }, rest, {
32
32
  ref: ref,
33
33
  "data-testid": testId,
34
34
  style: _objectSpread(_objectSpread({}, style), {}, {
35
- "--_akp1ox": ix("2px solid ".concat("var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
35
+ "--_4vkylo": ix("var(--ds-border-width-focused, 2px)".concat(" solid ", "var(--ds-border-focused, var(--local-dynamic-table-hover-bg))"))
36
36
  })
37
37
  }), children);
38
38
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "18.2.15",
3
+ "version": "18.2.16",
4
4
  "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
36
36
  "@atlaskit/analytics-next": "^11.1.0",
37
37
  "@atlaskit/css": "^0.14.0",
38
38
  "@atlaskit/ds-lib": "^5.0.0",
39
- "@atlaskit/icon": "^28.1.0",
39
+ "@atlaskit/icon": "^28.2.0",
40
40
  "@atlaskit/pagination": "^16.1.0",
41
41
  "@atlaskit/platform-feature-flags": "^1.1.0",
42
42
  "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^2.0.0",
@@ -59,7 +59,7 @@
59
59
  "@atlaskit/avatar": "^25.1.0",
60
60
  "@atlaskit/banner": "^14.0.0",
61
61
  "@atlaskit/button": "^23.4.0",
62
- "@atlaskit/docs": "^11.0.0",
62
+ "@atlaskit/docs": "^11.1.0",
63
63
  "@atlaskit/drawer": "^11.0.0",
64
64
  "@atlaskit/dropdown-menu": "^16.3.0",
65
65
  "@atlaskit/link": "^3.2.0",