@atlaskit/color-picker 5.2.20 → 5.3.1

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 (15) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/afm-cc/tsconfig.json +1 -1
  3. package/afm-products/tsconfig.json +52 -0
  4. package/dist/cjs/components/ColorCard.js +1 -2
  5. package/dist/cjs/components/ColorPaletteMenu.js +2 -2
  6. package/dist/cjs/components/ColorPicker.js +1 -1
  7. package/dist/es2019/components/ColorCard.js +1 -2
  8. package/dist/es2019/components/ColorPaletteMenu.js +2 -2
  9. package/dist/es2019/components/ColorPicker.js +1 -1
  10. package/dist/esm/components/ColorCard.js +1 -2
  11. package/dist/esm/components/ColorPaletteMenu.js +2 -2
  12. package/dist/esm/components/ColorPicker.js +1 -1
  13. package/docs/0-intro.tsx +35 -32
  14. package/package.json +7 -7
  15. package/build/tsconfig.json +0 -23
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/color-picker
2
2
 
3
+ ## 5.3.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 5.3.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`87b12e64ff750`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87b12e64ff750) -
14
+ Removed usages of LEGACY icon props
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies
19
+
3
20
  ## 5.2.20
4
21
 
5
22
  ### Patch Changes
package/afm-cc/tsconfig.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "extends": "../../../../tsconfig.entry-points.confluence.json",
2
+ "extends": "../../../../tsconfig.local-consumption.json",
3
3
  "compilerOptions": {
4
4
  "declaration": true,
5
5
  "target": "es5",
package/afm-products/tsconfig.json ADDED
@@ -0,0 +1,52 @@
1
+ {
2
+ "extends": "../../../../tsconfig.local-consumption.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__color-picker/app",
7
+ "rootDir": "../",
8
+ "composite": true,
9
+ "noCheck": true
10
+ },
11
+ "include": [
12
+ "../src/**/*.ts",
13
+ "../src/**/*.tsx"
14
+ ],
15
+ "exclude": [
16
+ "../src/**/__tests__/*",
17
+ "../src/**/*.test.*",
18
+ "../src/**/test.*",
19
+ "../src/**/examples.*",
20
+ "../src/**/examples/*",
21
+ "../src/**/examples/**/*",
22
+ "../src/**/*.stories.*",
23
+ "../src/**/stories/*",
24
+ "../src/**/stories/**/*"
25
+ ],
26
+ "references": [
27
+ {
28
+ "path": "../../../analytics/analytics-next/afm-products/tsconfig.json"
29
+ },
30
+ {
31
+ "path": "../../../design-system/css/afm-products/tsconfig.json"
32
+ },
33
+ {
34
+ "path": "../../../design-system/icon/afm-products/tsconfig.json"
35
+ },
36
+ {
37
+ "path": "../../../platform/feature-flags/afm-products/tsconfig.json"
38
+ },
39
+ {
40
+ "path": "../../../design-system/select/afm-products/tsconfig.json"
41
+ },
42
+ {
43
+ "path": "../../../design-system/theme/afm-products/tsconfig.json"
44
+ },
45
+ {
46
+ "path": "../../../design-system/tokens/afm-products/tsconfig.json"
47
+ },
48
+ {
49
+ "path": "../../../design-system/tooltip/afm-products/tsconfig.json"
50
+ }
51
+ ]
52
+ }
package/dist/cjs/components/ColorCard.js CHANGED
@@ -111,8 +111,7 @@ var ColorCard = /*#__PURE__*/(0, _react.forwardRef)(function (props, componentRe
111
111
  }, selected && /*#__PURE__*/_react.default.createElement(_checkMark.default, {
112
112
  color: newCheckmarkColor,
113
113
  label: "",
114
- spacing: "spacious",
115
- LEGACY_margin: "1px"
114
+ spacing: "spacious"
116
115
  }))));
117
116
  });
118
117
  });
package/dist/cjs/components/ColorPaletteMenu.js CHANGED
@@ -62,7 +62,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
62
62
  attributes: {
63
63
  componentName: 'color-picker',
64
64
  packageName: "@atlaskit/color-picker",
65
- packageVersion: "0.0.0-development"
65
+ packageVersion: "5.3.0"
66
66
  }
67
67
  })(createAnalyticsEvent);
68
68
  }
@@ -147,7 +147,7 @@ var ColorPaletteMenuWithoutAnalytics = exports.ColorPaletteMenuWithoutAnalytics
147
147
  var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
148
148
  componentName: 'color-picker',
149
149
  packageName: "@atlaskit/color-picker",
150
- packageVersion: "0.0.0-development"
150
+ packageVersion: "5.3.0"
151
151
  })((0, _analyticsNext.withAnalyticsEvents)()(ColorPaletteMenuWithoutAnalytics));
152
152
  var colorCardWrapperStyles = null;
153
153
  var colorPaletteContainerStyles = null;
package/dist/cjs/components/ColorPicker.js CHANGED
@@ -40,7 +40,7 @@ var defaultPopperProps = {
40
40
  placement: 'bottom-start'
41
41
  };
42
42
  var packageName = "@atlaskit/color-picker";
43
- var packageVersion = "0.0.0-development";
43
+ var packageVersion = "5.3.0";
44
44
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
45
45
  function ColorPickerWithoutAnalyticsBase() {
46
46
  var _this;
package/dist/es2019/components/ColorCard.js CHANGED
@@ -98,8 +98,7 @@ const ColorCard = /*#__PURE__*/forwardRef((props, componentRef) => {
98
98
  }, selected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
99
99
  color: newCheckmarkColor,
100
100
  label: "",
101
- spacing: "spacious",
102
- LEGACY_margin: "1px"
101
+ spacing: "spacious"
103
102
  }))));
104
103
  });
105
104
  });
package/dist/es2019/components/ColorPaletteMenu.js CHANGED
@@ -43,7 +43,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
43
43
  attributes: {
44
44
  componentName: 'color-picker',
45
45
  packageName: "@atlaskit/color-picker",
46
- packageVersion: "0.0.0-development"
46
+ packageVersion: "5.3.0"
47
47
  }
48
48
  })(createAnalyticsEvent);
49
49
  }
@@ -121,7 +121,7 @@ export const ColorPaletteMenuWithoutAnalytics = ({
121
121
  export default withAnalyticsContext({
122
122
  componentName: 'color-picker',
123
123
  packageName: "@atlaskit/color-picker",
124
- packageVersion: "0.0.0-development"
124
+ packageVersion: "5.3.0"
125
125
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
126
126
  const colorCardWrapperStyles = null;
127
127
  const colorPaletteContainerStyles = null;
package/dist/es2019/components/ColorPicker.js CHANGED
@@ -25,7 +25,7 @@ const defaultPopperProps = {
25
25
  placement: 'bottom-start'
26
26
  };
27
27
  const packageName = "@atlaskit/color-picker";
28
- const packageVersion = "0.0.0-development";
28
+ const packageVersion = "5.3.0";
29
29
  class ColorPickerWithoutAnalyticsBase extends React.Component {
30
30
  constructor(...args) {
31
31
  super(...args);
package/dist/esm/components/ColorCard.js CHANGED
@@ -102,8 +102,7 @@ var ColorCard = /*#__PURE__*/forwardRef(function (props, componentRef) {
102
102
  }, selected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
103
103
  color: newCheckmarkColor,
104
104
  label: "",
105
- spacing: "spacious",
106
- LEGACY_margin: "1px"
105
+ spacing: "spacious"
107
106
  }))));
108
107
  });
109
108
  });
package/dist/esm/components/ColorPaletteMenu.js CHANGED
@@ -53,7 +53,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
53
53
  attributes: {
54
54
  componentName: 'color-picker',
55
55
  packageName: "@atlaskit/color-picker",
56
- packageVersion: "0.0.0-development"
56
+ packageVersion: "5.3.0"
57
57
  }
58
58
  })(createAnalyticsEvent);
59
59
  }
@@ -138,7 +138,7 @@ export var ColorPaletteMenuWithoutAnalytics = function ColorPaletteMenuWithoutAn
138
138
  export default withAnalyticsContext({
139
139
  componentName: 'color-picker',
140
140
  packageName: "@atlaskit/color-picker",
141
- packageVersion: "0.0.0-development"
141
+ packageVersion: "5.3.0"
142
142
  })(withAnalyticsEvents()(ColorPaletteMenuWithoutAnalytics));
143
143
  var colorCardWrapperStyles = null;
144
144
  var colorPaletteContainerStyles = null;
package/dist/esm/components/ColorPicker.js CHANGED
@@ -32,7 +32,7 @@ var defaultPopperProps = {
32
32
  placement: 'bottom-start'
33
33
  };
34
34
  var packageName = "@atlaskit/color-picker";
35
- var packageVersion = "0.0.0-development";
35
+ var packageVersion = "5.3.0";
36
36
  var ColorPickerWithoutAnalyticsBase = /*#__PURE__*/function (_React$Component) {
37
37
  function ColorPickerWithoutAnalyticsBase() {
38
38
  var _this;
package/docs/0-intro.tsx CHANGED
@@ -18,18 +18,18 @@ const marginTopStyles = xcss({
18
18
  marginBottom: 'space.100',
19
19
  });
20
20
 
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
22
- export default md`
21
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
22
+ const _default_1: any = md`
23
23
  ${(
24
- <>
25
- <Box xcss={marginBottomStyles}>
26
- <AtlassianInternalWarning />
27
- </Box>
28
- <Box xcss={marginTopStyles}>
29
- <DevPreviewWarning />
30
- </Box>
31
- </>
32
- )}
24
+ <>
25
+ <Box xcss={marginBottomStyles}>
26
+ <AtlassianInternalWarning />
27
+ </Box>
28
+ <Box xcss={marginTopStyles}>
29
+ <DevPreviewWarning />
30
+ </Box>
31
+ </>
32
+ )}
33
33
 
34
34
  This component allows to pick colors from color palette.
35
35
 
@@ -40,29 +40,32 @@ ${code`
40
40
  `}
41
41
 
42
42
  ${(
43
- <Example
44
- packageName="@atlaskit/color-picker"
45
- Component={require('../examples/00-color-picker').default}
46
- source={require('!!raw-loader!../examples/00-color-picker')}
47
- title="Basic Usage"
48
- language="jsx"
49
- />
50
- )}
43
+ <Example
44
+ packageName="@atlaskit/color-picker"
45
+ Component={require('../examples/00-color-picker').default}
46
+ source={require('!!raw-loader!../examples/00-color-picker')}
47
+ title="Basic Usage"
48
+ language="jsx"
49
+ />
50
+ )}
51
51
 
52
52
  ${(
53
- <Example
54
- packageName="@atlaskit/color-picker"
55
- Component={require('../examples/01-multi-columns-color-picker').default}
56
- source={require('!!raw-loader!../examples/01-multi-columns-color-picker')}
57
- title="Color picker with multiple columns palette"
58
- language="jsx"
59
- />
60
- )}
53
+ <Example
54
+ packageName="@atlaskit/color-picker"
55
+ Component={require('../examples/01-multi-columns-color-picker').default}
56
+ source={require('!!raw-loader!../examples/01-multi-columns-color-picker')}
57
+ title="Color picker with multiple columns palette"
58
+ language="jsx"
59
+ />
60
+ )}
61
61
 
62
62
  ${(
63
- <Props
64
- heading="Color picker props"
65
- props={require('!!extract-react-types-loader!../src/components/ColorPicker')}
66
- />
67
- )}
63
+ <Props
64
+ heading="Color picker props"
65
+ props={require('!!extract-react-types-loader!../src/components/ColorPicker')}
66
+ />
67
+ )}
68
68
  `;
69
+
70
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
71
+ export default _default_1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/color-picker",
3
- "version": "5.2.20",
3
+ "version": "5.3.1",
4
4
  "description": "Jira Color Picker Component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,12 +30,12 @@
30
30
  "dependencies": {
31
31
  "@atlaskit/analytics-next": "^11.1.0",
32
32
  "@atlaskit/css": "^0.19.0",
33
- "@atlaskit/icon": "^29.3.0",
33
+ "@atlaskit/icon": "^29.4.0",
34
34
  "@atlaskit/platform-feature-flags": "^1.1.0",
35
- "@atlaskit/select": "^21.6.0",
35
+ "@atlaskit/select": "^21.7.0",
36
36
  "@atlaskit/theme": "^21.0.0",
37
- "@atlaskit/tokens": "^9.0.0",
38
- "@atlaskit/tooltip": "^20.11.0",
37
+ "@atlaskit/tokens": "^10.0.0",
38
+ "@atlaskit/tooltip": "^20.14.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "@compiled/react": "^0.18.6",
41
41
  "memoize-one": "^6.0.0",
@@ -48,8 +48,8 @@
48
48
  "devDependencies": {
49
49
  "@af/integration-testing": "workspace:^",
50
50
  "@af/visual-regression": "workspace:^",
51
- "@atlaskit/primitives": "^17.0.0",
52
- "@testing-library/react": "^13.4.0",
51
+ "@atlaskit/primitives": "^17.1.0",
52
+ "@testing-library/react": "^16.3.0",
53
53
  "@testing-library/user-event": "^14.4.3",
54
54
  "ast-types": "^0.13.3",
55
55
  "jscodeshift": "^17.0.0",
package/build/tsconfig.json DELETED
@@ -1,23 +0,0 @@
1
- {
2
- "extends": "../tsconfig",
3
- "compilerOptions": {
4
- "declaration": true,
5
- "target": "es5",
6
- "paths": {}
7
- },
8
- "include": [
9
- "../src/**/*.ts",
10
- "../src/**/*.tsx"
11
- ],
12
- "exclude": [
13
- "../src/**/__tests__/*",
14
- "../src/**/*.test.*",
15
- "../src/**/test.*",
16
- "../src/**/examples.*",
17
- "../src/**/examples/*",
18
- "../src/**/examples/**/*",
19
- "../src/**/*.stories.*",
20
- "../src/**/stories/*",
21
- "../src/**/stories/**/*"
22
- ]
23
- }