@atlaskit/flag 15.5.1 → 15.5.3

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

@@ -15,7 +15,7 @@ var _flagGroup = require("./flag-group");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var packageName = "@atlaskit/flag";
-var packageVersion = "15.5.1";
+var packageVersion = "15.5.3";
 var AUTO_DISMISS_SECONDS = exports.AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/cjs/flag-actions.js

@@ -72,7 +72,9 @@ var FlagActions = function FlagActions(props) {
       component: linkComponent,
       spacing: "compact",
       testId: action.testId,
-      key: index,
+      key: index
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
       style: (_ref = {}, (0, _defineProperty2.default)(_ref, _constants.VAR_COLOR, _theme.actionTextColor[appearance]), (0, _defineProperty2.default)(_ref, _constants.VAR_BG_COLOR, _theme.actionBackgroundColor[appearance].default), (0, _defineProperty2.default)(_ref, _constants.VAR_BG_COLOR_HOVER, _theme.actionBackgroundColor[appearance].pressed), (0, _defineProperty2.default)(_ref, _constants.VAR_BG_COLOR_ACTIVE, _theme.actionBackgroundColor[appearance].active), _ref),
       css: [buttonStyles, appearance === _constants.DEFAULT_APPEARANCE && appearanceNormalButtonStyles]
     }, action.content);

package/dist/cjs/flag-group.js

@@ -127,7 +127,9 @@ var FlagGroup = function FlagGroup(props) {
         var className = _ref.className,
           ref = _ref.ref;
         return (0, _react2.jsx)("div", {
-          css: [baseStyles, isDismissAllowed && dismissAllowedStyles],
+          css: [baseStyles, isDismissAllowed && dismissAllowedStyles]
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          ,
           className: className,
           ref: ref
         }, (0, _react2.jsx)(FlagGroupContext.Provider, {

package/dist/cjs/flag-provider.js

@@ -42,7 +42,8 @@ var getUniqueId = function () {
   };
 }();
 function FlagsProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    shouldRenderToParent = _ref.shouldRenderToParent;
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     flags = _useState2[0],
@@ -84,7 +85,8 @@ function FlagsProvider(_ref) {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FlagContext.Provider, {
     value: api
   }, children), /*#__PURE__*/_react.default.createElement(_flagGroup.default, {
-    onDismissed: removeFlag
+    onDismissed: removeFlag,
+    shouldRenderToParent: shouldRenderToParent
   }, flags.map(function (flag) {
     var isAutoDismiss = flag.isAutoDismiss,
       restProps = (0, _objectWithoutProperties2.default)(flag, _excluded);

package/dist/cjs/flag.js

@@ -52,7 +52,7 @@ var flagWrapperStyles = (0, _react2.css)({
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.5.1"
+  packageVersion: "15.5.3"
 };
 var transitionStyles = (0, _react2.css)({
   flexGrow: 1,
@@ -154,7 +154,9 @@ var Flag = function Flag(props) {
     alignBlock: "stretch",
     space: "space.200"
   }, (0, _react2.jsx)("div", {
-    css: iconWrapperStyles,
+    css: iconWrapperStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: (0, _defineProperty2.default)({}, CSS_VAR_ICON_COLOR, iconColor)
   }, icon), (0, _react2.jsx)("span", {
     css: transitionStyles
@@ -180,6 +182,7 @@ var Flag = function Flag(props) {
     isExpanded: !isBold || isExpanded,
     testId: testId
   }, description && (0, _react2.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: {
       color: _theme.flagTextColorToken[appearance]
     },

package/dist/cjs/internal/expander.js

@@ -27,7 +27,9 @@ var Expander = function Expander(_ref) {
     xcss: containerStyles,
     style: {
       maxHeight: isExpanded ? 150 : 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       flex: '1 1 100%',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       minWidth: 0
     },
     "aria-hidden": !isExpanded,

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.5.1";
+const packageVersion = "15.5.3";
 export const AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/es2019/flag-actions.js

@@ -62,7 +62,9 @@ const FlagActions = props => {
     component: linkComponent,
     spacing: "compact",
     testId: action.testId,
-    key: index,
+    key: index
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       [VAR_COLOR]: actionTextColor[appearance],
       [VAR_BG_COLOR]: actionBackgroundColor[appearance].default,

package/dist/es2019/flag-group.js

@@ -111,7 +111,9 @@ const FlagGroup = props => {
         className,
         ref
       }) => jsx("div", {
-        css: [baseStyles, isDismissAllowed && dismissAllowedStyles],
+        css: [baseStyles, isDismissAllowed && dismissAllowedStyles]
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
         className: className,
         ref: ref
       }, jsx(FlagGroupContext.Provider, {

package/dist/es2019/flag-provider.js

@@ -21,7 +21,8 @@ const getUniqueId = (() => {
   return () => `flag-provider-unique-id:${count++}`;
 })();
 export function FlagsProvider({
-  children
+  children,
+  shouldRenderToParent
 }) {
   const [flags, setFlags] = useState([]);
   const removeFlag = useCallback(id => {
@@ -56,7 +57,8 @@ export function FlagsProvider({
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlagContext.Provider, {
     value: api
   }, children), /*#__PURE__*/React.createElement(FlagGroup, {
-    onDismissed: removeFlag
+    onDismissed: removeFlag,
+    shouldRenderToParent: shouldRenderToParent
   }, flags.map(flag => {
     const {
       isAutoDismiss,

package/dist/es2019/flag.js

@@ -42,7 +42,7 @@ const flagWrapperStyles = css({
 const analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.5.1"
+  packageVersion: "15.5.3"
 };
 const transitionStyles = css({
   flexGrow: 1,
@@ -140,7 +140,9 @@ const Flag = props => {
     alignBlock: "stretch",
     space: "space.200"
   }, jsx("div", {
-    css: iconWrapperStyles,
+    css: iconWrapperStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       [CSS_VAR_ICON_COLOR]: iconColor
     }
@@ -168,6 +170,7 @@ const Flag = props => {
     isExpanded: !isBold || isExpanded,
     testId: testId
   }, description && jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: {
       color: flagTextColorToken[appearance]
     },

package/dist/es2019/internal/expander.js

@@ -21,7 +21,9 @@ const Expander = ({
     xcss: containerStyles,
     style: {
       maxHeight: isExpanded ? 150 : 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       flex: '1 1 100%',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       minWidth: 0
     },
     "aria-hidden": !isExpanded,

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.5.1";
+var packageVersion = "15.5.3";
 export var AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/esm/flag-actions.js

@@ -65,7 +65,9 @@ var FlagActions = function FlagActions(props) {
       component: linkComponent,
       spacing: "compact",
       testId: action.testId,
-      key: index,
+      key: index
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
       style: (_ref = {}, _defineProperty(_ref, VAR_COLOR, actionTextColor[appearance]), _defineProperty(_ref, VAR_BG_COLOR, actionBackgroundColor[appearance].default), _defineProperty(_ref, VAR_BG_COLOR_HOVER, actionBackgroundColor[appearance].pressed), _defineProperty(_ref, VAR_BG_COLOR_ACTIVE, actionBackgroundColor[appearance].active), _ref),
       css: [buttonStyles, appearance === DEFAULT_APPEARANCE && appearanceNormalButtonStyles]
     }, action.content);

package/dist/esm/flag-group.js

@@ -118,7 +118,9 @@ var FlagGroup = function FlagGroup(props) {
         var className = _ref.className,
           ref = _ref.ref;
         return jsx("div", {
-          css: [baseStyles, isDismissAllowed && dismissAllowedStyles],
+          css: [baseStyles, isDismissAllowed && dismissAllowedStyles]
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+          ,
           className: className,
           ref: ref
         }, jsx(FlagGroupContext.Provider, {

package/dist/esm/flag-provider.js

@@ -30,7 +30,8 @@ var getUniqueId = function () {
   };
 }();
 export function FlagsProvider(_ref) {
-  var children = _ref.children;
+  var children = _ref.children,
+    shouldRenderToParent = _ref.shouldRenderToParent;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     flags = _useState2[0],
@@ -72,7 +73,8 @@ export function FlagsProvider(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FlagContext.Provider, {
     value: api
   }, children), /*#__PURE__*/React.createElement(FlagGroup, {
-    onDismissed: removeFlag
+    onDismissed: removeFlag,
+    shouldRenderToParent: shouldRenderToParent
   }, flags.map(function (flag) {
     var isAutoDismiss = flag.isAutoDismiss,
       restProps = _objectWithoutProperties(flag, _excluded);

package/dist/esm/flag.js

@@ -46,7 +46,7 @@ var flagWrapperStyles = css({
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.5.1"
+  packageVersion: "15.5.3"
 };
 var transitionStyles = css({
   flexGrow: 1,
@@ -148,7 +148,9 @@ var Flag = function Flag(props) {
     alignBlock: "stretch",
     space: "space.200"
   }, jsx("div", {
-    css: iconWrapperStyles,
+    css: iconWrapperStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: _defineProperty({}, CSS_VAR_ICON_COLOR, iconColor)
   }, icon), jsx("span", {
     css: transitionStyles
@@ -174,6 +176,7 @@ var Flag = function Flag(props) {
     isExpanded: !isBold || isExpanded,
     testId: testId
   }, description && jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     style: {
       color: flagTextColorToken[appearance]
     },

package/dist/esm/internal/expander.js

@@ -20,7 +20,9 @@ var Expander = function Expander(_ref) {
     xcss: containerStyles,
     style: {
       maxHeight: isExpanded ? 150 : 0,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       flex: '1 1 100%',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       minWidth: 0
     },
     "aria-hidden": !isExpanded,

package/dist/types/auto-dismiss-flag.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AutoDismissFlagProps } from './types';
+import { type AutoDismissFlagProps } from './types';
 export declare const AUTO_DISMISS_SECONDS = 8;
 /**
  * __Auto dismiss flag__

package/dist/types/constants.d.ts

@@ -1,4 +1,4 @@
-import { AppearanceTypes } from './types';
+import { type AppearanceTypes } from './types';
 export declare const DEFAULT_APPEARANCE: AppearanceTypes;
 export declare const VAR_COLOR = "--color";
 export declare const VAR_BG_COLOR = "--bg-color";

package/dist/types/flag-actions.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ComponentType, FC } from 'react';
+import { type ComponentType, type FC } from 'react';
 import type { CustomThemeButtonProps } from '@atlaskit/button/types';
 import type { ActionsType, AppearanceTypes } from './types';
 type FlagActionsProps = {

package/dist/types/flag-group.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 type FlagGroupProps = {

package/dist/types/flag-provider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FlagPropsWithoutId } from './types';
+import { type FlagPropsWithoutId } from './types';
 type FlagId = string | number;
 export type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export interface CreateFlagArgs extends FlagPropsWithoutId {
@@ -26,8 +26,9 @@ export type FlagAPI = {
  * - [Examples](https://atlassian.design/components/flag/flags-provider/examples#using-showflags)
  */
 export declare function useFlags(): FlagAPI;
-export declare function FlagsProvider({ children }: {
+export declare function FlagsProvider({ children, shouldRenderToParent, }: {
     children: React.ReactNode;
+    shouldRenderToParent?: boolean;
 }): JSX.Element;
 export declare const withFlagsProvider: (fn: () => React.ReactNode) => React.ReactNode;
 export {};

package/dist/types/flag.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC } from 'react';
+import { type FC } from 'react';
 import type { FlagProps } from './types';
 /**
  * __Flag__

package/dist/types/theme.d.ts

@@ -1,5 +1,5 @@
-import { BackgroundColor, TextProps } from '@atlaskit/primitives';
-import { AppearanceTypes } from './types';
+import { type BackgroundColor, type TextProps } from '@atlaskit/primitives';
+import { type AppearanceTypes } from './types';
 export declare const flagBackgroundColor: Record<AppearanceTypes, BackgroundColor>;
 export declare const flagIconColor: Record<AppearanceTypes, string>;
 export declare const flagTextColor: Record<AppearanceTypes, TextProps['color']>;

package/dist/types/types.d.ts

@@ -1,6 +1,6 @@
-import { ComponentType, MouseEventHandler, ReactNode } from 'react';
-import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { CustomThemeButtonProps } from '@atlaskit/button/types';
+import { type ComponentType, type MouseEventHandler, type ReactNode } from 'react';
+import { type UIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type CustomThemeButtonProps } from '@atlaskit/button/types';
 export type ActionType = {
     content: ReactNode;
     onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;

package/dist/types-ts4.5/auto-dismiss-flag.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AutoDismissFlagProps } from './types';
+import { type AutoDismissFlagProps } from './types';
 export declare const AUTO_DISMISS_SECONDS = 8;
 /**
  * __Auto dismiss flag__

package/dist/types-ts4.5/constants.d.ts

@@ -1,4 +1,4 @@
-import { AppearanceTypes } from './types';
+import { type AppearanceTypes } from './types';
 export declare const DEFAULT_APPEARANCE: AppearanceTypes;
 export declare const VAR_COLOR = "--color";
 export declare const VAR_BG_COLOR = "--bg-color";

package/dist/types-ts4.5/flag-actions.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { ComponentType, FC } from 'react';
+import { type ComponentType, type FC } from 'react';
 import type { CustomThemeButtonProps } from '@atlaskit/button/types';
 import type { ActionsType, AppearanceTypes } from './types';
 type FlagActionsProps = {

package/dist/types-ts4.5/flag-group.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 import type { UIAnalyticsEvent } from '@atlaskit/analytics-next';
 type FlagGroupProps = {

package/dist/types-ts4.5/flag-provider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FlagPropsWithoutId } from './types';
+import { type FlagPropsWithoutId } from './types';
 type FlagId = string | number;
 export type Combine<First, Second> = Omit<First, keyof Second> & Second;
 export interface CreateFlagArgs extends FlagPropsWithoutId {
@@ -26,8 +26,9 @@ export type FlagAPI = {
  * - [Examples](https://atlassian.design/components/flag/flags-provider/examples#using-showflags)
  */
 export declare function useFlags(): FlagAPI;
-export declare function FlagsProvider({ children }: {
+export declare function FlagsProvider({ children, shouldRenderToParent, }: {
     children: React.ReactNode;
+    shouldRenderToParent?: boolean;
 }): JSX.Element;
 export declare const withFlagsProvider: (fn: () => React.ReactNode) => React.ReactNode;
 export {};

package/dist/types-ts4.5/flag.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { FC } from 'react';
+import { type FC } from 'react';
 import type { FlagProps } from './types';
 /**
  * __Flag__

package/dist/types-ts4.5/theme.d.ts

@@ -1,5 +1,5 @@
-import { BackgroundColor, TextProps } from '@atlaskit/primitives';
-import { AppearanceTypes } from './types';
+import { type BackgroundColor, type TextProps } from '@atlaskit/primitives';
+import { type AppearanceTypes } from './types';
 export declare const flagBackgroundColor: Record<AppearanceTypes, BackgroundColor>;
 export declare const flagIconColor: Record<AppearanceTypes, string>;
 export declare const flagTextColor: Record<AppearanceTypes, TextProps['color']>;

package/dist/types-ts4.5/types.d.ts

@@ -1,6 +1,6 @@
-import { ComponentType, MouseEventHandler, ReactNode } from 'react';
-import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { CustomThemeButtonProps } from '@atlaskit/button/types';
+import { type ComponentType, type MouseEventHandler, type ReactNode } from 'react';
+import { type UIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type CustomThemeButtonProps } from '@atlaskit/button/types';
 export type ActionType = {
     content: ReactNode;
     onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;

package/extract-react-types/show-flag-args.tsx

@@ -1,4 +1,4 @@
-import { CreateFlagArgs } from '../src';
+import { type CreateFlagArgs } from '../src';
 
 export default function ShowFlagArgs(props: CreateFlagArgs) {
   return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/flag",
-  "version": "15.5.1",
+  "version": "15.5.3",
   "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/"
@@ -47,14 +47,14 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.3.0",
-    "@atlaskit/button": "^17.14.0",
+    "@atlaskit/button": "^17.17.0",
     "@atlaskit/ds-lib": "^2.3.0",
-    "@atlaskit/icon": "^22.1.0",
-    "@atlaskit/motion": "^1.5.0",
-    "@atlaskit/portal": "^4.4.0",
-    "@atlaskit/primitives": "^6.0.0",
-    "@atlaskit/theme": "^12.7.0",
-    "@atlaskit/tokens": "^1.45.0",
+    "@atlaskit/icon": "^22.3.0",
+    "@atlaskit/motion": "^1.6.0",
+    "@atlaskit/portal": "^4.5.0",
+    "@atlaskit/primitives": "^7.0.0",
+    "@atlaskit/theme": "^12.9.0",
+    "@atlaskit/tokens": "^1.49.0",
     "@atlaskit/visually-hidden": "^1.3.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
@@ -68,7 +68,6 @@
     "@atlaskit/radio": "^6.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/jest": "^11.8.0",
     "@testing-library/react": "^12.1.5",
     "jest-emotion": "^10.0.32",
@@ -106,6 +105,5 @@
       ]
     }
   },
-  "homepage": "https://atlassian.design/components/flag/",
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "homepage": "https://atlassian.design/components/flag/"
 }