@atlaskit/flag 14.4.1

package/dist/types/theme.d.ts

@@ -0,0 +1,9 @@
+import { ThemeModes } from '@atlaskit/theme/types';
+import { AppearanceTypes } from './types';
+export declare const getFlagBackgroundColor: (appearance: AppearanceTypes, mode: ThemeModes) => string;
+export declare const flagBorderColor = "rgba(9, 30, 66, 0.31)";
+export declare const getFlagTextColor: (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/dist/types/types.d.ts

@@ -0,0 +1,79 @@
+import { ComponentType, MouseEventHandler, ReactNode } from 'react';
+import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { CustomThemeButtonProps } from '@atlaskit/button/types';
+export declare type ActionType = {
+    content: ReactNode;
+    onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
+    href?: string;
+    target?: string;
+    testId?: string;
+};
+export declare type AppearanceTypes = 'error' | 'info' | 'normal' | 'success' | 'warning';
+export declare type ActionsType = Array<ActionType>;
+export declare const AppearanceArray: AppearanceTypes[];
+declare type FlagPropsId = {
+    /** A unique identifier used for rendering and onDismissed callbacks. */
+    id: number | string;
+};
+declare type AutoDismissFlagPropsWithoutId = {
+    /** Array of clickable actions to be shown at the bottom of the flag. For flags where appearance
+     * is 'normal', actions will be shown as links. For all other appearance values, actions will
+     * shown as buttons.
+     * If href is passed the action will be shown as a link with the passed href prop.
+     */
+    actions?: ActionsType;
+    /** Makes the flag appearance bold. Setting this to anything other than 'normal' hides the
+     * dismiss button.
+     */
+    appearance?: AppearanceTypes;
+    /** The secondary content shown below the flag title */
+    description?: ReactNode;
+    /** The icon displayed in the top-left of the flag. Should be an instance of `@atlaskit/icon`.
+     * Your icon will receive the appropriate default color, which you can override by wrapping the
+     * icon in a containing element with CSS `color` set to your preferred icon color.
+     */
+    icon: ReactNode;
+    /** The bold text shown at the top of the flag. */
+    title: ReactNode;
+    /** Handler which will be called when a Flag's dismiss button is clicked.
+     * Receives the id of the dismissed Flag as a parameter.
+     */
+    onDismissed?: (id: number | string, analyticsEvent: UIAnalyticsEvent) => void;
+    /** A link component that is passed down to the `@atlaskit/button` used by actions,
+    to allow custom routers to be used. See the
+    [button with router](https://atlaskit.atlassian.com/packages/design-system/button/example/ButtonWithRouter)
+    example of what this component should look like. */
+    linkComponent?: ComponentType<CustomThemeButtonProps>;
+    /**
+     * A `testId` prop is provided for specified elements,
+     * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests.
+  
+     * Will set these elements when defined:
+  
+     * - Flag root element - `{testId}`
+     * - Close button visible on default flags - `{testId}-dismiss`
+     * - Toggle button visible on bold flags - `{testId}-toggle`
+     * - Flag content which wraps the description and actions - `{testId}-expander`
+     * - Flag description - `{testId}-description`
+     * - Flag actions - `{testId}-actions`
+     */
+    testId?: string;
+    /** Additional information to be included in the `context` of analytics events that come from flag */
+    analyticsContext?: Record<string, any>;
+};
+export interface AutoDismissFlagProps extends AutoDismissFlagPropsWithoutId, FlagPropsId {
+}
+export interface FlagPropsWithoutId extends AutoDismissFlagPropsWithoutId, WithAnalyticsEventsProps {
+    /** Standard onBlur event, applied to Flag by AutoDismissFlag */
+    onBlur?: (e: React.FocusEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
+    /** Standard onFocus event, applied to Flag by AutoDismissFlag */
+    onFocus?: (e: React.FocusEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
+    /** Standard onMouseOut event, applied to Flag by AutoDismissFlag */
+    onMouseOut?: MouseEventHandler;
+    /** Standard onMouseOver event, applied to Flag by AutoDismissFlag */
+    onMouseOver?: MouseEventHandler;
+}
+export interface FlagProps extends FlagPropsWithoutId, FlagPropsId {
+}
+export {};

package/expander/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/flag/expander",
+  "main": "../dist/cjs/expander.js",
+  "module": "../dist/esm/expander.js",
+  "module:es2019": "../dist/es2019/expander.js",
+  "types": "../dist/types/expander.d.ts"
+}

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

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

package/flag/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/flag/flag",
+  "main": "../dist/cjs/flag.js",
+  "module": "../dist/esm/flag.js",
+  "module:es2019": "../dist/es2019/flag.js",
+  "types": "../dist/types/flag.d.ts"
+}

package/flag-actions/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/flag/flag-actions",
+  "main": "../dist/cjs/flag-actions.js",
+  "module": "../dist/esm/flag-actions.js",
+  "module:es2019": "../dist/es2019/flag-actions.js",
+  "types": "../dist/types/flag-actions.d.ts"
+}

package/flag-group/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/flag/flag-group",
+  "main": "../dist/cjs/flag-group.js",
+  "module": "../dist/esm/flag-group.js",
+  "module:es2019": "../dist/es2019/flag-group.js",
+  "types": "../dist/types/flag-group.d.ts"
+}

package/flag-provider/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/flag/flag-provider",
+  "main": "../dist/cjs/flag-provider.js",
+  "module": "../dist/esm/flag-provider.js",
+  "module:es2019": "../dist/es2019/flag-provider.js",
+  "types": "../dist/types/flag-provider.d.ts"
+}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@atlaskit/flag",
+  "version": "14.4.1",
+  "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",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "sideEffects": false,
+  "atlaskit:src": "src/index.ts",
+  "atlassian": {
+    "team": "Design System Team",
+    "deprecatedAutoEntryPoints": true,
+    "inPublicMirror": true,
+    "releaseModel": "scheduled",
+    "website": {
+      "name": "Flag"
+    }
+  },
+  "dependencies": {
+    "@atlaskit/analytics-next": "^8.0.0",
+    "@atlaskit/button": "^16.0.0",
+    "@atlaskit/icon": "^21.9.0",
+    "@atlaskit/motion": "^1.0.0",
+    "@atlaskit/portal": "^4.0.0",
+    "@atlaskit/theme": "^12.0.0",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/core": "^10.0.9"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "devDependencies": {
+    "@atlaskit/build-utils": "*",
+    "@atlaskit/docs": "*",
+    "@atlaskit/field-radio-group": "^8.0.0",
+    "@atlaskit/radio": "^5.2.0",
+    "@atlaskit/section-message": "^6.0.0",
+    "@atlaskit/spinner": "^15.0.0",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/theme": "^12.0.0",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@testing-library/react": "^8.0.1",
+    "jest-emotion": "^10.0.32",
+    "react-dom": "^16.8.0",
+    "storybook-addon-performance": "^0.16.0",
+    "typescript": "3.9.6"
+  },
+  "keywords": [
+    "atlaskit",
+    "react",
+    "ui"
+  ],
+  "techstack": {
+    "@repo/internal": {
+      "ui-components": [
+        "lite-mode"
+      ],
+      "analytics": [
+        "analytics-next"
+      ],
+      "theming": [
+        "new-theming-api"
+      ],
+      "deprecation": [
+        "no-deprecated-imports"
+      ]
+    }
+  },
+  "homepage": "https://atlassian.design/components/flag/",
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+}

package/theme/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/flag/theme",
+  "main": "../dist/cjs/theme.js",
+  "module": "../dist/esm/theme.js",
+  "module:es2019": "../dist/es2019/theme.js",
+  "types": "../dist/types/theme.d.ts"
+}

package/types/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/flag/types",
+  "main": "../dist/cjs/types.js",
+  "module": "../dist/esm/types.js",
+  "module:es2019": "../dist/es2019/types.js",
+  "types": "../dist/types/types.d.ts"
+}