@atlaskit/flag 15.2.15 → 15.2.17

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/flag
 
+## 15.2.17
+
+### Patch Changes
+
+- [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
+- Updated dependencies
+
+## 15.2.16
+
+### Patch Changes
+
+- [`1ed303de3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ed303de3e8) - Updated dependencies
+- [`95401cac781`](https://bitbucket.org/atlassian/atlassian-frontend/commits/95401cac781) - Internal change to component composition. There is no expected change.
+
 ## 15.2.15
 
 ### Patch Changes

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

@@ -15,7 +15,7 @@ var _flagGroup = require("./flag-group");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 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.2.15";
+var packageVersion = "15.2.17";
 var AUTO_DISMISS_SECONDS = 8;
 
 /**

package/dist/cjs/flag-actions.js

@@ -11,7 +11,7 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
 var _inline = _interopRequireDefault(require("@atlaskit/primitives/inline"));
 var _constants = require("./constants");
 var _theme = require("./theme");
-/* eslint-disable @repo/internal/styles/no-nested-styles */
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
 /** @jsx jsx */
 
 var buttonStyles = (0, _react.css)({

package/dist/cjs/flag-group.js

@@ -44,6 +44,8 @@ var baseStyles = (0, _react2.css)({
   position: 'absolute',
   bottom: 0,
   transition: "transform ".concat(flagAnimationTime, "ms ease-in-out"),
+  // TODO: Use new breakpoints
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '@media (max-width: 560px)': {
     width: '100vw'
   },
@@ -69,7 +71,7 @@ var baseStyles = (0, _react2.css)({
 // Transform needed to push up while 1st flag is leaving
 // Exiting time should match the exiting time of motion so is halved
 var dismissAllowedStyles = (0, _react2.css)({
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '&& + *': {
     transform: "translate(0, 0)",
     transitionDuration: "".concat(flagAnimationTime / 2, "ms")
@@ -80,6 +82,8 @@ var flagGroupContainerStyles = (0, _react2.css)({
   zIndex: 'flag',
   bottom: "var(--ds-space-600, 48px)",
   left: "var(--ds-space-1000, 80px)",
+  // TODO: Use new breakpoints
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '@media (max-width: 560px)': {
     bottom: 0,
     left: 0

package/dist/cjs/flag.js

@@ -43,7 +43,7 @@ var flagWrapperStyles = (0, _react2.css)({
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.2.15"
+  packageVersion: "15.2.17"
 };
 var transitionStyles = (0, _react2.css)({
   flexGrow: 1,

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

package/dist/es2019/flag-actions.js

@@ -1,4 +1,4 @@
-/* eslint-disable @repo/internal/styles/no-nested-styles */
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
 /** @jsx jsx */
 
 import { css, jsx } from '@emotion/react';

package/dist/es2019/flag-group.js

@@ -31,6 +31,8 @@ const baseStyles = css({
   position: 'absolute',
   bottom: 0,
   transition: `transform ${flagAnimationTime}ms ease-in-out`,
+  // TODO: Use new breakpoints
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '@media (max-width: 560px)': {
     width: '100vw'
   },
@@ -56,7 +58,7 @@ const baseStyles = css({
 // Transform needed to push up while 1st flag is leaving
 // Exiting time should match the exiting time of motion so is halved
 const dismissAllowedStyles = css({
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '&& + *': {
     transform: `translate(0, 0)`,
     transitionDuration: `${flagAnimationTime / 2}ms`
@@ -67,6 +69,8 @@ const flagGroupContainerStyles = css({
   zIndex: 'flag',
   bottom: "var(--ds-space-600, 48px)",
   left: "var(--ds-space-1000, 80px)",
+  // TODO: Use new breakpoints
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '@media (max-width: 560px)': {
     bottom: 0,
     left: 0

package/dist/es2019/flag.js

@@ -33,7 +33,7 @@ const flagWrapperStyles = css({
 const analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.2.15"
+  packageVersion: "15.2.17"
 };
 const transitionStyles = css({
   flexGrow: 1,

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

package/dist/esm/flag-actions.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/* eslint-disable @repo/internal/styles/no-nested-styles */
+/* eslint-disable @atlaskit/design-system/no-nested-styles */
 /** @jsx jsx */
 
 import { css, jsx } from '@emotion/react';

package/dist/esm/flag-group.js

@@ -32,6 +32,8 @@ var baseStyles = css({
   position: 'absolute',
   bottom: 0,
   transition: "transform ".concat(flagAnimationTime, "ms ease-in-out"),
+  // TODO: Use new breakpoints
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '@media (max-width: 560px)': {
     width: '100vw'
   },
@@ -57,7 +59,7 @@ var baseStyles = css({
 // Transform needed to push up while 1st flag is leaving
 // Exiting time should match the exiting time of motion so is halved
 var dismissAllowedStyles = css({
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '&& + *': {
     transform: "translate(0, 0)",
     transitionDuration: "".concat(flagAnimationTime / 2, "ms")
@@ -68,6 +70,8 @@ var flagGroupContainerStyles = css({
   zIndex: 'flag',
   bottom: "var(--ds-space-600, 48px)",
   left: "var(--ds-space-1000, 80px)",
+  // TODO: Use new breakpoints
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '@media (max-width: 560px)': {
     bottom: 0,
     left: 0

package/dist/esm/flag.js

@@ -37,7 +37,7 @@ var flagWrapperStyles = css({
 var analyticsAttributes = {
   componentName: 'flag',
   packageName: "@atlaskit/flag",
-  packageVersion: "15.2.15"
+  packageVersion: "15.2.17"
 };
 var transitionStyles = css({
   flexGrow: 1,

package/dist/types/theme.d.ts

@@ -1,7 +1,7 @@
 import { UNSAFE_TextProps as TextProps } from '@atlaskit/ds-explorations';
-import { BoxProps } from '@atlaskit/primitives';
+import { BackgroundColor } from '@atlaskit/primitives';
 import { AppearanceTypes } from './types';
-export declare const flagBackgroundColor: Record<AppearanceTypes, BoxProps['backgroundColor']>;
+export declare const flagBackgroundColor: Record<AppearanceTypes, BackgroundColor>;
 export declare const flagIconColor: Record<AppearanceTypes, string>;
 export declare const flagTextColor: Record<AppearanceTypes, TextProps['color']>;
 export declare const flagTextColorToken: {

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

@@ -1,7 +1,7 @@
 import { UNSAFE_TextProps as TextProps } from '@atlaskit/ds-explorations';
-import { BoxProps } from '@atlaskit/primitives';
+import { BackgroundColor } from '@atlaskit/primitives';
 import { AppearanceTypes } from './types';
-export declare const flagBackgroundColor: Record<AppearanceTypes, BoxProps['backgroundColor']>;
+export declare const flagBackgroundColor: Record<AppearanceTypes, BackgroundColor>;
 export declare const flagIconColor: Record<AppearanceTypes, string>;
 export declare const flagTextColor: Record<AppearanceTypes, TextProps['color']>;
 export declare const flagTextColorToken: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/flag",
-  "version": "15.2.15",
+  "version": "15.2.17",
   "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/"
@@ -43,16 +43,16 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.8.0",
+    "@atlaskit/button": "^16.9.0",
     "@atlaskit/ds-explorations": "^2.2.0",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/focus-ring": "^1.3.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/motion": "^1.4.0",
     "@atlaskit/portal": "^4.3.0",
-    "@atlaskit/primitives": "^1.0.0",
+    "@atlaskit/primitives": "^1.2.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.11.0",
+    "@atlaskit/tokens": "^1.15.0",
     "@atlaskit/visually-hidden": "^1.2.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,126 @@
+## API Report File for "@atlaskit/flag"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import { ComponentType } from 'react';
+import { CustomThemeButtonProps } from '@atlaskit/button/types';
+import { FC } from 'react';
+import { jsx } from '@emotion/react';
+import { MouseEventHandler } from 'react';
+import { default as React_2 } from 'react';
+import { ReactElement } from 'react';
+import { ReactNode } from 'react';
+import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+export type ActionsType = Array<ActionType>;
+
+// @public (undocumented)
+type ActionType = {
+    content: ReactNode;
+    onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
+    href?: string;
+    target?: string;
+    testId?: string;
+};
+
+// @public (undocumented)
+export type AppearanceTypes = 'error' | 'info' | 'normal' | 'success' | 'warning';
+
+// @public
+export const AutoDismissFlag: (props: AutoDismissFlagProps) => JSX.Element;
+
+// @public (undocumented)
+interface AutoDismissFlagProps extends AutoDismissFlagPropsWithoutId, FlagPropsId {
+}
+
+// @public (undocumented)
+type AutoDismissFlagPropsWithoutId = {
+    actions?: ActionsType;
+    appearance?: AppearanceTypes;
+    description?: ReactNode;
+    icon: ReactNode;
+    title: ReactNode;
+    onDismissed?: (id: number | string, analyticsEvent: UIAnalyticsEvent) => void;
+    linkComponent?: ComponentType<CustomThemeButtonProps>;
+    testId?: string;
+    analyticsContext?: Record<string, any>;
+};
+
+// @public (undocumented)
+type Combine<First, Second> = Omit<First, keyof Second> & Second;
+
+// @public (undocumented)
+export interface CreateFlagArgs extends FlagPropsWithoutId {
+    id?: FlagId;
+    isAutoDismiss?: boolean;
+}
+
+// @public (undocumented)
+export type DismissFn = () => void;
+
+// @public
+const Flag: FC<FlagProps>;
+export default Flag;
+
+// @public (undocumented)
+export type FlagAPI = {
+    showFlag: (args: CreateFlagArgs) => DismissFn;
+};
+
+// @public (undocumented)
+export type FlagArgs = Combine<CreateFlagArgs, {
+    id: FlagId;
+}>;
+
+// @public
+export const FlagGroup: (props: FlagGroupProps) => jsx.JSX.Element;
+
+// @public (undocumented)
+type FlagGroupProps = {
+    id?: string;
+    label?: string;
+    labelTag?: React.ElementType;
+    children?: Array<ReactElement> | ReactElement | boolean | null;
+    onDismissed?: (id: number | string, analyticsEvent: UIAnalyticsEvent) => void;
+};
+
+// @public (undocumented)
+type FlagId = number | string;
+
+// @public (undocumented)
+export interface FlagProps extends FlagPropsWithoutId, FlagPropsId {
+}
+
+// @public (undocumented)
+type FlagPropsId = {
+    id: number | string;
+};
+
+// @public (undocumented)
+interface FlagPropsWithoutId extends AutoDismissFlagPropsWithoutId, WithAnalyticsEventsProps {
+    onBlur?: (e: React.FocusEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
+    onFocus?: (e: React.FocusEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
+    onMouseOut?: MouseEventHandler;
+    onMouseOver?: MouseEventHandler;
+}
+
+// @public (undocumented)
+export function FlagsProvider({ children }: {
+    children: React_2.ReactNode;
+}): JSX.Element;
+
+// @public
+export function useFlags(): FlagAPI;
+
+// @public (undocumented)
+export const withFlagsProvider: (fn: () => React_2.ReactNode) => React_2.ReactNode;
+
+// (No @packageDocumentation comment for this package)
+
+```

package/dist/cjs/version.json

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

package/dist/es2019/version.json

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

package/dist/esm/version.json

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