@atlaskit/section-message 6.1.5 → 6.1.8

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/section-message
 
+## 6.1.8
+
+### Patch Changes
+
+- Updated dependencies
+
+## 6.1.7
+
+### Patch Changes
+
+- [`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.
+- [`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.
+- Updated dependencies
+
+## 6.1.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 6.1.5
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -5,16 +5,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "SectionMessageAction", {
   enumerable: true,
   get: function get() {
-    return _sectionMessage.default;
+    return _sectionMessageAction.default;
   }
 });
-Object.defineProperty(exports, "SectionMessageAction", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _sectionMessageAction.default;
+    return _sectionMessage.default;
   }
 });
 

package/dist/cjs/internal/appearance-icon.js

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAppearanceIconStyles = getAppearanceIconStyles;
 exports.appearanceIconSchema = void 0;
+exports.getAppearanceIconStyles = getAppearanceIconStyles;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -22,35 +22,35 @@ var _warning = _interopRequireDefault(require("@atlaskit/icon/glyph/warning"));
 
 var _colors = require("@atlaskit/theme/colors");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var appearanceIconSchema = {
   information: {
-    backgroundColor: "var(--ds-background-subtleBrand-resting, ".concat(_colors.B50, ")"),
+    backgroundColor: "var(--ds-background-brand, ".concat(_colors.B50, ")"),
     Icon: _info.default,
-    primaryIconColor: "var(--ds-iconBorder-brand, ".concat(_colors.B500, ")")
+    primaryIconColor: "var(--ds-icon-brand, ".concat(_colors.B500, ")")
   },
   warning: {
-    backgroundColor: "var(--ds-background-subtleWarning-resting, ".concat(_colors.Y50, ")"),
+    backgroundColor: "var(--ds-background-warning, ".concat(_colors.Y50, ")"),
     Icon: _warning.default,
-    primaryIconColor: "var(--ds-iconBorder-warning, ".concat(_colors.Y500, ")")
+    primaryIconColor: "var(--ds-icon-warning, ".concat(_colors.Y500, ")")
   },
   error: {
-    backgroundColor: "var(--ds-background-subtleDanger-resting, ".concat(_colors.R50, ")"),
+    backgroundColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
     Icon: _error.default,
-    primaryIconColor: "var(--ds-iconBorder-danger, ".concat(_colors.R500, ")")
+    primaryIconColor: "var(--ds-icon-danger, ".concat(_colors.R500, ")")
   },
   success: {
-    backgroundColor: "var(--ds-background-subtleSuccess-resting, ".concat(_colors.G50, ")"),
+    backgroundColor: "var(--ds-background-success, ".concat(_colors.G50, ")"),
     Icon: _checkCircle.default,
-    primaryIconColor: "var(--ds-iconBorder-success, ".concat(_colors.G500, ")")
+    primaryIconColor: "var(--ds-icon-success, ".concat(_colors.G500, ")")
   },
   discovery: {
-    backgroundColor: "var(--ds-background-subtleDiscovery-resting, ".concat(_colors.P50, ")"),
+    backgroundColor: "var(--ds-background-discovery, ".concat(_colors.P50, ")"),
     Icon: _questionCircle.default,
-    primaryIconColor: "var(--ds-iconBorder-discovery, ".concat(_colors.P500, ")")
+    primaryIconColor: "var(--ds-icon-discovery, ".concat(_colors.P500, ")")
   }
 };
 exports.appearanceIconSchema = appearanceIconSchema;

package/dist/cjs/section-message-action.js

@@ -27,7 +27,7 @@ var actionStyles = (0, _core.css)({
   '& + &::before': {
     display: 'inline-block',
     width: "".concat(actionsSeparatorWidth, "px"),
-    color: "".concat("var(--ds-text-mediumEmphasis, ".concat(_colors.N500, ")")),
+    color: "".concat("var(--ds-text-subtle, ".concat(_colors.N500, ")")),
     content: '"·"',
     textAlign: 'center',
     verticalAlign: 'middle'

package/dist/cjs/section-message.js

@@ -36,8 +36,8 @@ var containerPadding = spacing * 2;
 var actionMarginTop = spacing;
 var iconWrapperWidth = spacing * 5;
 var titleColor = {
-  light: "var(--ds-text-highEmphasis, ".concat(_colors.N800, ")"),
-  dark: "var(--ds-text-highEmphasis, ".concat(_colors.DN600, ")")
+  light: "var(--ds-text, ".concat(_colors.N800, ")"),
+  dark: "var(--ds-text, ".concat(_colors.DN600, ")")
 };
 var containerStyles = (0, _core.css)({
   display: 'flex',

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/section-message",
-	"version": "6.1.5",
+	"version": "6.1.8",
 	"sideEffects": false
 }

package/dist/es2019/internal/appearance-icon.js

@@ -6,29 +6,29 @@ import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
 export const appearanceIconSchema = {
   information: {
-    backgroundColor: `var(--ds-background-subtleBrand-resting, ${B50})`,
+    backgroundColor: `var(--ds-background-brand, ${B50})`,
     Icon: InfoIcon,
-    primaryIconColor: `var(--ds-iconBorder-brand, ${B500})`
+    primaryIconColor: `var(--ds-icon-brand, ${B500})`
   },
   warning: {
-    backgroundColor: `var(--ds-background-subtleWarning-resting, ${Y50})`,
+    backgroundColor: `var(--ds-background-warning, ${Y50})`,
     Icon: WarningIcon,
-    primaryIconColor: `var(--ds-iconBorder-warning, ${Y500})`
+    primaryIconColor: `var(--ds-icon-warning, ${Y500})`
   },
   error: {
-    backgroundColor: `var(--ds-background-subtleDanger-resting, ${R50})`,
+    backgroundColor: `var(--ds-background-danger, ${R50})`,
     Icon: ErrorIcon,
-    primaryIconColor: `var(--ds-iconBorder-danger, ${R500})`
+    primaryIconColor: `var(--ds-icon-danger, ${R500})`
   },
   success: {
-    backgroundColor: `var(--ds-background-subtleSuccess-resting, ${G50})`,
+    backgroundColor: `var(--ds-background-success, ${G50})`,
     Icon: CheckCircleIcon,
-    primaryIconColor: `var(--ds-iconBorder-success, ${G500})`
+    primaryIconColor: `var(--ds-icon-success, ${G500})`
   },
   discovery: {
-    backgroundColor: `var(--ds-background-subtleDiscovery-resting, ${P50})`,
+    backgroundColor: `var(--ds-background-discovery, ${P50})`,
     Icon: QuestionCircleIcon,
-    primaryIconColor: `var(--ds-iconBorder-discovery, ${P500})`
+    primaryIconColor: `var(--ds-icon-discovery, ${P500})`
   }
 };
 export function getAppearanceIconStyles(appearance, icon) {

package/dist/es2019/section-message-action.js

@@ -13,7 +13,7 @@ const actionStyles = css({
   '& + &::before': {
     display: 'inline-block',
     width: `${actionsSeparatorWidth}px`,
-    color: `${`var(--ds-text-mediumEmphasis, ${N500})`}`,
+    color: `${`var(--ds-text-subtle, ${N500})`}`,
     content: '"·"',
     textAlign: 'center',
     verticalAlign: 'middle'

package/dist/es2019/section-message.js

@@ -14,8 +14,8 @@ const containerPadding = spacing * 2;
 const actionMarginTop = spacing;
 const iconWrapperWidth = spacing * 5;
 const titleColor = {
-  light: `var(--ds-text-highEmphasis, ${N800})`,
-  dark: `var(--ds-text-highEmphasis, ${DN600})`
+  light: `var(--ds-text, ${N800})`,
+  dark: `var(--ds-text, ${DN600})`
 };
 const containerStyles = css({
   display: 'flex',

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/section-message",
-	"version": "6.1.5",
+	"version": "6.1.8",
 	"sideEffects": false
 }

package/dist/esm/internal/appearance-icon.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
@@ -12,29 +12,29 @@ import WarningIcon from '@atlaskit/icon/glyph/warning';
 import { B50, B500, G50, G500, P50, P500, R50, R500, Y50, Y500 } from '@atlaskit/theme/colors';
 export var appearanceIconSchema = {
   information: {
-    backgroundColor: "var(--ds-background-subtleBrand-resting, ".concat(B50, ")"),
+    backgroundColor: "var(--ds-background-brand, ".concat(B50, ")"),
     Icon: InfoIcon,
-    primaryIconColor: "var(--ds-iconBorder-brand, ".concat(B500, ")")
+    primaryIconColor: "var(--ds-icon-brand, ".concat(B500, ")")
   },
   warning: {
-    backgroundColor: "var(--ds-background-subtleWarning-resting, ".concat(Y50, ")"),
+    backgroundColor: "var(--ds-background-warning, ".concat(Y50, ")"),
     Icon: WarningIcon,
-    primaryIconColor: "var(--ds-iconBorder-warning, ".concat(Y500, ")")
+    primaryIconColor: "var(--ds-icon-warning, ".concat(Y500, ")")
   },
   error: {
-    backgroundColor: "var(--ds-background-subtleDanger-resting, ".concat(R50, ")"),
+    backgroundColor: "var(--ds-background-danger, ".concat(R50, ")"),
     Icon: ErrorIcon,
-    primaryIconColor: "var(--ds-iconBorder-danger, ".concat(R500, ")")
+    primaryIconColor: "var(--ds-icon-danger, ".concat(R500, ")")
   },
   success: {
-    backgroundColor: "var(--ds-background-subtleSuccess-resting, ".concat(G50, ")"),
+    backgroundColor: "var(--ds-background-success, ".concat(G50, ")"),
     Icon: CheckCircleIcon,
-    primaryIconColor: "var(--ds-iconBorder-success, ".concat(G500, ")")
+    primaryIconColor: "var(--ds-icon-success, ".concat(G500, ")")
   },
   discovery: {
-    backgroundColor: "var(--ds-background-subtleDiscovery-resting, ".concat(P50, ")"),
+    backgroundColor: "var(--ds-background-discovery, ".concat(P50, ")"),
     Icon: QuestionCircleIcon,
-    primaryIconColor: "var(--ds-iconBorder-discovery, ".concat(P500, ")")
+    primaryIconColor: "var(--ds-icon-discovery, ".concat(P500, ")")
   }
 };
 export function getAppearanceIconStyles(appearance, icon) {

package/dist/esm/section-message-action.js

@@ -13,7 +13,7 @@ var actionStyles = css({
   '& + &::before': {
     display: 'inline-block',
     width: "".concat(actionsSeparatorWidth, "px"),
-    color: "".concat("var(--ds-text-mediumEmphasis, ".concat(N500, ")")),
+    color: "".concat("var(--ds-text-subtle, ".concat(N500, ")")),
     content: '"·"',
     textAlign: 'center',
     verticalAlign: 'middle'

package/dist/esm/section-message.js

@@ -14,8 +14,8 @@ var containerPadding = spacing * 2;
 var actionMarginTop = spacing;
 var iconWrapperWidth = spacing * 5;
 var titleColor = {
-  light: "var(--ds-text-highEmphasis, ".concat(N800, ")"),
-  dark: "var(--ds-text-highEmphasis, ".concat(DN600, ")")
+  light: "var(--ds-text, ".concat(N800, ")"),
+  dark: "var(--ds-text, ".concat(DN600, ")")
 };
 var containerStyles = css({
   display: 'flex',

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/section-message",
-	"version": "6.1.5",
+	"version": "6.1.8",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/section-message",
-  "version": "6.1.5",
+  "version": "6.1.8",
   "description": "A section message is used to alert users to a particular section of the screen.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -16,7 +16,6 @@
   "atlaskit:src": "src/index.ts",
   "atlassian": {
     "team": "Design System Team",
-    "inPublicMirror": true,
     "releaseModel": "scheduled",
     "website": {
       "name": "Section message"
@@ -29,11 +28,11 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/button": "^16.1.0",
+    "@atlaskit/button": "^16.2.0",
     "@atlaskit/codemod-utils": "^3.4.0",
-    "@atlaskit/icon": "^21.9.0",
-    "@atlaskit/theme": "^12.0.0",
-    "@atlaskit/tokens": "^0.4.0",
+    "@atlaskit/icon": "^21.10.0",
+    "@atlaskit/theme": "^12.1.0",
+    "@atlaskit/tokens": "^0.7.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9"
   },
@@ -42,10 +41,9 @@
   },
   "devDependencies": {
     "@atlaskit/analytics-next": "^8.1.2",
-    "@atlaskit/build-utils": "*",
     "@atlaskit/code": "^14.3.0",
     "@atlaskit/docs": "*",
-    "@atlaskit/range": "^5.1.0",
+    "@atlaskit/range": "^6.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",