@atlaskit/flag 14.4.1 → 14.5.2

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.
Files changed (51) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/__perf__/withFlagGroup.tsx +7 -1
  3. package/dist/cjs/auto-dismiss-flag.js +4 -4
  4. package/dist/cjs/flag-actions.js +50 -6
  5. package/dist/cjs/flag-group.js +57 -19
  6. package/dist/cjs/flag-provider.js +6 -4
  7. package/dist/cjs/flag.js +85 -107
  8. package/dist/cjs/index.js +12 -12
  9. package/dist/cjs/internal/description.js +32 -0
  10. package/dist/cjs/internal/dismiss-button.js +83 -0
  11. package/dist/cjs/{expander.js → internal/expander.js} +15 -7
  12. package/dist/cjs/internal/index.js +39 -0
  13. package/dist/cjs/internal/title.js +32 -0
  14. package/dist/cjs/theme.js +84 -60
  15. package/dist/cjs/version.json +1 -1
  16. package/dist/es2019/auto-dismiss-flag.js +2 -3
  17. package/dist/es2019/flag-actions.js +50 -32
  18. package/dist/es2019/flag-group.js +48 -65
  19. package/dist/es2019/flag.js +77 -162
  20. package/dist/es2019/internal/description.js +22 -0
  21. package/dist/es2019/internal/dismiss-button.js +63 -0
  22. package/dist/es2019/{expander.js → internal/expander.js} +14 -10
  23. package/dist/es2019/internal/index.js +4 -0
  24. package/dist/es2019/internal/title.js +22 -0
  25. package/dist/es2019/theme.js +78 -53
  26. package/dist/es2019/version.json +1 -1
  27. package/dist/esm/auto-dismiss-flag.js +2 -3
  28. package/dist/esm/flag-actions.js +49 -6
  29. package/dist/esm/flag-group.js +52 -16
  30. package/dist/esm/flag-provider.js +4 -3
  31. package/dist/esm/flag.js +81 -102
  32. package/dist/esm/internal/description.js +23 -0
  33. package/dist/esm/internal/dismiss-button.js +63 -0
  34. package/dist/esm/{expander.js → internal/expander.js} +14 -5
  35. package/dist/esm/internal/index.js +4 -0
  36. package/dist/esm/internal/title.js +23 -0
  37. package/dist/esm/theme.js +80 -53
  38. package/dist/esm/version.json +1 -1
  39. package/dist/types/auto-dismiss-flag.d.ts +1 -0
  40. package/dist/types/flag-actions.d.ts +4 -4
  41. package/dist/types/flag-group.d.ts +2 -2
  42. package/dist/types/flag.d.ts +2 -1
  43. package/dist/types/internal/description.d.ts +7 -0
  44. package/dist/types/internal/dismiss-button.d.ts +11 -0
  45. package/dist/types/internal/expander.d.ts +8 -0
  46. package/dist/types/internal/index.d.ts +4 -0
  47. package/dist/types/internal/title.d.ts +6 -0
  48. package/dist/types/theme.d.ts +2 -1
  49. package/package.json +14 -10
  50. package/dist/types/expander.d.ts +0 -9
  51. package/expander/package.json +0 -7
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { AppearanceTypes } from '../types';
3
+ interface DismissButtonProps {
4
+ appearance: AppearanceTypes;
5
+ onClick: (...args: any) => void;
6
+ isExpanded: boolean;
7
+ isBold: boolean;
8
+ testId?: string;
9
+ }
10
+ declare const _default: import("react").MemoExoticComponent<({ appearance, onClick, isBold, isExpanded, testId, }: DismissButtonProps) => JSX.Element>;
11
+ export default _default;
@@ -0,0 +1,8 @@
1
+ /** @jsx jsx */
2
+ import { FC } from 'react';
3
+ declare type ExpanderProps = {
4
+ isExpanded: boolean;
5
+ testId?: string;
6
+ };
7
+ declare const Expander: FC<ExpanderProps>;
8
+ export default Expander;
@@ -0,0 +1,4 @@
1
+ export { default as Title } from './title';
2
+ export { default as Description } from './description';
3
+ export { default as Expander } from './expander';
4
+ export { default as DismissButton } from './dismiss-button';
@@ -0,0 +1,6 @@
1
+ import { FC } from 'react';
2
+ interface TitleProps {
3
+ color: string;
4
+ }
5
+ declare const Title: FC<TitleProps>;
6
+ export default Title;
@@ -1,8 +1,9 @@
1
1
  import { ThemeModes } from '@atlaskit/theme/types';
2
2
  import { AppearanceTypes } from './types';
3
3
  export declare const getFlagBackgroundColor: (appearance: AppearanceTypes, mode: ThemeModes) => string;
4
- export declare const flagBorderColor = "rgba(9, 30, 66, 0.31)";
4
+ export declare const flagBorderColor: "var(--ds-surface-overlay)";
5
5
  export declare const getFlagTextColor: (appearance: AppearanceTypes, mode: ThemeModes) => string;
6
+ export declare const getFlagIconColor: (appearance: AppearanceTypes, mode: ThemeModes) => string;
6
7
  export declare const flagShadowColor = "rgba(9, 30, 66, 0.25)";
7
8
  export declare const getFlagFocusRingColor: (appearance: AppearanceTypes, mode: ThemeModes) => string;
8
9
  export declare const getActionBackground: (appearance: AppearanceTypes, mode: ThemeModes) => string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/flag",
3
- "version": "14.4.1",
3
+ "version": "14.5.2",
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/"
@@ -17,7 +17,6 @@
17
17
  "atlassian": {
18
18
  "team": "Design System Team",
19
19
  "deprecatedAutoEntryPoints": true,
20
- "inPublicMirror": true,
21
20
  "releaseModel": "scheduled",
22
21
  "website": {
23
22
  "name": "Flag"
@@ -26,10 +25,14 @@
26
25
  "dependencies": {
27
26
  "@atlaskit/analytics-next": "^8.0.0",
28
27
  "@atlaskit/button": "^16.0.0",
29
- "@atlaskit/icon": "^21.9.0",
28
+ "@atlaskit/ds-lib": "^1.3.0",
29
+ "@atlaskit/focus-ring": "^0.2.2",
30
+ "@atlaskit/icon": "^21.10.0",
30
31
  "@atlaskit/motion": "^1.0.0",
31
32
  "@atlaskit/portal": "^4.0.0",
32
- "@atlaskit/theme": "^12.0.0",
33
+ "@atlaskit/theme": "^12.1.0",
34
+ "@atlaskit/tokens": "^0.6.0",
35
+ "@atlaskit/visually-hidden": "^0.1.1",
33
36
  "@babel/runtime": "^7.0.0",
34
37
  "@emotion/core": "^10.0.9"
35
38
  },
@@ -37,14 +40,12 @@
37
40
  "react": "^16.8.0"
38
41
  },
39
42
  "devDependencies": {
40
- "@atlaskit/build-utils": "*",
41
43
  "@atlaskit/docs": "*",
42
- "@atlaskit/field-radio-group": "^8.0.0",
43
44
  "@atlaskit/radio": "^5.2.0",
44
45
  "@atlaskit/section-message": "^6.0.0",
45
46
  "@atlaskit/spinner": "^15.0.0",
46
47
  "@atlaskit/ssr": "*",
47
- "@atlaskit/theme": "^12.0.0",
48
+ "@atlaskit/theme": "^12.1.0",
48
49
  "@atlaskit/visual-regression": "*",
49
50
  "@atlaskit/webdriver-runner": "*",
50
51
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
@@ -68,10 +69,13 @@
68
69
  "analytics-next"
69
70
  ],
70
71
  "theming": [
71
- "new-theming-api"
72
+ "tokens",
73
+ "react-context"
72
74
  ],
73
- "deprecation": [
74
- "no-deprecated-imports"
75
+ "deprecation": "no-deprecated-imports",
76
+ "styling": [
77
+ "emotion",
78
+ "static"
75
79
  ]
76
80
  }
77
81
  },
@@ -1,9 +0,0 @@
1
- /** @jsx jsx */
2
- import { ReactNode } from 'react';
3
- declare type Props = {
4
- children: ReactNode;
5
- isExpanded: boolean;
6
- testId?: string;
7
- };
8
- declare const Expander: ({ children, isExpanded, testId }: Props) => JSX.Element;
9
- export default Expander;
@@ -1,7 +0,0 @@
1
- {
2
- "name": "@atlaskit/flag/expander",
3
- "main": "../dist/cjs/expander.js",
4
- "module": "../dist/esm/expander.js",
5
- "module:es2019": "../dist/es2019/expander.js",
6
- "types": "../dist/types/expander.d.ts"
7
- }