@atlaskit/flag 15.2.3 → 15.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/flag
2
2
 
3
+ ## 15.2.5
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 15.2.4
10
+
11
+ ### Patch Changes
12
+
13
+ - [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
14
+
3
15
  ## 15.2.3
4
16
 
5
17
  ### Patch Changes
@@ -15,7 +15,7 @@ var _flagGroup = require("./flag-group");
15
15
  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); }
16
16
  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; }
17
17
  var packageName = "@atlaskit/flag";
18
- var packageVersion = "15.2.3";
18
+ var packageVersion = "15.2.5";
19
19
  var AUTO_DISMISS_SECONDS = 8;
20
20
 
21
21
  /**
package/dist/cjs/flag.js CHANGED
@@ -26,7 +26,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
26
26
  var analyticsAttributes = {
27
27
  componentName: 'flag',
28
28
  packageName: "@atlaskit/flag",
29
- packageVersion: "15.2.3"
29
+ packageVersion: "15.2.5"
30
30
  };
31
31
  var transitionStyles = (0, _react2.css)({
32
32
  flexGrow: 1,
@@ -149,7 +149,7 @@ var Flag = function Flag(props) {
149
149
  }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Box, {
150
150
  display: "block",
151
151
  UNSAFE_style: {
152
- paddingTop: 2
152
+ paddingTop: "var(--ds-space-025, 2px)"
153
153
  }
154
154
  }, (0, _react2.jsx)(_dsExplorations.UNSAFE_Text, {
155
155
  color: textColor,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "15.2.3",
3
+ "version": "15.2.5",
4
4
  "sideEffects": false
5
5
  }
@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
5
5
  import Flag from './flag';
6
6
  import { useFlagGroup } from './flag-group';
7
7
  const packageName = "@atlaskit/flag";
8
- const packageVersion = "15.2.3";
8
+ const packageVersion = "15.2.5";
9
9
  export const AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
@@ -16,7 +16,7 @@ import { Expander, DismissButton } from './internal';
16
16
  const analyticsAttributes = {
17
17
  componentName: 'flag',
18
18
  packageName: "@atlaskit/flag",
19
- packageVersion: "15.2.3"
19
+ packageVersion: "15.2.5"
20
20
  };
21
21
  const transitionStyles = css({
22
22
  flexGrow: 1,
@@ -135,7 +135,7 @@ const Flag = props => {
135
135
  }, jsx(Box, {
136
136
  display: "block",
137
137
  UNSAFE_style: {
138
- paddingTop: 2
138
+ paddingTop: "var(--ds-space-025, 2px)"
139
139
  }
140
140
  }, jsx(Text, {
141
141
  color: textColor,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "15.2.3",
3
+ "version": "15.2.5",
4
4
  "sideEffects": false
5
5
  }
@@ -5,7 +5,7 @@ import noop from '@atlaskit/ds-lib/noop';
5
5
  import Flag from './flag';
6
6
  import { useFlagGroup } from './flag-group';
7
7
  var packageName = "@atlaskit/flag";
8
- var packageVersion = "15.2.3";
8
+ var packageVersion = "15.2.5";
9
9
  export var AUTO_DISMISS_SECONDS = 8;
10
10
 
11
11
  /**
package/dist/esm/flag.js CHANGED
@@ -20,7 +20,7 @@ import { Expander, DismissButton } from './internal';
20
20
  var analyticsAttributes = {
21
21
  componentName: 'flag',
22
22
  packageName: "@atlaskit/flag",
23
- packageVersion: "15.2.3"
23
+ packageVersion: "15.2.5"
24
24
  };
25
25
  var transitionStyles = css({
26
26
  flexGrow: 1,
@@ -143,7 +143,7 @@ var Flag = function Flag(props) {
143
143
  }, jsx(Box, {
144
144
  display: "block",
145
145
  UNSAFE_style: {
146
- paddingTop: 2
146
+ paddingTop: "var(--ds-space-025, 2px)"
147
147
  }
148
148
  }, jsx(Text, {
149
149
  color: textColor,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "15.2.3",
3
+ "version": "15.2.5",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "15.2.3",
3
+ "version": "15.2.5",
4
4
  "description": "A flag is used for confirmations, alerts, and acknowledgments that require minimal user interaction, often displayed using a flag group.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -24,7 +24,7 @@
24
24
  "atlaskit:src": "src/index.tsx",
25
25
  "atlassian": {
26
26
  "team": "Design System Team",
27
- "releaseModel": "scheduled",
27
+ "releaseModel": "continuous",
28
28
  "website": {
29
29
  "name": "Flag",
30
30
  "category": "Components"
@@ -50,7 +50,7 @@
50
50
  "@atlaskit/icon": "^21.12.0",
51
51
  "@atlaskit/motion": "^1.4.0",
52
52
  "@atlaskit/portal": "^4.3.0",
53
- "@atlaskit/primitives": "^0.9.0",
53
+ "@atlaskit/primitives": "^0.10.0",
54
54
  "@atlaskit/theme": "^12.5.0",
55
55
  "@atlaskit/tokens": "^1.5.0",
56
56
  "@atlaskit/visually-hidden": "^1.2.0",
@@ -0,0 +1,126 @@
1
+ ## API Report File for "@atlaskit/flag"
2
+
3
+ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
+
5
+ ```ts
6
+
7
+ /// <reference types="react" />
8
+
9
+ import { ComponentType } from 'react';
10
+ import { CustomThemeButtonProps } from '@atlaskit/button/types';
11
+ import { FC } from 'react';
12
+ import { jsx } from '@emotion/react';
13
+ import { MouseEventHandler } from 'react';
14
+ import { default as React_2 } from 'react';
15
+ import { ReactElement } from 'react';
16
+ import { ReactNode } from 'react';
17
+ import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
18
+ import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
19
+
20
+ // @public (undocumented)
21
+ export type ActionsType = Array<ActionType>;
22
+
23
+ // @public (undocumented)
24
+ type ActionType = {
25
+ content: ReactNode;
26
+ onClick?: (e: React.MouseEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
27
+ href?: string;
28
+ target?: string;
29
+ testId?: string;
30
+ };
31
+
32
+ // @public (undocumented)
33
+ export type AppearanceTypes = 'error' | 'info' | 'normal' | 'success' | 'warning';
34
+
35
+ // @public
36
+ export const AutoDismissFlag: (props: AutoDismissFlagProps) => JSX.Element;
37
+
38
+ // @public (undocumented)
39
+ interface AutoDismissFlagProps extends AutoDismissFlagPropsWithoutId, FlagPropsId {
40
+ }
41
+
42
+ // @public (undocumented)
43
+ type AutoDismissFlagPropsWithoutId = {
44
+ actions?: ActionsType;
45
+ appearance?: AppearanceTypes;
46
+ description?: ReactNode;
47
+ icon: ReactNode;
48
+ title: ReactNode;
49
+ onDismissed?: (id: number | string, analyticsEvent: UIAnalyticsEvent) => void;
50
+ linkComponent?: ComponentType<CustomThemeButtonProps>;
51
+ testId?: string;
52
+ analyticsContext?: Record<string, any>;
53
+ };
54
+
55
+ // @public (undocumented)
56
+ type Combine<First, Second> = Omit<First, keyof Second> & Second;
57
+
58
+ // @public (undocumented)
59
+ export interface CreateFlagArgs extends FlagPropsWithoutId {
60
+ id?: FlagId;
61
+ isAutoDismiss?: boolean;
62
+ }
63
+
64
+ // @public (undocumented)
65
+ export type DismissFn = () => void;
66
+
67
+ // @public
68
+ const Flag: FC<FlagProps>;
69
+ export default Flag;
70
+
71
+ // @public (undocumented)
72
+ export type FlagAPI = {
73
+ showFlag: (args: CreateFlagArgs) => DismissFn;
74
+ };
75
+
76
+ // @public (undocumented)
77
+ export type FlagArgs = Combine<CreateFlagArgs, {
78
+ id: FlagId;
79
+ }>;
80
+
81
+ // @public
82
+ export const FlagGroup: (props: FlagGroupProps) => jsx.JSX.Element;
83
+
84
+ // @public (undocumented)
85
+ type FlagGroupProps = {
86
+ id?: string;
87
+ label?: string;
88
+ labelTag?: React.ElementType;
89
+ children?: Array<ReactElement> | ReactElement | boolean | null;
90
+ onDismissed?: (id: number | string, analyticsEvent: UIAnalyticsEvent) => void;
91
+ };
92
+
93
+ // @public (undocumented)
94
+ type FlagId = number | string;
95
+
96
+ // @public (undocumented)
97
+ export interface FlagProps extends FlagPropsWithoutId, FlagPropsId {
98
+ }
99
+
100
+ // @public (undocumented)
101
+ type FlagPropsId = {
102
+ id: number | string;
103
+ };
104
+
105
+ // @public (undocumented)
106
+ interface FlagPropsWithoutId extends AutoDismissFlagPropsWithoutId, WithAnalyticsEventsProps {
107
+ onBlur?: (e: React.FocusEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
108
+ onFocus?: (e: React.FocusEvent<HTMLElement>, analyticsEvent: UIAnalyticsEvent) => void;
109
+ onMouseOut?: MouseEventHandler;
110
+ onMouseOver?: MouseEventHandler;
111
+ }
112
+
113
+ // @public (undocumented)
114
+ export function FlagsProvider({ children }: {
115
+ children: React_2.ReactNode;
116
+ }): JSX.Element;
117
+
118
+ // @public
119
+ export function useFlags(): FlagAPI;
120
+
121
+ // @public (undocumented)
122
+ export const withFlagsProvider: (fn: () => React_2.ReactNode) => React_2.ReactNode;
123
+
124
+ // (No @packageDocumentation comment for this package)
125
+
126
+ ```