@atlaskit/task-decision 17.9.0 → 17.9.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/styles.js +1 -1
  3. package/dist/cjs/components/theme.js +4 -4
  4. package/dist/es2019/components/styles.js +1 -1
  5. package/dist/es2019/components/theme.js +4 -4
  6. package/dist/esm/components/styles.js +1 -1
  7. package/dist/esm/components/theme.js +4 -4
  8. package/dist/types/components/theme.d.ts +4 -4
  9. package/dist/types-ts4.5/components/theme.d.ts +4 -4
  10. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/task-decision
2
2
 
3
+ ## 17.9.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`8a519feae72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a519feae72) - Update checkbox border contrast under feature flag
8
+
9
+ ## 17.9.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`c820226ec08`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c820226ec08) - Update feature flag name for checkbox and radio border update
14
+
3
15
  ## 17.9.0
4
16
 
5
17
  ### Minor Changes
package/dist/cjs/components/styles.js CHANGED
@@ -55,7 +55,7 @@ var checkboxStyles = function checkboxStyles(isRenderer) {
55
55
  dark: _theme.default.dark.borderColor.rest
56
56
  })({
57
57
  theme: theme
58
- }), (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2, (0, _components.themed)({
58
+ }), (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? 1 : 2, (0, _components.themed)({
59
59
  light: _theme.default.light.borderColor.focused,
60
60
  dark: _theme.default.dark.borderColor.focused
61
61
  })({
package/dist/cjs/components/theme.js CHANGED
@@ -13,8 +13,8 @@ var _colors = require("@atlaskit/theme/colors");
13
13
  var checkboxTheme = {
14
14
  light: {
15
15
  borderColor: {
16
- rest: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")"),
17
- hovered: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N40, ")"),
16
+ rest: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(_colors.N100, ")") : "var(--ds-border-input, ".concat(_colors.N40, ")"),
17
+ hovered: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(_colors.N100, ")") : "var(--ds-border-input, ".concat(_colors.N40, ")"),
18
18
  disabled: "var(--ds-background-disabled, ".concat(_colors.N20, ")"),
19
19
  checked: "var(--ds-background-selected-bold, ".concat(_colors.B400, ")"),
20
20
  active: "var(--ds-border, ".concat(_colors.B50, ")"),
@@ -43,8 +43,8 @@ var checkboxTheme = {
43
43
  */
44
44
  dark: {
45
45
  borderColor: {
46
- rest: "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.DN200 : '#A6C5E229', ")"),
47
- hovered: "var(--ds-border-input, #A6C5E229)",
46
+ rest: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(_colors.DN200, ")") : "var(--ds-border-input, #A6C5E229)",
47
+ hovered: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(_colors.DN200, ")") : "var(--ds-border-input, #A6C5E229)",
48
48
  disabled: "var(--ds-background-disabled, #BCD6F00A)",
49
49
  checked: "var(--ds-background-selected-bold, #579DFF)",
50
50
  active: "var(--ds-border, #A6C5E229)",
package/dist/es2019/components/styles.js CHANGED
@@ -125,7 +125,7 @@ export const checkboxStyles = isRenderer => theme => css`
125
125
  })({
126
126
  theme
127
127
  })};
128
- stroke-width: ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2};
128
+ stroke-width: ${getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? 1 : 2};
129
129
  transition: stroke 0.2s ease-in-out;
130
130
  }
131
131
  }
package/dist/es2019/components/theme.js CHANGED
@@ -8,8 +8,8 @@ import { B100, B300, B400, B50, DN200, N10, N20, N30, N40, N70, N100 } from '@at
8
8
  const checkboxTheme = {
9
9
  light: {
10
10
  borderColor: {
11
- rest: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40})`,
12
- hovered: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40})`,
11
+ rest: getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? `var(--ds-border-bold, ${N100})` : `var(--ds-border-input, ${N40})`,
12
+ hovered: getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? `var(--ds-border-bold, ${N100})` : `var(--ds-border-input, ${N40})`,
13
13
  disabled: `var(--ds-background-disabled, ${N20})`,
14
14
  checked: `var(--ds-background-selected-bold, ${B400})`,
15
15
  active: `var(--ds-border, ${B50})`,
@@ -38,8 +38,8 @@ const checkboxTheme = {
38
38
  */
39
39
  dark: {
40
40
  borderColor: {
41
- rest: `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? DN200 : '#A6C5E229'})`,
42
- hovered: "var(--ds-border-input, #A6C5E229)",
41
+ rest: getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? `var(--ds-border-bold, ${DN200})` : "var(--ds-border-input, #A6C5E229)",
42
+ hovered: getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? `var(--ds-border-bold, ${DN200})` : "var(--ds-border-input, #A6C5E229)",
43
43
  disabled: "var(--ds-background-disabled, #BCD6F00A)",
44
44
  checked: "var(--ds-background-selected-bold, #579DFF)",
45
45
  active: "var(--ds-border, #A6C5E229)",
package/dist/esm/components/styles.js CHANGED
@@ -43,7 +43,7 @@ export var checkboxStyles = function checkboxStyles(isRenderer) {
43
43
  dark: checkboxTheme.dark.borderColor.rest
44
44
  })({
45
45
  theme: theme
46
- }), getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? 1 : 2, themed({
46
+ }), getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? 1 : 2, themed({
47
47
  light: checkboxTheme.light.borderColor.focused,
48
48
  dark: checkboxTheme.dark.borderColor.focused
49
49
  })({
package/dist/esm/components/theme.js CHANGED
@@ -8,8 +8,8 @@ import { B100, B300, B400, B50, DN200, N10, N20, N30, N40, N70, N100 } from '@at
8
8
  var checkboxTheme = {
9
9
  light: {
10
10
  borderColor: {
11
- rest: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40, ")"),
12
- hovered: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N40, ")"),
11
+ rest: getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(N100, ")") : "var(--ds-border-input, ".concat(N40, ")"),
12
+ hovered: getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(N100, ")") : "var(--ds-border-input, ".concat(N40, ")"),
13
13
  disabled: "var(--ds-background-disabled, ".concat(N20, ")"),
14
14
  checked: "var(--ds-background-selected-bold, ".concat(B400, ")"),
15
15
  active: "var(--ds-border, ".concat(B50, ")"),
@@ -38,8 +38,8 @@ var checkboxTheme = {
38
38
  */
39
39
  dark: {
40
40
  borderColor: {
41
- rest: "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? DN200 : '#A6C5E229', ")"),
42
- hovered: "var(--ds-border-input, #A6C5E229)",
41
+ rest: getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(DN200, ")") : "var(--ds-border-input, #A6C5E229)",
42
+ hovered: getBooleanFF('platform.design-system-team.update-border-radio-checkbox_7askv') ? "var(--ds-border-bold, ".concat(DN200, ")") : "var(--ds-border-input, #A6C5E229)",
43
43
  disabled: "var(--ds-background-disabled, #BCD6F00A)",
44
44
  checked: "var(--ds-background-selected-bold, #579DFF)",
45
45
  active: "var(--ds-border, #A6C5E229)",
package/dist/types/components/theme.d.ts CHANGED
@@ -5,8 +5,8 @@
5
5
  declare const checkboxTheme: {
6
6
  light: {
7
7
  borderColor: {
8
- rest: "var(--ds-border-input)";
9
- hovered: "var(--ds-border-input)";
8
+ rest: "var(--ds-border-bold)" | "var(--ds-border-input)";
9
+ hovered: "var(--ds-border-bold)" | "var(--ds-border-input)";
10
10
  disabled: "var(--ds-background-disabled)";
11
11
  checked: "var(--ds-background-selected-bold)";
12
12
  active: "var(--ds-border)";
@@ -35,8 +35,8 @@ declare const checkboxTheme: {
35
35
  */
36
36
  dark: {
37
37
  borderColor: {
38
- rest: "var(--ds-border-input)";
39
- hovered: "var(--ds-border-input)";
38
+ rest: "var(--ds-border-bold)" | "var(--ds-border-input)";
39
+ hovered: "var(--ds-border-bold)" | "var(--ds-border-input)";
40
40
  disabled: "var(--ds-background-disabled)";
41
41
  checked: "var(--ds-background-selected-bold)";
42
42
  active: "var(--ds-border)";
package/dist/types-ts4.5/components/theme.d.ts CHANGED
@@ -5,8 +5,8 @@
5
5
  declare const checkboxTheme: {
6
6
  light: {
7
7
  borderColor: {
8
- rest: "var(--ds-border-input)";
9
- hovered: "var(--ds-border-input)";
8
+ rest: "var(--ds-border-bold)" | "var(--ds-border-input)";
9
+ hovered: "var(--ds-border-bold)" | "var(--ds-border-input)";
10
10
  disabled: "var(--ds-background-disabled)";
11
11
  checked: "var(--ds-background-selected-bold)";
12
12
  active: "var(--ds-border)";
@@ -35,8 +35,8 @@ declare const checkboxTheme: {
35
35
  */
36
36
  dark: {
37
37
  borderColor: {
38
- rest: "var(--ds-border-input)";
39
- hovered: "var(--ds-border-input)";
38
+ rest: "var(--ds-border-bold)" | "var(--ds-border-input)";
39
+ hovered: "var(--ds-border-bold)" | "var(--ds-border-input)";
40
40
  disabled: "var(--ds-background-disabled)";
41
41
  checked: "var(--ds-background-selected-bold)";
42
42
  active: "var(--ds-border)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/task-decision",
3
- "version": "17.9.0",
3
+ "version": "17.9.2",
4
4
  "description": "Tasks and decisions react components",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -39,7 +39,7 @@
39
39
  "@atlaskit/icon": "^21.12.0",
40
40
  "@atlaskit/platform-feature-flags": "^0.2.2",
41
41
  "@atlaskit/theme": "^12.6.0",
42
- "@atlaskit/tokens": "^1.22.0",
42
+ "@atlaskit/tokens": "^1.25.0",
43
43
  "@atlaskit/util-service-support": "^6.2.0",
44
44
  "@babel/runtime": "^7.0.0",
45
45
  "@emotion/react": "^11.7.1",
@@ -77,7 +77,7 @@
77
77
  }
78
78
  },
79
79
  "platform-feature-flags": {
80
- "platform.design-system-team.border-checkbox_nyoiu": {
80
+ "platform.design-system-team.update-border-radio-checkbox_7askv": {
81
81
  "type": "boolean"
82
82
  }
83
83
  },