@atlaskit/flag 15.0.3 → 15.0.5

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/flag
 
+## 15.0.5
+
+### Patch Changes
+
+- [`eadbf13d8c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eadbf13d8c0) - Updated usages of `Text`, `Box`, `Stack`, and `Inline` primitives to reflect their updated APIs. There are no visual or behaviour changes.
+- Updated dependencies
+
+## 15.0.4
+
+### Patch Changes
+
+- [`b0f6dd0bc35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b0f6dd0bc35) - Updated to use typography tokens. There is no expected behaviour or visual change.
+
 ## 15.0.3
 
 ### 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 = "15.0.3";
+var packageVersion = "15.0.5";
 var AUTO_DISMISS_SECONDS = 8;
 /**
  * __Auto dismiss flag__

package/dist/cjs/flag-actions.js

@@ -30,7 +30,7 @@ var buttonStyles = (0, _react.css)({
     padding: "0 ".concat(gridSize, "px !important"),
     background: "var(".concat(_constants2.VAR_BG_COLOR, ")"),
     color: "var(".concat(_constants2.VAR_COLOR, ") !important"),
-    fontWeight: 500
+    fontWeight: "var(--ds-font-weight-medium, 500)"
   },
   '&&:focus, a&&:focus': {
     boxShadow: "0 0 0 2px var(".concat(_constants2.VAR_FOCUS_COLOR, ")")
@@ -65,7 +65,7 @@ var FlagActions = function FlagActions(props) {
 
   var isBold = appearance !== _constants2.DEFAULT_APPEARANCE;
   return (0, _react.jsx)(_dsExplorations.UNSAFE_Inline, {
-    gap: "scale.100",
+    gap: "space.100",
     flexWrap: "wrap",
     alignItems: "center",
     divider: isBold ? null : '·',

package/dist/cjs/flag.js

@@ -42,7 +42,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.0.3"
+  packageVersion: "15.0.5"
 };
 /**
  * __Flag__
@@ -136,7 +136,7 @@ var Flag = function Flag(props) {
     display: "block",
     backgroundColor: _theme.flagBackgroundColor[appearance],
     shadow: "overlay",
-    padding: "scale.200",
+    padding: "space.200",
     borderRadius: "normal",
     overflow: "hidden",
     layer: "flag",
@@ -148,7 +148,7 @@ var Flag = function Flag(props) {
     tabIndex: 0,
     testId: testId
   }, autoDismissProps), (0, _react2.jsx)(_dsExplorations.UNSAFE_Inline, {
-    gap: "scale.200"
+    gap: "space.200"
   }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Box, {
     alignItems: "start",
     UNSAFE_style: {
@@ -156,14 +156,14 @@ var Flag = function Flag(props) {
       flexShrink: 0
     }
   }, icon), (0, _react2.jsx)(_dsExplorations.UNSAFE_Stack, {
-    gap: shouldRenderGap ? 'scale.100' : 'scale.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
+    gap: shouldRenderGap ? 'space.100' : 'space.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
     ,
     UNSAFE_style: {
       flexGrow: 1,
       transition: "gap 0.3s"
     }
   }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Inline, {
-    gap: "scale.100",
+    gap: "space.100",
     justifyContent: "spaceBetween"
   }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Box, {
     display: "block",
@@ -172,7 +172,7 @@ var Flag = function Flag(props) {
     }
   }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Text, {
     color: textColor,
-    fontWeight: "600",
+    fontWeight: "semibold",
     UNSAFE_style: {
       overflowWrap: 'anywhere' // For cases where a single word is longer than the container (e.g. filenames)
 

package/dist/cjs/internal/dismiss-button.js

@@ -49,7 +49,7 @@ var DismissButton = function DismissButton(_ref) {
     alignItems: "center",
     borderStyle: "none",
     borderRadius: "normal",
-    padding: "scale.0",
+    padding: "space.0",
     width: "size.200",
     height: "size.200",
     onClick: onClick,

package/dist/cjs/internal/expander.js

@@ -40,7 +40,7 @@ var Expander = function Expander(_ref) {
         width: '100%'
       }
     }, props), /*#__PURE__*/_react.default.createElement(_dsExplorations.UNSAFE_Stack, {
-      gap: "scale.100"
+      gap: "space.100"
     }, children));
   })));
 }; // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/flag",
-	"version": "15.0.3",
+	"version": "15.0.5",
 	"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 = "15.0.3";
+const packageVersion = "15.0.5";
 export const AUTO_DISMISS_SECONDS = 8;
 /**
  * __Auto dismiss flag__

package/dist/es2019/flag-actions.js

@@ -13,7 +13,7 @@ const buttonStyles = css({
     padding: `0 ${gridSize}px !important`,
     background: `var(${VAR_BG_COLOR})`,
     color: `var(${VAR_COLOR}) !important`,
-    fontWeight: 500
+    fontWeight: "var(--ds-font-weight-medium, 500)"
   },
   '&&:focus, a&&:focus': {
     boxShadow: `0 0 0 2px var(${VAR_FOCUS_COLOR})`
@@ -48,7 +48,7 @@ const FlagActions = props => {
 
   const isBold = appearance !== DEFAULT_APPEARANCE;
   return jsx(Inline, {
-    gap: "scale.100",
+    gap: "space.100",
     flexWrap: "wrap",
     alignItems: "center",
     divider: isBold ? null : '·',

package/dist/es2019/flag.js

@@ -15,7 +15,7 @@ import { Expander, DismissButton } from './internal';
 const analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.0.3"
+  packageVersion: "15.0.5"
 };
 /**
  * __Flag__
@@ -101,7 +101,7 @@ const Flag = props => {
     display: "block",
     backgroundColor: flagBackgroundColor[appearance],
     shadow: "overlay",
-    padding: "scale.200",
+    padding: "space.200",
     borderRadius: "normal",
     overflow: "hidden",
     layer: "flag",
@@ -113,7 +113,7 @@ const Flag = props => {
     tabIndex: 0,
     testId: testId
   }, autoDismissProps), jsx(Inline, {
-    gap: "scale.200"
+    gap: "space.200"
   }, jsx(Box, {
     alignItems: "start",
     UNSAFE_style: {
@@ -121,14 +121,14 @@ const Flag = props => {
       flexShrink: 0
     }
   }, icon), jsx(Stack, {
-    gap: shouldRenderGap ? 'scale.100' : 'scale.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
+    gap: shouldRenderGap ? 'space.100' : 'space.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
     ,
     UNSAFE_style: {
       flexGrow: 1,
       transition: `gap 0.3s`
     }
   }, jsx(Inline, {
-    gap: "scale.100",
+    gap: "space.100",
     justifyContent: "spaceBetween"
   }, jsx(Box, {
     display: "block",
@@ -137,7 +137,7 @@ const Flag = props => {
     }
   }, jsx(Text, {
     color: textColor,
-    fontWeight: "600",
+    fontWeight: "semibold",
     UNSAFE_style: {
       overflowWrap: 'anywhere' // For cases where a single word is longer than the container (e.g. filenames)
 

package/dist/es2019/internal/dismiss-button.js

@@ -34,7 +34,7 @@ const DismissButton = ({
     alignItems: "center",
     borderStyle: "none",
     borderRadius: "normal",
-    padding: "scale.0",
+    padding: "space.0",
     width: "size.200",
     height: "size.200",
     onClick: onClick,

package/dist/es2019/internal/expander.js

@@ -28,7 +28,7 @@ const Expander = ({
       width: '100%'
     }
   }, props), /*#__PURE__*/React.createElement(Stack, {
-    gap: "scale.100"
+    gap: "space.100"
   }, children)))));
 }; // eslint-disable-next-line @repo/internal/react/require-jsdoc
 

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/flag",
-	"version": "15.0.3",
+	"version": "15.0.5",
 	"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 = "15.0.3";
+var packageVersion = "15.0.5";
 export var AUTO_DISMISS_SECONDS = 8;
 /**
  * __Auto dismiss flag__

package/dist/esm/flag-actions.js

@@ -15,7 +15,7 @@ var buttonStyles = css({
     padding: "0 ".concat(gridSize, "px !important"),
     background: "var(".concat(VAR_BG_COLOR, ")"),
     color: "var(".concat(VAR_COLOR, ") !important"),
-    fontWeight: 500
+    fontWeight: "var(--ds-font-weight-medium, 500)"
   },
   '&&:focus, a&&:focus': {
     boxShadow: "0 0 0 2px var(".concat(VAR_FOCUS_COLOR, ")")
@@ -50,7 +50,7 @@ var FlagActions = function FlagActions(props) {
 
   var isBold = appearance !== DEFAULT_APPEARANCE;
   return jsx(Inline, {
-    gap: "scale.100",
+    gap: "space.100",
     flexWrap: "wrap",
     alignItems: "center",
     divider: isBold ? null : '·',

package/dist/esm/flag.js

@@ -21,7 +21,7 @@ import { Expander, DismissButton } from './internal';
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.0.3"
+  packageVersion: "15.0.5"
 };
 /**
  * __Flag__
@@ -115,7 +115,7 @@ var Flag = function Flag(props) {
     display: "block",
     backgroundColor: flagBackgroundColor[appearance],
     shadow: "overlay",
-    padding: "scale.200",
+    padding: "space.200",
     borderRadius: "normal",
     overflow: "hidden",
     layer: "flag",
@@ -127,7 +127,7 @@ var Flag = function Flag(props) {
     tabIndex: 0,
     testId: testId
   }, autoDismissProps), jsx(Inline, {
-    gap: "scale.200"
+    gap: "space.200"
   }, jsx(Box, {
     alignItems: "start",
     UNSAFE_style: {
@@ -135,14 +135,14 @@ var Flag = function Flag(props) {
       flexShrink: 0
     }
   }, icon), jsx(Stack, {
-    gap: shouldRenderGap ? 'scale.100' : 'scale.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
+    gap: shouldRenderGap ? 'space.100' : 'space.0' // Gap exists even when not expanded due to Expander internals always being in the DOM
     ,
     UNSAFE_style: {
       flexGrow: 1,
       transition: "gap 0.3s"
     }
   }, jsx(Inline, {
-    gap: "scale.100",
+    gap: "space.100",
     justifyContent: "spaceBetween"
   }, jsx(Box, {
     display: "block",
@@ -151,7 +151,7 @@ var Flag = function Flag(props) {
     }
   }, jsx(Text, {
     color: textColor,
-    fontWeight: "600",
+    fontWeight: "semibold",
     UNSAFE_style: {
       overflowWrap: 'anywhere' // For cases where a single word is longer than the container (e.g. filenames)
 

package/dist/esm/internal/dismiss-button.js

@@ -33,7 +33,7 @@ var DismissButton = function DismissButton(_ref) {
     alignItems: "center",
     borderStyle: "none",
     borderRadius: "normal",
-    padding: "scale.0",
+    padding: "space.0",
     width: "size.200",
     height: "size.200",
     onClick: onClick,

package/dist/esm/internal/expander.js

@@ -28,7 +28,7 @@ var Expander = function Expander(_ref) {
         width: '100%'
       }
     }, props), /*#__PURE__*/React.createElement(Stack, {
-      gap: "scale.100"
+      gap: "space.100"
     }, children));
   })));
 }; // eslint-disable-next-line @repo/internal/react/require-jsdoc

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/flag",
-  "version": "15.0.3",
+  "version": "15.0.5",
   "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/"
@@ -37,7 +37,7 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.0.0",
     "@atlaskit/button": "^16.5.0",
-    "@atlaskit/ds-explorations": "^1.0.0",
+    "@atlaskit/ds-explorations": "^2.0.0",
     "@atlaskit/ds-lib": "^2.1.0",
     "@atlaskit/focus-ring": "^1.2.0",
     "@atlaskit/icon": "^21.11.0",

package/report.api.md

@@ -8,6 +8,7 @@
 ### Table of contents
 
 - [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
 
 ### Main Entry Types
 
@@ -158,3 +159,15 @@ export const withFlagsProvider: (
 ```
 
 <!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->