@atlaskit/color-picker 3.1.9 → 3.2.0

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 (48) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/ColorCard.js +88 -80
  3. package/dist/cjs/components/ColorPaletteMenu.js +88 -88
  4. package/dist/cjs/components/ColorPicker.js +12 -8
  5. package/dist/cjs/components/Trigger.js +72 -56
  6. package/dist/cjs/components/components.js +35 -27
  7. package/dist/cjs/utils.js +4 -2
  8. package/dist/es2019/components/ColorCard.js +93 -70
  9. package/dist/es2019/components/ColorPaletteMenu.js +89 -73
  10. package/dist/es2019/components/ColorPicker.js +14 -9
  11. package/dist/es2019/components/Trigger.js +72 -39
  12. package/dist/es2019/components/components.js +32 -22
  13. package/dist/es2019/utils.js +5 -1
  14. package/dist/esm/components/ColorCard.js +89 -85
  15. package/dist/esm/components/ColorPaletteMenu.js +89 -90
  16. package/dist/esm/components/ColorPicker.js +14 -9
  17. package/dist/esm/components/Trigger.js +71 -57
  18. package/dist/esm/components/components.js +35 -27
  19. package/dist/esm/utils.js +4 -2
  20. package/dist/types/components/ColorCard.d.ts +3 -9
  21. package/dist/types/components/ColorPaletteMenu.d.ts +8 -18
  22. package/dist/types/components/ColorPicker.d.ts +6 -4
  23. package/dist/types/components/Trigger.d.ts +3 -6
  24. package/dist/types/components/components.d.ts +4 -3
  25. package/dist/types/utils.d.ts +2 -2
  26. package/dist/types-ts4.5/components/ColorCard.d.ts +3 -9
  27. package/dist/types-ts4.5/components/ColorPaletteMenu.d.ts +8 -18
  28. package/dist/types-ts4.5/components/ColorPicker.d.ts +6 -4
  29. package/dist/types-ts4.5/components/Trigger.d.ts +3 -6
  30. package/dist/types-ts4.5/components/components.d.ts +4 -3
  31. package/dist/types-ts4.5/utils.d.ts +2 -2
  32. package/package.json +4 -4
  33. package/dist/cjs/styled/ColorCard.js +0 -40
  34. package/dist/cjs/styled/ColorPalette.js +0 -24
  35. package/dist/cjs/styled/ColorPicker.js +0 -11
  36. package/dist/es2019/styled/ColorCard.js +0 -72
  37. package/dist/es2019/styled/ColorPalette.js +0 -28
  38. package/dist/es2019/styled/ColorPicker.js +0 -4
  39. package/dist/esm/styled/ColorCard.js +0 -30
  40. package/dist/esm/styled/ColorPalette.js +0 -18
  41. package/dist/esm/styled/ColorPicker.js +0 -4
  42. package/dist/types/styled/ColorCard.d.ts +0 -13
  43. package/dist/types/styled/ColorPalette.d.ts +0 -13
  44. package/dist/types/styled/ColorPicker.d.ts +0 -2
  45. package/dist/types-ts4.5/styled/ColorCard.d.ts +0 -13
  46. package/dist/types-ts4.5/styled/ColorPalette.d.ts +0 -13
  47. package/dist/types-ts4.5/styled/ColorPicker.d.ts +0 -2
  48. package/tmp/api-report-tmp.d.ts +0 -114
package/dist/types/styled/ColorCard.d.ts DELETED
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- type ColorCardProps = {
3
- focused?: boolean;
4
- isTabbing?: boolean;
5
- };
6
- export declare const ColorCardOption: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardProps>;
7
- export declare const ColorCardButton: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & ColorCardProps, any, import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & ColorCardProps>;
8
- type ColorCardContentProps = {
9
- color: string;
10
- };
11
- export declare const ColorCardContent: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardContentProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardContentProps>;
12
- export declare const ColorCardContentCheckMark: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
13
- export {};
package/dist/types/styled/ColorPalette.d.ts DELETED
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { Mode } from '../types';
3
- type Props = {
4
- mode?: Mode;
5
- };
6
- type ColorPaletteMenuProps = {
7
- cols: number;
8
- mode?: Mode;
9
- };
10
- export declare const ColorCardWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
11
- export declare const ColorPaletteContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Props, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Props>;
12
- export declare const ColorPaletteMenu: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorPaletteMenuProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorPaletteMenuProps>;
13
- export {};
package/dist/types/styled/ColorPicker.d.ts DELETED
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ColorCardWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
package/dist/types-ts4.5/styled/ColorCard.d.ts DELETED
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- type ColorCardProps = {
3
- focused?: boolean;
4
- isTabbing?: boolean;
5
- };
6
- export declare const ColorCardOption: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardProps>;
7
- export declare const ColorCardButton: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & ColorCardProps, any, import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & ColorCardProps>;
8
- type ColorCardContentProps = {
9
- color: string;
10
- };
11
- export declare const ColorCardContent: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardContentProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorCardContentProps>;
12
- export declare const ColorCardContentCheckMark: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
13
- export {};
package/dist/types-ts4.5/styled/ColorPalette.d.ts DELETED
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { Mode } from '../types';
3
- type Props = {
4
- mode?: Mode;
5
- };
6
- type ColorPaletteMenuProps = {
7
- cols: number;
8
- mode?: Mode;
9
- };
10
- export declare const ColorCardWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
11
- export declare const ColorPaletteContainer: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Props, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Props>;
12
- export declare const ColorPaletteMenu: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorPaletteMenuProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & ColorPaletteMenuProps>;
13
- export {};
package/dist/types-ts4.5/styled/ColorPicker.d.ts DELETED
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ColorCardWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
package/tmp/api-report-tmp.d.ts DELETED
@@ -1,114 +0,0 @@
1
- ## API Report File for "@atlaskit/color-picker"
2
-
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
-
5
- ```ts
6
-
7
- import { AnalyticsEventPayload } from '@atlaskit/analytics-next';
8
- import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
9
- import { PopupSelectProps } from '@atlaskit/select';
10
- import { default as React_2 } from 'react';
11
- import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
12
- import { ValueType } from '@atlaskit/select';
13
- import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
14
- import { WithContextProps } from '@atlaskit/analytics-next';
15
-
16
- // @public (undocumented)
17
- interface Color {
18
- // (undocumented)
19
- label: string;
20
- // (undocumented)
21
- value: string;
22
- }
23
-
24
- // @public (undocumented)
25
- export const ColorPaletteMenu: React_2.ForwardRefExoticComponent<Pick<Pick<Omit<ColorPaletteMenuProps, keyof WithAnalyticsEventsProps>, "checkMarkColor" | "label" | "onChange" | "palette" | "selectedColor"> & Partial<Pick<Omit<ColorPaletteMenuProps, keyof WithAnalyticsEventsProps>, "cols" | "mode">> & Partial<Pick<{
26
- cols: number;
27
- mode: Mode;
28
- }, never>> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "checkMarkColor" | "cols" | "key" | "label" | "mode" | "onChange" | "palette" | "selectedColor"> & React_2.RefAttributes<any>>;
29
-
30
- // @public (undocumented)
31
- export interface ColorPaletteMenuProps {
32
- checkMarkColor?: string;
33
- cols: number;
34
- createAnalyticsEvent?: any;
35
- label?: string;
36
- mode?: Mode;
37
- onChange: (value: string, analyticsEvent?: object) => void;
38
- palette: Palette;
39
- selectedColor?: string;
40
- }
41
-
42
- // @public (undocumented)
43
- export class ColorPaletteMenuWithoutAnalytics extends React_2.Component<ColorPaletteMenuProps> {
44
- // (undocumented)
45
- changeAnalyticsCaller: () => UIAnalyticsEvent | undefined;
46
- // (undocumented)
47
- createAndFireEventOnAtlaskit: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
48
- // (undocumented)
49
- static defaultProps: {
50
- cols: number;
51
- mode: Mode;
52
- };
53
- // (undocumented)
54
- onChange: (value: string) => void;
55
- // (undocumented)
56
- render(): JSX.Element;
57
- }
58
-
59
- // @public (undocumented)
60
- export interface ColorPickerProps {
61
- checkMarkColor?: string;
62
- cols?: number;
63
- createAnalyticsEvent?: any;
64
- label?: string;
65
- onChange: (value: string, analyticsEvent?: object) => void;
66
- palette: Palette;
67
- popperProps?: PopupSelectProps['popperProps'];
68
- selectedColor?: string;
69
- }
70
-
71
- // @public (undocumented)
72
- export class ColorPickerWithoutAnalytics extends React_2.Component<ColorPickerProps> {
73
- // (undocumented)
74
- changeAnalyticsCaller: () => UIAnalyticsEvent | undefined;
75
- // (undocumented)
76
- createAndFireEventOnAtlaskit: (payload: AnalyticsEventPayload) => (createAnalyticsEvent: CreateUIAnalyticsEvent) => UIAnalyticsEvent;
77
- // (undocumented)
78
- onChangeSelect: (option: ValueType<Color>) => void;
79
- // (undocumented)
80
- onKeyDown: (e: React_2.KeyboardEvent<HTMLElement>) => void;
81
- // (undocumented)
82
- onOptionKeyDown: (value: string) => void;
83
- // (undocumented)
84
- render(): JSX.Element;
85
- // (undocumented)
86
- state: {
87
- isTabbing: boolean;
88
- };
89
- }
90
-
91
- // @public (undocumented)
92
- export const Compact: Mode;
93
-
94
- // @public (undocumented)
95
- const _default: React_2.ForwardRefExoticComponent<Pick<Omit<ColorPickerProps, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any> & WithContextProps, "analyticsContext" | "checkMarkColor" | "cols" | "key" | "label" | "onChange" | "palette" | "popperProps" | "selectedColor"> & React_2.RefAttributes<any>>;
96
- export default _default;
97
-
98
- // @public (undocumented)
99
- enum Mode {
100
- // (undocumented)
101
- Compact = 0,
102
- // (undocumented)
103
- Standard = 1
104
- }
105
-
106
- // @public (undocumented)
107
- type Palette = Color[];
108
-
109
- // @public (undocumented)
110
- export const Standard: Mode;
111
-
112
- // (No @packageDocumentation comment for this package)
113
-
114
- ```