@atlaskit/flag 14.5.8 → 14.5.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/flag
 
+## 14.5.9
+
+### Patch Changes
+
+- [`2329b0e8cc0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2329b0e8cc0) - [ux] DSP-4541 Update wrongly used tokens
+
 ## 14.5.8
 
 ### Patch Changes

package/dist/cjs/auto-dismiss-flag.js

@@ -26,7 +26,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var packageName = "@atlaskit/flag";
-var packageVersion = "14.5.8";
+var packageVersion = "14.5.9";
 var AUTO_DISMISS_SECONDS = 8;
 exports.AUTO_DISMISS_SECONDS = AUTO_DISMISS_SECONDS;
 

package/dist/cjs/flag.js

@@ -44,7 +44,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "14.5.8"
+  packageVersion: "14.5.9"
 };
 var gridSize = (0, _constants.gridSize)();
 var doubleGridSize = gridSize * 2;
@@ -140,12 +140,14 @@ var Flag = function Flag(props) {
     onMouseOut: onMouseOut,
     onBlur: onBlurAnalytics
   };
-  var boxShadow = "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_theme.flagShadowColor), ")");
+  var boxShadowValue = "0 20px 32px -8px ".concat(_theme.flagShadowColor);
 
   if (!isBold) {
-    boxShadow = "var(--ds-shadow-overlay, ".concat("0 0 1px ".concat(_theme.flagBorderColor, ", ").concat(boxShadow), ")");
+    boxShadowValue = "0 0 1px ".concat(_theme.flagBorderColor, ", ").concat(boxShadowValue);
   }
 
+  var boxShadow = "var(--ds-shadow-overlay, ".concat(boxShadowValue, ")");
+
   var _useGlobalTheme = (0, _components.useGlobalTheme)(),
       mode = _useGlobalTheme.mode;
 

package/dist/cjs/theme.js

@@ -32,11 +32,18 @@ var flagBackgroundColor = {
 
 var getFlagBackgroundColor = function getFlagBackgroundColor(appearance, mode) {
   return flagBackgroundColor[appearance][mode];
-};
+}; // token set in flag.tsx instead
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
 
 exports.getFlagBackgroundColor = getFlagBackgroundColor;
-var flagBorderColor = "var(--ds-surface-overlay, ".concat(_colors.N60A, ")");
+var flagBorderColor = _colors.N60A;
 exports.flagBorderColor = flagBorderColor;
+var flagShadowColor = _colors.N50A;
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
+exports.flagShadowColor = flagShadowColor;
 var flagIconColor = {
   error: {
     light: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
@@ -90,13 +97,9 @@ exports.getFlagTextColor = getFlagTextColor;
 
 var getFlagIconColor = function getFlagIconColor(appearance, mode) {
   return flagIconColor[appearance][mode];
-}; // token set in flag.tsx instead
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-
+};
 
 exports.getFlagIconColor = getFlagIconColor;
-var flagShadowColor = _colors.N50A;
-exports.flagShadowColor = flagShadowColor;
 var flagFocusRingColor = {
   error: {
     light: "var(--ds-border-focused, ".concat(_colors.N40, ")"),

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/flag",
-	"version": "14.5.8",
+	"version": "14.5.9",
 	"sideEffects": false
 }

package/dist/es2019/auto-dismiss-flag.js

@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import Flag from './flag';
 import { useFlagGroup } from './flag-group';
 const packageName = "@atlaskit/flag";
-const packageVersion = "14.5.8";
+const packageVersion = "14.5.9";
 export const AUTO_DISMISS_SECONDS = 8;
 
 const AutoDismissFlag = props => {

package/dist/es2019/flag.js

@@ -16,7 +16,7 @@ import { Title, Description, Expander, DismissButton } from './internal';
 const analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "14.5.8"
+  packageVersion: "14.5.9"
 };
 const gridSize = getGridSize();
 const doubleGridSize = gridSize * 2;
@@ -104,12 +104,13 @@ const Flag = props => {
     onMouseOut,
     onBlur: onBlurAnalytics
   };
-  let boxShadow = `var(--ds-shadow-overlay, ${`0 20px 32px -8px ${flagShadowColor}`})`;
+  let boxShadowValue = `0 20px 32px -8px ${flagShadowColor}`;
 
   if (!isBold) {
-    boxShadow = `var(--ds-shadow-overlay, ${`0 0 1px ${flagBorderColor}, ${boxShadow}`})`;
+    boxShadowValue = `0 0 1px ${flagBorderColor}, ${boxShadowValue}`;
   }
 
+  const boxShadow = `var(--ds-shadow-overlay, ${boxShadowValue})`;
   const {
     mode
   } = useGlobalTheme();

package/dist/es2019/theme.js

@@ -21,8 +21,14 @@ const flagBackgroundColor = {
     dark: `var(--ds-background-warning-bold, ${Y300})`
   }
 };
-export const getFlagBackgroundColor = (appearance, mode) => flagBackgroundColor[appearance][mode];
-export const flagBorderColor = `var(--ds-surface-overlay, ${N60A})`;
+export const getFlagBackgroundColor = (appearance, mode) => flagBackgroundColor[appearance][mode]; // token set in flag.tsx instead
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
+export const flagBorderColor = N60A;
+export const flagShadowColor = N50A;
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
 const flagIconColor = {
   error: {
     light: `var(--ds-icon-inverse, ${N0})`,
@@ -68,10 +74,7 @@ const flagTextColor = {
   }
 };
 export const getFlagTextColor = (appearance, mode) => flagTextColor[appearance][mode];
-export const getFlagIconColor = (appearance, mode) => flagIconColor[appearance][mode]; // token set in flag.tsx instead
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-
-export const flagShadowColor = N50A;
+export const getFlagIconColor = (appearance, mode) => flagIconColor[appearance][mode];
 const flagFocusRingColor = {
   error: {
     light: `var(--ds-border-focused, ${N40})`,

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/flag",
-	"version": "14.5.8",
+	"version": "14.5.9",
 	"sideEffects": false
 }

package/dist/esm/auto-dismiss-flag.js

@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
 import Flag from './flag';
 import { useFlagGroup } from './flag-group';
 var packageName = "@atlaskit/flag";
-var packageVersion = "14.5.8";
+var packageVersion = "14.5.9";
 export var AUTO_DISMISS_SECONDS = 8;
 
 var AutoDismissFlag = function AutoDismissFlag(props) {

package/dist/esm/flag.js

@@ -22,7 +22,7 @@ import { Title, Description, Expander, DismissButton } from './internal';
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "14.5.8"
+  packageVersion: "14.5.9"
 };
 var gridSize = getGridSize();
 var doubleGridSize = gridSize * 2;
@@ -118,12 +118,14 @@ var Flag = function Flag(props) {
     onMouseOut: onMouseOut,
     onBlur: onBlurAnalytics
   };
-  var boxShadow = "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(flagShadowColor), ")");
+  var boxShadowValue = "0 20px 32px -8px ".concat(flagShadowColor);
 
   if (!isBold) {
-    boxShadow = "var(--ds-shadow-overlay, ".concat("0 0 1px ".concat(flagBorderColor, ", ").concat(boxShadow), ")");
+    boxShadowValue = "0 0 1px ".concat(flagBorderColor, ", ").concat(boxShadowValue);
   }
 
+  var boxShadow = "var(--ds-shadow-overlay, ".concat(boxShadowValue, ")");
+
   var _useGlobalTheme = useGlobalTheme(),
       mode = _useGlobalTheme.mode;
 

package/dist/esm/theme.js

@@ -23,8 +23,14 @@ var flagBackgroundColor = {
 };
 export var getFlagBackgroundColor = function getFlagBackgroundColor(appearance, mode) {
   return flagBackgroundColor[appearance][mode];
-};
-export var flagBorderColor = "var(--ds-surface-overlay, ".concat(N60A, ")");
+}; // token set in flag.tsx instead
+
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+
+export var flagBorderColor = N60A;
+export var flagShadowColor = N50A;
+/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
+
 var flagIconColor = {
   error: {
     light: "var(--ds-icon-inverse, ".concat(N0, ")"),
@@ -74,10 +80,7 @@ export var getFlagTextColor = function getFlagTextColor(appearance, mode) {
 };
 export var getFlagIconColor = function getFlagIconColor(appearance, mode) {
   return flagIconColor[appearance][mode];
-}; // token set in flag.tsx instead
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-
-export var flagShadowColor = N50A;
+};
 var flagFocusRingColor = {
   error: {
     light: "var(--ds-border-focused, ".concat(N40, ")"),

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/flag",
-	"version": "14.5.8",
+	"version": "14.5.9",
 	"sideEffects": false
 }

package/dist/types/theme.d.ts

@@ -1,10 +1,10 @@
 import { ThemeModes } from '@atlaskit/theme/types';
 import { AppearanceTypes } from './types';
 export declare const getFlagBackgroundColor: (appearance: AppearanceTypes, mode: ThemeModes) => string;
-export declare const flagBorderColor: "var(--ds-surface-overlay)";
+export declare const flagBorderColor = "rgba(9, 30, 66, 0.31)";
+export declare const flagShadowColor = "rgba(9, 30, 66, 0.25)";
 export declare const getFlagTextColor: (appearance: AppearanceTypes, mode: ThemeModes) => string;
 export declare const getFlagIconColor: (appearance: AppearanceTypes, mode: ThemeModes) => string;
-export declare const flagShadowColor = "rgba(9, 30, 66, 0.25)";
 export declare const getFlagFocusRingColor: (appearance: AppearanceTypes, mode: ThemeModes) => string;
 export declare const getActionBackground: (appearance: AppearanceTypes, mode: ThemeModes) => string;
 export declare const getActionColor: (appearance: AppearanceTypes, mode: ThemeModes) => string;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@atlaskit/flag",
-  "version": "14.5.8",
+  "version": "14.5.9",
   "description": "A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
-  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
     "@atlaskit/ds-lib": "^1.4.0",
     "@atlaskit/focus-ring": "^1.0.0",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/motion": "^1.0.0",
+    "@atlaskit/motion": "^1.1.0",
     "@atlaskit/portal": "^4.0.0",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tokens": "^0.10.0",