@atlaskit/range 9.2.8 → 9.2.10

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 (12) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/styled.compiled.css +7 -7
  3. package/dist/cjs/styled.js +2 -8
  4. package/dist/es2019/styled.compiled.css +5 -5
  5. package/dist/es2019/styled.js +9 -8
  6. package/dist/esm/styled.compiled.css +7 -7
  7. package/dist/esm/styled.js +9 -9
  8. package/dist/types/range.d.ts +1 -1
  9. package/dist/types/styled.d.ts +3 -2
  10. package/dist/types-ts4.5/range.d.ts +1 -1
  11. package/dist/types-ts4.5/styled.d.ts +3 -2
  12. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,20 @@
1
1
  # @atlaskit/range
2
2
 
3
+ ## 9.2.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
8
+ add type info to forwardRef components
9
+ - Updated dependencies
10
+
11
+ ## 9.2.9
12
+
13
+ ### Patch Changes
14
+
15
+ - [`f3494b0a49dbc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f3494b0a49dbc) -
16
+ Internal changes to use new shape tokens. No visual changes.
17
+
3
18
  ## 9.2.8
4
19
 
5
20
  ### Patch Changes
package/dist/cjs/styled.compiled.css CHANGED
@@ -2,21 +2,21 @@
2
2
  ._10lridpf::-webkit-slider-runnable-track{border:0}
3
3
  ._14mj1qll:after{border-radius:var(--ds-radius-full,50%)}
4
4
  ._15raidpf::-moz-focus-outer{border:0}
5
- ._1gvoyh40::-moz-range-track{border-radius:2px}
5
+ ._1gvolb4i::-moz-range-track{border-radius:var(--ds-radius-xsmall,2px)}
6
6
  ._1kdl1qll::-webkit-slider-thumb{border-radius:var(--ds-radius-full,50%)}
7
7
  ._1nx42hjt::-moz-range-track{transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out}
8
- ._1rf311p1::-moz-range-thumb{outline:var(--_11v9dqg)}
8
+ ._1rf3bpmo::-moz-range-thumb{outline:solid var(--ds-border-width-selected,2px) var(--thumb-border)}
9
9
  ._1tcb2hjt::-moz-range-progress{transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out}
10
10
  ._1yeu2hjt::-moz-range-thumb{transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out}
11
11
  ._1yq0glyw::-moz-range-thumb{border:none}
12
12
  ._1yz62hjt::-webkit-slider-thumb{transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out}
13
- ._37yw1l7b::-moz-range-progress{border-radius:3px}
14
- ._37ywyh40::-moz-range-progress{border-radius:2px}
13
+ ._37ywfajl::-moz-range-progress{border-radius:var(--ds-radius-small,3px)}
14
+ ._37ywlb4i::-moz-range-progress{border-radius:var(--ds-radius-xsmall,2px)}
15
15
  ._e8hnidpf::-moz-range-progress{border:0}
16
- ._g6td1l7b::-webkit-slider-runnable-track{border-radius:3px}
17
- ._g6tdyh40::-webkit-slider-runnable-track{border-radius:2px}
16
+ ._g6tdfajl::-webkit-slider-runnable-track{border-radius:var(--ds-radius-small,3px)}
17
+ ._g6tdlb4i::-webkit-slider-runnable-track{border-radius:var(--ds-radius-xsmall,2px)}
18
18
  ._h2ksglyw::-webkit-slider-thumb{border:none}
19
- ._m8f811p1::-webkit-slider-thumb{outline:var(--_11v9dqg)}
19
+ ._m8f8bpmo::-webkit-slider-thumb{outline:solid var(--ds-border-width-selected,2px) var(--thumb-border)}
20
20
  ._ru37idpf::-moz-range-track{border:0}
21
21
  ._vi4t2hjt::-webkit-slider-runnable-track{transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out}
22
22
  ._10o7tlke::-moz-range-thumb{cursor:pointer}
package/dist/cjs/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- /* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -36,25 +36,19 @@ var trackStyles = {
36
36
  disabled: "_1peq2wxo"
37
37
  };
38
38
  var rangeA11yStyles = null;
39
-
40
- /**
41
- * __Input__
42
- * Internal-only styled input component.
43
- */
44
39
  var Input = exports.Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
45
40
  var valuePercent = props.valuePercent,
46
41
  style = props.style,
47
42
  strippedProps = (0, _objectWithoutProperties2.default)(props, _excluded);
48
43
  var input = /*#__PURE__*/React.createElement("input", (0, _extends2.default)({}, strippedProps, {
49
44
  ref: ref,
50
- className: (0, _runtime.ax)(["_1bsb1osq _4t3i1ylp _bfhk1j28 _j5dh13gf _1j552wxo _nt751r31 _49pcglyw _1hvw1o36", "_wstuglyw _h2ksglyw _1kdl1qll _m8f811p1 _1yz62hjt _1bdkusvi _u98zpxbi _1j70pxbi _1esf4alp _4w431ik2 _yfyntlke _1sdc196n _18k7v77o _1cdcglyw _10lridpf _g6tdyh40 _vi4t2hjt _1g2h1osq _168l1y44 _9u3f2hce _1g741hsc _1d8tmgnk _np53xlkz _18tdtlke _1p201osq _1yte13gf _5i7a13gf", "_1yq0glyw _108m1qll _1rf311p1 _1yeu2hjt _g4ppusvi _r763pxbi _1mn5pxbi _12el4alp _1oqe1ik2 _10o7tlke _1kzev77o _15raidpf _e8hnidpf _37ywyh40 _1tcb2hjt _aoww1osq _1kd2i2wt _vt2s1w6o _1ssqtlke _ru37idpf _1gvoyh40 _1nx42hjt _1f5t1osq _142y1y44 _d7w62hce _b3fmtlke _1vq313gf _1fov13gf _34m613gf", "_14h11gpr _15dpptpz _18lx1n8f _jxarjiw3 _ydqg1xpu _1jhcjiw3 _1rucy2jz _164c3zdg", "_1drq1b6k _15dp1vck _18lx1b6k _g6td1l7b _168li2wt _37yw1l7b _1kd2i2wt _1sdc1lpd _ydqgmpja"]),
45
+ className: (0, _runtime.ax)(["_1bsb1osq _4t3i1ylp _bfhk1j28 _j5dh13gf _1j552wxo _nt751r31 _49pcglyw _1hvw1o36", "_wstuglyw _h2ksglyw _1kdl1qll _m8f8bpmo _1yz62hjt _1bdkusvi _u98zpxbi _1j70pxbi _1esf4alp _4w431ik2 _yfyntlke _1sdc196n _18k7v77o _1cdcglyw _10lridpf _g6tdlb4i _vi4t2hjt _1g2h1osq _168l1y44 _9u3f2hce _1g741hsc _1d8tmgnk _np53xlkz _18tdtlke _1p201osq _1yte13gf _5i7a13gf", "_1yq0glyw _108m1qll _1rf3bpmo _1yeu2hjt _g4ppusvi _r763pxbi _1mn5pxbi _12el4alp _1oqe1ik2 _10o7tlke _1kzev77o _15raidpf _e8hnidpf _37ywlb4i _1tcb2hjt _aoww1osq _1kd2i2wt _vt2s1w6o _1ssqtlke _ru37idpf _1gvolb4i _1nx42hjt _1f5t1osq _142y1y44 _d7w62hce _b3fmtlke _1vq313gf _1fov13gf _34m613gf", "_14h11gpr _15dpptpz _18lx1n8f _jxarjiw3 _ydqg1xpu _1jhcjiw3 _1rucy2jz _164c3zdg", "_1drq1b6k _15dp1vck _18lx1b6k _g6tdfajl _168li2wt _37ywfajl _1kd2i2wt _1sdc1lpd _ydqgmpja"]),
51
46
  style: _objectSpread(_objectSpread({}, {
52
47
  // We are creating a css variable to control the "progress" portion of the range input
53
48
  // This avoids us needing to create a new css class for each new percentage value
54
49
  '--track-fg-width': "".concat(valuePercent, "%")
55
50
  }), {}, {
56
51
  "--_171tp53": (0, _runtime.ix)("var(--thumb-bg, ".concat("var(--ds-background-neutral-bold, ".concat(_colors.B400, ")"), ")")),
57
- "--_11v9dqg": (0, _runtime.ix)("solid ".concat("var(--ds-border-width-selected, 2px)", " var(--thumb-border)")),
58
52
  "--_cghoza": (0, _runtime.ix)("var(--ds-UNSAFE-transparent, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")")),
59
53
  "--_19g1tth": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N30, ")")),
60
54
  "--_1eby16r": (0, _runtime.ix)("var(--ds-background-neutral-bold, ".concat(_colors.B400, ")")),
package/dist/es2019/styled.compiled.css CHANGED
@@ -2,7 +2,7 @@
2
2
  ._10lridpf::-webkit-slider-runnable-track{border:0}
3
3
  ._14mj1qll:after{border-radius:var(--ds-radius-full,50%)}
4
4
  ._15raidpf::-moz-focus-outer{border:0}
5
- ._1gvoyh40::-moz-range-track{border-radius:2px}
5
+ ._1gvolb4i::-moz-range-track{border-radius:var(--ds-radius-xsmall,2px)}
6
6
  ._1kdl1qll::-webkit-slider-thumb{border-radius:var(--ds-radius-full,50%)}
7
7
  ._1nx42hjt::-moz-range-track{transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out}
8
8
  ._1rf3bpmo::-moz-range-thumb{outline:solid var(--ds-border-width-selected,2px) var(--thumb-border)}
@@ -10,11 +10,11 @@
10
10
  ._1yeu2hjt::-moz-range-thumb{transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out}
11
11
  ._1yq0glyw::-moz-range-thumb{border:none}
12
12
  ._1yz62hjt::-webkit-slider-thumb{transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out}
13
- ._37yw1l7b::-moz-range-progress{border-radius:3px}
14
- ._37ywyh40::-moz-range-progress{border-radius:2px}
13
+ ._37ywfajl::-moz-range-progress{border-radius:var(--ds-radius-small,3px)}
14
+ ._37ywlb4i::-moz-range-progress{border-radius:var(--ds-radius-xsmall,2px)}
15
15
  ._e8hnidpf::-moz-range-progress{border:0}
16
- ._g6td1l7b::-webkit-slider-runnable-track{border-radius:3px}
17
- ._g6tdyh40::-webkit-slider-runnable-track{border-radius:2px}
16
+ ._g6tdfajl::-webkit-slider-runnable-track{border-radius:var(--ds-radius-small,3px)}
17
+ ._g6tdlb4i::-webkit-slider-runnable-track{border-radius:var(--ds-radius-xsmall,2px)}
18
18
  ._h2ksglyw::-webkit-slider-thumb{border:none}
19
19
  ._m8f8bpmo::-webkit-slider-thumb{outline:solid var(--ds-border-width-selected,2px) var(--thumb-border)}
20
20
  ._ru37idpf::-moz-range-track{border:0}
package/dist/es2019/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- /* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./styled.compiled.css";
4
4
  import * as React from 'react';
@@ -22,12 +22,7 @@ const trackStyles = {
22
22
  disabled: "_1peq2wxo"
23
23
  };
24
24
  const rangeA11yStyles = null;
25
-
26
- /**
27
- * __Input__
28
- * Internal-only styled input component.
29
- */
30
- export const Input = /*#__PURE__*/forwardRef((props, ref) => {
25
+ const Input = /*#__PURE__*/forwardRef((props, ref) => {
31
26
  const {
32
27
  valuePercent,
33
28
  style,
@@ -40,10 +35,16 @@ export const Input = /*#__PURE__*/forwardRef((props, ref) => {
40
35
  '--track-fg-width': `${valuePercent}%`
41
36
  },
42
37
  ref: ref,
43
- className: ax(["_1bsb1osq _4t3i1ylp _bfhk1j28 _j5dh13gf _1j552wxo _nt751r31 _49pcglyw _1hvw1o36", "_wstuglyw _h2ksglyw _1kdl1qll _m8f8bpmo _1yz62hjt _1bdkusvi _u98zpxbi _1j70pxbi _1esf5udg _4w431ik2 _yfyntlke _1sdc196n _18k7v77o _1cdcglyw _10lridpf _g6tdyh40 _vi4t2hjt _1g2h1osq _168l1y44 _9u3f2hce _1g741hsc _1d8tmgnk _np53xlkz _18tdtlke _1p201osq _1yte13gf _5i7a13gf", "_1yq0glyw _108m1qll _1rf3bpmo _1yeu2hjt _g4ppusvi _r763pxbi _1mn5pxbi _12el5udg _1oqe1ik2 _10o7tlke _1kzev77o _15raidpf _e8hnidpf _37ywyh40 _1tcb2hjt _aoww1osq _1kd2i2wt _vt2s1w6o _1ssqtlke _ru37idpf _1gvoyh40 _1nx42hjt _1f5t1osq _142y1y44 _d7w62hce _b3fmtlke _1vq313gf _1fov13gf _34m613gf", "_14h11uvs _15dp1yrq _18lxyvsn _jxar1eo5 _ydqghkel _1jhc1eo5 _1ruc16ss _164c194a", "_1drq1b6k _15dp1vck _18lx1b6k _g6td1l7b _168li2wt _37yw1l7b _1kd2i2wt _1sdc1lpd _ydqgmpja"])
38
+ className: ax(["_1bsb1osq _4t3i1ylp _bfhk1j28 _j5dh13gf _1j552wxo _nt751r31 _49pcglyw _1hvw1o36", "_wstuglyw _h2ksglyw _1kdl1qll _m8f8bpmo _1yz62hjt _1bdkusvi _u98zpxbi _1j70pxbi _1esf5udg _4w431ik2 _yfyntlke _1sdc196n _18k7v77o _1cdcglyw _10lridpf _g6tdlb4i _vi4t2hjt _1g2h1osq _168l1y44 _9u3f2hce _1g741hsc _1d8tmgnk _np53xlkz _18tdtlke _1p201osq _1yte13gf _5i7a13gf", "_1yq0glyw _108m1qll _1rf3bpmo _1yeu2hjt _g4ppusvi _r763pxbi _1mn5pxbi _12el5udg _1oqe1ik2 _10o7tlke _1kzev77o _15raidpf _e8hnidpf _37ywlb4i _1tcb2hjt _aoww1osq _1kd2i2wt _vt2s1w6o _1ssqtlke _ru37idpf _1gvolb4i _1nx42hjt _1f5t1osq _142y1y44 _d7w62hce _b3fmtlke _1vq313gf _1fov13gf _34m613gf", "_14h11uvs _15dp1yrq _18lxyvsn _jxar1eo5 _ydqghkel _1jhc1eo5 _1ruc16ss _164c194a", "_1drq1b6k _15dp1vck _18lx1b6k _g6tdfajl _168li2wt _37ywfajl _1kd2i2wt _1sdc1lpd _ydqgmpja"])
44
39
  }));
45
40
  return /*#__PURE__*/React.createElement("div", {
46
41
  className: ax([trackStyles.root, strippedProps.disabled && trackStyles.disabled])
47
42
  }, input);
48
43
  });
44
+ export {
45
+ /**
46
+ * __Input__
47
+ * Internal-only styled input component.
48
+ */
49
+ Input };
49
50
  Input.displayName = 'InputRange';
package/dist/esm/styled.compiled.css CHANGED
@@ -2,21 +2,21 @@
2
2
  ._10lridpf::-webkit-slider-runnable-track{border:0}
3
3
  ._14mj1qll:after{border-radius:var(--ds-radius-full,50%)}
4
4
  ._15raidpf::-moz-focus-outer{border:0}
5
- ._1gvoyh40::-moz-range-track{border-radius:2px}
5
+ ._1gvolb4i::-moz-range-track{border-radius:var(--ds-radius-xsmall,2px)}
6
6
  ._1kdl1qll::-webkit-slider-thumb{border-radius:var(--ds-radius-full,50%)}
7
7
  ._1nx42hjt::-moz-range-track{transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out}
8
- ._1rf311p1::-moz-range-thumb{outline:var(--_11v9dqg)}
8
+ ._1rf3bpmo::-moz-range-thumb{outline:solid var(--ds-border-width-selected,2px) var(--thumb-border)}
9
9
  ._1tcb2hjt::-moz-range-progress{transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out}
10
10
  ._1yeu2hjt::-moz-range-thumb{transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out}
11
11
  ._1yq0glyw::-moz-range-thumb{border:none}
12
12
  ._1yz62hjt::-webkit-slider-thumb{transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out}
13
- ._37yw1l7b::-moz-range-progress{border-radius:3px}
14
- ._37ywyh40::-moz-range-progress{border-radius:2px}
13
+ ._37ywfajl::-moz-range-progress{border-radius:var(--ds-radius-small,3px)}
14
+ ._37ywlb4i::-moz-range-progress{border-radius:var(--ds-radius-xsmall,2px)}
15
15
  ._e8hnidpf::-moz-range-progress{border:0}
16
- ._g6td1l7b::-webkit-slider-runnable-track{border-radius:3px}
17
- ._g6tdyh40::-webkit-slider-runnable-track{border-radius:2px}
16
+ ._g6tdfajl::-webkit-slider-runnable-track{border-radius:var(--ds-radius-small,3px)}
17
+ ._g6tdlb4i::-webkit-slider-runnable-track{border-radius:var(--ds-radius-xsmall,2px)}
18
18
  ._h2ksglyw::-webkit-slider-thumb{border:none}
19
- ._m8f811p1::-webkit-slider-thumb{outline:var(--_11v9dqg)}
19
+ ._m8f8bpmo::-webkit-slider-thumb{outline:solid var(--ds-border-width-selected,2px) var(--thumb-border)}
20
20
  ._ru37idpf::-moz-range-track{border:0}
21
21
  ._vi4t2hjt::-webkit-slider-runnable-track{transition:background-color .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out}
22
22
  ._10o7tlke::-moz-range-thumb{cursor:pointer}
package/dist/esm/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- /* styled.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* styled.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
@@ -27,25 +27,19 @@ var trackStyles = {
27
27
  disabled: "_1peq2wxo"
28
28
  };
29
29
  var rangeA11yStyles = null;
30
-
31
- /**
32
- * __Input__
33
- * Internal-only styled input component.
34
- */
35
- export var Input = /*#__PURE__*/forwardRef(function (props, ref) {
30
+ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
36
31
  var valuePercent = props.valuePercent,
37
32
  style = props.style,
38
33
  strippedProps = _objectWithoutProperties(props, _excluded);
39
34
  var input = /*#__PURE__*/React.createElement("input", _extends({}, strippedProps, {
40
35
  ref: ref,
41
- className: ax(["_1bsb1osq _4t3i1ylp _bfhk1j28 _j5dh13gf _1j552wxo _nt751r31 _49pcglyw _1hvw1o36", "_wstuglyw _h2ksglyw _1kdl1qll _m8f811p1 _1yz62hjt _1bdkusvi _u98zpxbi _1j70pxbi _1esf4alp _4w431ik2 _yfyntlke _1sdc196n _18k7v77o _1cdcglyw _10lridpf _g6tdyh40 _vi4t2hjt _1g2h1osq _168l1y44 _9u3f2hce _1g741hsc _1d8tmgnk _np53xlkz _18tdtlke _1p201osq _1yte13gf _5i7a13gf", "_1yq0glyw _108m1qll _1rf311p1 _1yeu2hjt _g4ppusvi _r763pxbi _1mn5pxbi _12el4alp _1oqe1ik2 _10o7tlke _1kzev77o _15raidpf _e8hnidpf _37ywyh40 _1tcb2hjt _aoww1osq _1kd2i2wt _vt2s1w6o _1ssqtlke _ru37idpf _1gvoyh40 _1nx42hjt _1f5t1osq _142y1y44 _d7w62hce _b3fmtlke _1vq313gf _1fov13gf _34m613gf", "_14h11gpr _15dpptpz _18lx1n8f _jxarjiw3 _ydqg1xpu _1jhcjiw3 _1rucy2jz _164c3zdg", "_1drq1b6k _15dp1vck _18lx1b6k _g6td1l7b _168li2wt _37yw1l7b _1kd2i2wt _1sdc1lpd _ydqgmpja"]),
36
+ className: ax(["_1bsb1osq _4t3i1ylp _bfhk1j28 _j5dh13gf _1j552wxo _nt751r31 _49pcglyw _1hvw1o36", "_wstuglyw _h2ksglyw _1kdl1qll _m8f8bpmo _1yz62hjt _1bdkusvi _u98zpxbi _1j70pxbi _1esf4alp _4w431ik2 _yfyntlke _1sdc196n _18k7v77o _1cdcglyw _10lridpf _g6tdlb4i _vi4t2hjt _1g2h1osq _168l1y44 _9u3f2hce _1g741hsc _1d8tmgnk _np53xlkz _18tdtlke _1p201osq _1yte13gf _5i7a13gf", "_1yq0glyw _108m1qll _1rf3bpmo _1yeu2hjt _g4ppusvi _r763pxbi _1mn5pxbi _12el4alp _1oqe1ik2 _10o7tlke _1kzev77o _15raidpf _e8hnidpf _37ywlb4i _1tcb2hjt _aoww1osq _1kd2i2wt _vt2s1w6o _1ssqtlke _ru37idpf _1gvolb4i _1nx42hjt _1f5t1osq _142y1y44 _d7w62hce _b3fmtlke _1vq313gf _1fov13gf _34m613gf", "_14h11gpr _15dpptpz _18lx1n8f _jxarjiw3 _ydqg1xpu _1jhcjiw3 _1rucy2jz _164c3zdg", "_1drq1b6k _15dp1vck _18lx1b6k _g6tdfajl _168li2wt _37ywfajl _1kd2i2wt _1sdc1lpd _ydqgmpja"]),
42
37
  style: _objectSpread(_objectSpread({}, {
43
38
  // We are creating a css variable to control the "progress" portion of the range input
44
39
  // This avoids us needing to create a new css class for each new percentage value
45
40
  '--track-fg-width': "".concat(valuePercent, "%")
46
41
  }), {}, {
47
42
  "--_171tp53": ix("var(--thumb-bg, ".concat("var(--ds-background-neutral-bold, ".concat(B400, ")"), ")")),
48
- "--_11v9dqg": ix("solid ".concat("var(--ds-border-width-selected, 2px)", " var(--thumb-border)")),
49
43
  "--_cghoza": ix("var(--ds-UNSAFE-transparent, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")")),
50
44
  "--_19g1tth": ix("var(--ds-background-neutral, ".concat(N30, ")")),
51
45
  "--_1eby16r": ix("var(--ds-background-neutral-bold, ".concat(B400, ")")),
@@ -59,4 +53,10 @@ export var Input = /*#__PURE__*/forwardRef(function (props, ref) {
59
53
  className: ax([trackStyles.root, strippedProps.disabled && trackStyles.disabled])
60
54
  }, input);
61
55
  });
56
+ export {
57
+ /**
58
+ * __Input__
59
+ * Internal-only styled input component.
60
+ */
61
+ Input };
62
62
  Input.displayName = 'InputRange';
package/dist/types/range.d.ts CHANGED
@@ -46,5 +46,5 @@ export type RangeProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement
46
46
  * - [Code](https://atlassian.design/components/range/code)
47
47
  * - [Usage](https://atlassian.design/components/range/usage)
48
48
  */
49
- declare const Range: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "checked" | "required">, keyof OwnProps> & OwnProps & React.RefAttributes<HTMLInputElement>>;
49
+ declare const Range: React.ForwardRefExoticComponent<React.PropsWithoutRef<RangeProps> & React.RefAttributes<HTMLInputElement>>;
50
50
  export default Range;
package/dist/types/styled.d.ts CHANGED
@@ -2,9 +2,10 @@ type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
2
2
  ref: React.Ref<HTMLInputElement>;
3
3
  valuePercent: string;
4
4
  };
5
+ declare const Input: React.ForwardRefExoticComponent<React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>>;
6
+ export {
5
7
  /**
6
8
  * __Input__
7
9
  * Internal-only styled input component.
8
10
  */
9
- export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
10
- export {};
11
+ Input, };
package/dist/types-ts4.5/range.d.ts CHANGED
@@ -46,5 +46,5 @@ export type RangeProps = Combine<Omit<React.InputHTMLAttributes<HTMLInputElement
46
46
  * - [Code](https://atlassian.design/components/range/code)
47
47
  * - [Usage](https://atlassian.design/components/range/usage)
48
48
  */
49
- declare const Range: React.ForwardRefExoticComponent<Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled" | "checked" | "required">, keyof OwnProps> & OwnProps & React.RefAttributes<HTMLInputElement>>;
49
+ declare const Range: React.ForwardRefExoticComponent<React.PropsWithoutRef<RangeProps> & React.RefAttributes<HTMLInputElement>>;
50
50
  export default Range;
package/dist/types-ts4.5/styled.d.ts CHANGED
@@ -2,9 +2,10 @@ type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
2
2
  ref: React.Ref<HTMLInputElement>;
3
3
  valuePercent: string;
4
4
  };
5
+ declare const Input: React.ForwardRefExoticComponent<React.PropsWithoutRef<InputProps> & React.RefAttributes<HTMLInputElement>>;
6
+ export {
5
7
  /**
6
8
  * __Input__
7
9
  * Internal-only styled input component.
8
10
  */
9
- export declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
10
- export {};
11
+ Input, };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/range",
3
- "version": "9.2.8",
3
+ "version": "9.2.10",
4
4
  "description": "A range lets users choose an approximate value on a slider.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,10 +25,10 @@
25
25
  },
26
26
  "dependencies": {
27
27
  "@atlaskit/css": "^0.14.0",
28
- "@atlaskit/ds-lib": "^5.0.0",
28
+ "@atlaskit/ds-lib": "^5.1.0",
29
29
  "@atlaskit/platform-feature-flags": "^1.1.0",
30
30
  "@atlaskit/theme": "^21.0.0",
31
- "@atlaskit/tokens": "^6.3.0",
31
+ "@atlaskit/tokens": "^6.4.0",
32
32
  "@babel/runtime": "^7.0.0",
33
33
  "@compiled/react": "^0.18.3"
34
34
  },
@@ -42,12 +42,12 @@
42
42
  "@atlaskit/button": "^23.4.0",
43
43
  "@atlaskit/checkbox": "^17.1.0",
44
44
  "@atlaskit/docs": "^11.1.0",
45
- "@atlaskit/form": "^12.7.0",
45
+ "@atlaskit/form": "^14.2.0",
46
46
  "@atlaskit/link": "^3.2.0",
47
- "@atlaskit/primitives": "^14.14.0",
47
+ "@atlaskit/primitives": "^14.15.0",
48
48
  "@atlaskit/section-message": "^8.7.0",
49
49
  "@atlaskit/ssr": "workspace:^",
50
- "@atlaskit/tooltip": "^20.4.0",
50
+ "@atlaskit/tooltip": "^20.5.0",
51
51
  "@atlassian/ssr-tests": "^0.3.0",
52
52
  "@testing-library/react": "^13.4.0",
53
53
  "lodash": "^4.17.21",