@atlaskit/button 17.3.1 → 17.4.0

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 (11) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/new-button/variants/shared/colors.js +16 -8
  3. package/dist/cjs/new-button/variants/shared/use-button-base.js +1 -1
  4. package/dist/cjs/old-button/shared/button-base.js +1 -1
  5. package/dist/es2019/new-button/variants/shared/colors.js +16 -8
  6. package/dist/es2019/new-button/variants/shared/use-button-base.js +1 -1
  7. package/dist/es2019/old-button/shared/button-base.js +1 -1
  8. package/dist/esm/new-button/variants/shared/colors.js +16 -8
  9. package/dist/esm/new-button/variants/shared/use-button-base.js +1 -1
  10. package/dist/esm/old-button/shared/button-base.js +1 -1
  11. package/package.json +14 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/button
2
2
 
3
+ ## 17.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#72130](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72130) [`b037e5451037`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b037e5451037) - Update new button text color fallback for default theme (non-token) to match that of old button current text color
8
+
9
+ ## 17.3.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [#70231](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70231) [`e55d8295c1c1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e55d8295c1c1) - Changes to add a page and more specific information in link button documentation.
14
+
3
15
  ## 17.3.1
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/new-button/variants/shared/colors.js CHANGED
@@ -77,8 +77,10 @@ var values = {
77
77
  },
78
78
  color: {
79
79
  default: {
80
- default: 'color.text',
81
- active: 'color.text',
80
+ // @ts-expect-error
81
+ default: "var(--ds-text, ".concat(colors.N500, ")"),
82
+ // @ts-expect-error
83
+ active: "var(--ds-text, ".concat(colors.B400, ")"),
82
84
  disabled: 'color.text.disabled',
83
85
  // @ts-expect-error
84
86
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
@@ -103,23 +105,29 @@ var values = {
103
105
  },
104
106
  link: {
105
107
  default: 'color.link',
106
- hover: 'color.link',
108
+ // @ts-expect-error
109
+ hover: "var(--ds-link, ".concat(colors.B300, ")"),
107
110
  active: 'color.link.pressed',
108
111
  disabled: 'color.text.disabled',
109
112
  // @ts-expect-error
110
113
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
111
114
  },
112
115
  subtle: {
113
- default: 'color.text',
114
- active: 'color.text',
116
+ // @ts-expect-error
117
+ default: "var(--ds-text, ".concat(colors.N500, ")"),
118
+ // @ts-expect-error
119
+ active: "var(--ds-text, ".concat(colors.B400, ")"),
115
120
  disabled: 'color.text.disabled',
116
121
  // @ts-expect-error
117
122
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
118
123
  },
119
124
  'subtle-link': {
120
- default: 'color.text.subtle',
121
- hover: 'color.text.subtle',
122
- active: 'color.text',
125
+ // @ts-expect-error
126
+ default: "var(--ds-text-subtle, ".concat(colors.N200, ")"),
127
+ // @ts-expect-error
128
+ hover: "var(--ds-text-subtle, ".concat(colors.N90, ")"),
129
+ // @ts-expect-error
130
+ active: "var(--ds-text, ".concat(colors.N400, ")"),
123
131
  disabled: 'color.text.disabled',
124
132
  // @ts-expect-error
125
133
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
package/dist/cjs/new-button/variants/shared/use-button-base.js CHANGED
@@ -117,7 +117,7 @@ var useButtonBase = function useButtonBase(_ref) {
117
117
  action: 'clicked',
118
118
  componentName: 'button',
119
119
  packageName: "@atlaskit/button",
120
- packageVersion: "17.3.1",
120
+ packageVersion: "17.4.0",
121
121
  analyticsData: analyticsContext,
122
122
  actionSubject: buttonType
123
123
  });
package/dist/cjs/old-button/shared/button-base.js CHANGED
@@ -117,7 +117,7 @@ var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function
117
117
  action: 'clicked',
118
118
  componentName: 'button',
119
119
  packageName: "@atlaskit/button",
120
- packageVersion: "17.3.1",
120
+ packageVersion: "17.4.0",
121
121
  analyticsData: analyticsContext
122
122
  });
123
123
 
package/dist/es2019/new-button/variants/shared/colors.js CHANGED
@@ -68,8 +68,10 @@ const values = {
68
68
  },
69
69
  color: {
70
70
  default: {
71
- default: 'color.text',
72
- active: 'color.text',
71
+ // @ts-expect-error
72
+ default: `var(--ds-text, ${colors.N500})`,
73
+ // @ts-expect-error
74
+ active: `var(--ds-text, ${colors.B400})`,
73
75
  disabled: 'color.text.disabled',
74
76
  // @ts-expect-error
75
77
  selected: `var(--ds-text-selected, ${colors.N20})`
@@ -94,23 +96,29 @@ const values = {
94
96
  },
95
97
  link: {
96
98
  default: 'color.link',
97
- hover: 'color.link',
99
+ // @ts-expect-error
100
+ hover: `var(--ds-link, ${colors.B300})`,
98
101
  active: 'color.link.pressed',
99
102
  disabled: 'color.text.disabled',
100
103
  // @ts-expect-error
101
104
  selected: `var(--ds-text-selected, ${colors.N20})`
102
105
  },
103
106
  subtle: {
104
- default: 'color.text',
105
- active: 'color.text',
107
+ // @ts-expect-error
108
+ default: `var(--ds-text, ${colors.N500})`,
109
+ // @ts-expect-error
110
+ active: `var(--ds-text, ${colors.B400})`,
106
111
  disabled: 'color.text.disabled',
107
112
  // @ts-expect-error
108
113
  selected: `var(--ds-text-selected, ${colors.N20})`
109
114
  },
110
115
  'subtle-link': {
111
- default: 'color.text.subtle',
112
- hover: 'color.text.subtle',
113
- active: 'color.text',
116
+ // @ts-expect-error
117
+ default: `var(--ds-text-subtle, ${colors.N200})`,
118
+ // @ts-expect-error
119
+ hover: `var(--ds-text-subtle, ${colors.N90})`,
120
+ // @ts-expect-error
121
+ active: `var(--ds-text, ${colors.N400})`,
114
122
  disabled: 'color.text.disabled',
115
123
  // @ts-expect-error
116
124
  selected: `var(--ds-text-selected, ${colors.N20})`
package/dist/es2019/new-button/variants/shared/use-button-base.js CHANGED
@@ -98,7 +98,7 @@ const useButtonBase = ({
98
98
  action: 'clicked',
99
99
  componentName: 'button',
100
100
  packageName: "@atlaskit/button",
101
- packageVersion: "17.3.1",
101
+ packageVersion: "17.4.0",
102
102
  analyticsData: analyticsContext,
103
103
  actionSubject: buttonType
104
104
  });
package/dist/es2019/old-button/shared/button-base.js CHANGED
@@ -102,7 +102,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
102
102
  action: 'clicked',
103
103
  componentName: 'button',
104
104
  packageName: "@atlaskit/button",
105
- packageVersion: "17.3.1",
105
+ packageVersion: "17.4.0",
106
106
  analyticsData: analyticsContext
107
107
  });
108
108
 
package/dist/esm/new-button/variants/shared/colors.js CHANGED
@@ -68,8 +68,10 @@ var values = {
68
68
  },
69
69
  color: {
70
70
  default: {
71
- default: 'color.text',
72
- active: 'color.text',
71
+ // @ts-expect-error
72
+ default: "var(--ds-text, ".concat(colors.N500, ")"),
73
+ // @ts-expect-error
74
+ active: "var(--ds-text, ".concat(colors.B400, ")"),
73
75
  disabled: 'color.text.disabled',
74
76
  // @ts-expect-error
75
77
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
@@ -94,23 +96,29 @@ var values = {
94
96
  },
95
97
  link: {
96
98
  default: 'color.link',
97
- hover: 'color.link',
99
+ // @ts-expect-error
100
+ hover: "var(--ds-link, ".concat(colors.B300, ")"),
98
101
  active: 'color.link.pressed',
99
102
  disabled: 'color.text.disabled',
100
103
  // @ts-expect-error
101
104
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
102
105
  },
103
106
  subtle: {
104
- default: 'color.text',
105
- active: 'color.text',
107
+ // @ts-expect-error
108
+ default: "var(--ds-text, ".concat(colors.N500, ")"),
109
+ // @ts-expect-error
110
+ active: "var(--ds-text, ".concat(colors.B400, ")"),
106
111
  disabled: 'color.text.disabled',
107
112
  // @ts-expect-error
108
113
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
109
114
  },
110
115
  'subtle-link': {
111
- default: 'color.text.subtle',
112
- hover: 'color.text.subtle',
113
- active: 'color.text',
116
+ // @ts-expect-error
117
+ default: "var(--ds-text-subtle, ".concat(colors.N200, ")"),
118
+ // @ts-expect-error
119
+ hover: "var(--ds-text-subtle, ".concat(colors.N90, ")"),
120
+ // @ts-expect-error
121
+ active: "var(--ds-text, ".concat(colors.N400, ")"),
114
122
  disabled: 'color.text.disabled',
115
123
  // @ts-expect-error
116
124
  selected: "var(--ds-text-selected, ".concat(colors.N20, ")")
package/dist/esm/new-button/variants/shared/use-button-base.js CHANGED
@@ -109,7 +109,7 @@ var useButtonBase = function useButtonBase(_ref) {
109
109
  action: 'clicked',
110
110
  componentName: 'button',
111
111
  packageName: "@atlaskit/button",
112
- packageVersion: "17.3.1",
112
+ packageVersion: "17.4.0",
113
113
  analyticsData: analyticsContext,
114
114
  actionSubject: buttonType
115
115
  });
package/dist/esm/old-button/shared/button-base.js CHANGED
@@ -108,7 +108,7 @@ export default /*#__PURE__*/React.forwardRef(function ButtonBase(props, ref) {
108
108
  action: 'clicked',
109
109
  componentName: 'button',
110
110
  packageName: "@atlaskit/button",
111
- packageVersion: "17.3.1",
111
+ packageVersion: "17.4.0",
112
112
  analyticsData: analyticsContext
113
113
  });
114
114
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/button",
3
- "version": "17.3.1",
3
+ "version": "17.4.0",
4
4
  "description": "A button triggers an event or action. They let users know what will happen next.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -49,17 +49,25 @@
49
49
  "sortKey": 2
50
50
  },
51
51
  {
52
- "title": "Button group",
53
- "id": "button-group",
52
+ "title": "Split button",
53
+ "id": "split-button",
54
+ "status": {
55
+ "type": "beta"
56
+ },
54
57
  "sortKey": 3
55
58
  },
56
59
  {
57
- "title": "Split button",
58
- "id": "split-button",
60
+ "title": "Link button",
61
+ "id": "link-button",
59
62
  "status": {
60
63
  "type": "beta"
61
64
  },
62
65
  "sortKey": 4
66
+ },
67
+ {
68
+ "title": "Button group",
69
+ "id": "button-group",
70
+ "sortKey": 5
63
71
  }
64
72
  ]
65
73
  }
@@ -82,7 +90,7 @@
82
90
  "@atlaskit/primitives": "^2.0.0",
83
91
  "@atlaskit/spinner": "^16.0.0",
84
92
  "@atlaskit/theme": "^12.6.0",
85
- "@atlaskit/tokens": "^1.35.0",
93
+ "@atlaskit/tokens": "^1.37.0",
86
94
  "@atlaskit/visually-hidden": "^1.2.4",
87
95
  "@babel/runtime": "^7.0.0",
88
96
  "@emotion/react": "^11.7.1"