@atlaskit/range 5.1.3 → 5.1.4

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 +8 -0
  2. package/dist/cjs/styled.js +1 -1
  3. package/dist/cjs/theme.js +8 -8
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/styled.js +1 -1
  6. package/dist/es2019/theme.js +8 -8
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/styled.js +1 -1
  9. package/dist/esm/theme.js +8 -8
  10. package/dist/esm/version.json +1 -1
  11. package/dist/types/theme.d.ts +8 -8
  12. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/range
2
2
 
3
+ ## 5.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
8
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
9
+ - Updated dependencies
10
+
3
11
  ## 5.1.3
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/styled.js CHANGED
@@ -39,7 +39,7 @@ var getBackgroundGradient = function getBackgroundGradient(_ref) {
39
39
  return "\n background: linear-gradient(".concat(lower, ", ").concat(lower, ") 0 / var(--range-inline-width) 100%\n no-repeat ").concat(upper, ";\n [dir='rtl'] & {\n background-position: right;\n }\n ");
40
40
  };
41
41
 
42
- var elevationStyle = "var(--ds-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"); // Thumb style
42
+ var elevationStyle = "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"); // Thumb style
43
43
 
44
44
  var sliderThumbStyle = function sliderThumbStyle(_ref2) {
45
45
  var thumb = _ref2.thumb;
package/dist/cjs/theme.js CHANGED
@@ -17,29 +17,29 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
17
17
 
18
18
  var thumb = {
19
19
  default: {
20
- background: "var(--ds-background-card, ".concat(colors.N0, ")")
20
+ background: "var(--ds-surface-raised, ".concat(colors.N0, ")")
21
21
  },
22
22
  disabled: {
23
- boxShadow: "var(--ds-card, ".concat("0 0 1px ".concat(colors.N60A), ")")
23
+ boxShadow: "var(--ds-shadow-raised, ".concat("0 0 1px ".concat(colors.N60A), ")")
24
24
  },
25
25
  focus: {
26
- background: "var(--ds-background-boldNeutral-resting, ".concat(colors.N0, ")"),
27
- border: "var(--ds-border-focus, ".concat(colors.B200, ")")
26
+ background: "var(--ds-background-neutral-bold, ".concat(colors.N0, ")"),
27
+ border: "var(--ds-border-focused, ".concat(colors.B200, ")")
28
28
  }
29
29
  };
30
30
  exports.thumb = thumb;
31
31
  var track = {
32
32
  default: {
33
- lower: "var(--ds-background-boldBrand-resting, ".concat(colors.B400, ")"),
34
- upper: "var(--ds-background-subtleNeutral-resting, ".concat(colors.N30, ")")
33
+ lower: "var(--ds-background-brand-bold, ".concat(colors.B400, ")"),
34
+ upper: "var(--ds-background-neutral, ".concat(colors.N30, ")")
35
35
  },
36
36
  disabled: {
37
37
  lower: "var(--ds-text-disabled, ".concat(colors.N50, ")"),
38
38
  upper: "var(--ds-background-disabled, ".concat(colors.N30, ")")
39
39
  },
40
40
  hover: {
41
- lower: "var(--ds-background-boldBrand-hover, ".concat(colors.B300, ")"),
42
- upper: "var(--ds-background-subtleNeutral-hover, ".concat(colors.N40, ")")
41
+ lower: "var(--ds-background-brand-bold-hovered, ".concat(colors.B300, ")"),
42
+ upper: "var(--ds-background-neutral-hovered, ".concat(colors.N40, ")")
43
43
  }
44
44
  };
45
45
  exports.track = track;
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/range",
3
- "version": "5.1.3",
3
+ "version": "5.1.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/styled.js CHANGED
@@ -25,7 +25,7 @@ const getBackgroundGradient = ({
25
25
  }
26
26
  `;
27
27
 
28
- const elevationStyle = `var(--ds-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`; // Thumb style
28
+ const elevationStyle = `var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`; // Thumb style
29
29
 
30
30
  const sliderThumbStyle = ({
31
31
  thumb
package/dist/es2019/theme.js CHANGED
@@ -2,28 +2,28 @@ import * as colors from '@atlaskit/theme/colors';
2
2
  import { createTheme } from '@atlaskit/theme/components';
3
3
  export const thumb = {
4
4
  default: {
5
- background: `var(--ds-background-card, ${colors.N0})`
5
+ background: `var(--ds-surface-raised, ${colors.N0})`
6
6
  },
7
7
  disabled: {
8
- boxShadow: `var(--ds-card, ${`0 0 1px ${colors.N60A}`})`
8
+ boxShadow: `var(--ds-shadow-raised, ${`0 0 1px ${colors.N60A}`})`
9
9
  },
10
10
  focus: {
11
- background: `var(--ds-background-boldNeutral-resting, ${colors.N0})`,
12
- border: `var(--ds-border-focus, ${colors.B200})`
11
+ background: `var(--ds-background-neutral-bold, ${colors.N0})`,
12
+ border: `var(--ds-border-focused, ${colors.B200})`
13
13
  }
14
14
  };
15
15
  export const track = {
16
16
  default: {
17
- lower: `var(--ds-background-boldBrand-resting, ${colors.B400})`,
18
- upper: `var(--ds-background-subtleNeutral-resting, ${colors.N30})`
17
+ lower: `var(--ds-background-brand-bold, ${colors.B400})`,
18
+ upper: `var(--ds-background-neutral, ${colors.N30})`
19
19
  },
20
20
  disabled: {
21
21
  lower: `var(--ds-text-disabled, ${colors.N50})`,
22
22
  upper: `var(--ds-background-disabled, ${colors.N30})`
23
23
  },
24
24
  hover: {
25
- lower: `var(--ds-background-boldBrand-hover, ${colors.B300})`,
26
- upper: `var(--ds-background-subtleNeutral-hover, ${colors.N40})`
25
+ lower: `var(--ds-background-brand-bold-hovered, ${colors.B300})`,
26
+ upper: `var(--ds-background-neutral-hovered, ${colors.N40})`
27
27
  }
28
28
  };
29
29
  export const Theme = createTheme(() => ({
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/range",
3
- "version": "5.1.3",
3
+ "version": "5.1.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/styled.js CHANGED
@@ -25,7 +25,7 @@ var getBackgroundGradient = function getBackgroundGradient(_ref) {
25
25
  return "\n background: linear-gradient(".concat(lower, ", ").concat(lower, ") 0 / var(--range-inline-width) 100%\n no-repeat ").concat(upper, ";\n [dir='rtl'] & {\n background-position: right;\n }\n ");
26
26
  };
27
27
 
28
- var elevationStyle = "var(--ds-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"); // Thumb style
28
+ var elevationStyle = "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"); // Thumb style
29
29
 
30
30
  var sliderThumbStyle = function sliderThumbStyle(_ref2) {
31
31
  var thumb = _ref2.thumb;
package/dist/esm/theme.js CHANGED
@@ -2,28 +2,28 @@ import * as colors from '@atlaskit/theme/colors';
2
2
  import { createTheme } from '@atlaskit/theme/components';
3
3
  export var thumb = {
4
4
  default: {
5
- background: "var(--ds-background-card, ".concat(colors.N0, ")")
5
+ background: "var(--ds-surface-raised, ".concat(colors.N0, ")")
6
6
  },
7
7
  disabled: {
8
- boxShadow: "var(--ds-card, ".concat("0 0 1px ".concat(colors.N60A), ")")
8
+ boxShadow: "var(--ds-shadow-raised, ".concat("0 0 1px ".concat(colors.N60A), ")")
9
9
  },
10
10
  focus: {
11
- background: "var(--ds-background-boldNeutral-resting, ".concat(colors.N0, ")"),
12
- border: "var(--ds-border-focus, ".concat(colors.B200, ")")
11
+ background: "var(--ds-background-neutral-bold, ".concat(colors.N0, ")"),
12
+ border: "var(--ds-border-focused, ".concat(colors.B200, ")")
13
13
  }
14
14
  };
15
15
  export var track = {
16
16
  default: {
17
- lower: "var(--ds-background-boldBrand-resting, ".concat(colors.B400, ")"),
18
- upper: "var(--ds-background-subtleNeutral-resting, ".concat(colors.N30, ")")
17
+ lower: "var(--ds-background-brand-bold, ".concat(colors.B400, ")"),
18
+ upper: "var(--ds-background-neutral, ".concat(colors.N30, ")")
19
19
  },
20
20
  disabled: {
21
21
  lower: "var(--ds-text-disabled, ".concat(colors.N50, ")"),
22
22
  upper: "var(--ds-background-disabled, ".concat(colors.N30, ")")
23
23
  },
24
24
  hover: {
25
- lower: "var(--ds-background-boldBrand-hover, ".concat(colors.B300, ")"),
26
- upper: "var(--ds-background-subtleNeutral-hover, ".concat(colors.N40, ")")
25
+ lower: "var(--ds-background-brand-bold-hovered, ".concat(colors.B300, ")"),
26
+ upper: "var(--ds-background-neutral-hovered, ".concat(colors.N40, ")")
27
27
  }
28
28
  };
29
29
  export var Theme = createTheme(function () {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/range",
3
- "version": "5.1.3",
3
+ "version": "5.1.4",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/theme.d.ts CHANGED
@@ -23,28 +23,28 @@ export interface ThemeTokens {
23
23
  }
24
24
  export declare const thumb: {
25
25
  default: {
26
- background: "var(--ds-background-card)";
26
+ background: "var(--ds-surface-raised)";
27
27
  };
28
28
  disabled: {
29
- boxShadow: "var(--ds-card)";
29
+ boxShadow: "var(--ds-shadow-raised)";
30
30
  };
31
31
  focus: {
32
- background: "var(--ds-background-boldNeutral-resting)";
33
- border: "var(--ds-border-focus)";
32
+ background: "var(--ds-background-neutral-bold)";
33
+ border: "var(--ds-border-focused)";
34
34
  };
35
35
  };
36
36
  export declare const track: {
37
37
  default: {
38
- lower: "var(--ds-background-boldBrand-resting)";
39
- upper: "var(--ds-background-subtleNeutral-resting)";
38
+ lower: "var(--ds-background-brand-bold)";
39
+ upper: "var(--ds-background-neutral)";
40
40
  };
41
41
  disabled: {
42
42
  lower: "var(--ds-text-disabled)";
43
43
  upper: "var(--ds-background-disabled)";
44
44
  };
45
45
  hover: {
46
- lower: "var(--ds-background-boldBrand-hover)";
47
- upper: "var(--ds-background-subtleNeutral-hover)";
46
+ lower: "var(--ds-background-brand-bold-hovered)";
47
+ upper: "var(--ds-background-neutral-hovered)";
48
48
  };
49
49
  };
50
50
  export declare const Theme: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/range",
3
- "version": "5.1.3",
3
+ "version": "5.1.4",
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,7 +25,7 @@
25
25
  },
26
26
  "dependencies": {
27
27
  "@atlaskit/theme": "^12.1.0",
28
- "@atlaskit/tokens": "^0.5.0",
28
+ "@atlaskit/tokens": "^0.6.0",
29
29
  "@babel/runtime": "^7.0.0",
30
30
  "@emotion/core": "^10.0.9"
31
31
  },