@atlaskit/eslint-plugin-design-system 10.1.0 → 10.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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/rules/use-primitives/transformers/css-to-xcss.js +15 -30
- package/dist/es2019/rules/use-primitives/transformers/css-to-xcss.js +14 -29
- package/dist/esm/rules/use-primitives/transformers/css-to-xcss.js +14 -29
- package/dist/types/rules/use-primitives/transformers/css-to-xcss.d.ts +4 -1
- package/dist/types-ts4.5/rules/use-primitives/transformers/css-to-xcss.d.ts +4 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/eslint-plugin-design-system
|
|
2
2
|
|
|
3
|
+
## 10.2.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#96661](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/96661)
|
|
8
|
+
[`ff9ef688b598`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff9ef688b598) -
|
|
9
|
+
`use-primitives` rule: Adds ability to map negative margin values to negative spacing tokens.
|
|
10
|
+
|
|
3
11
|
## 10.1.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
|
@@ -4,10 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.supportedStylesMap = exports.supportedDimensionAttributesMap = exports.styledObjectToXcssTokens = exports.spaceTokenMap = exports.dimensionsMap = exports.cssToXcssTransformer = void 0;
|
|
7
|
+
exports.supportedStylesMap = exports.supportedDimensionAttributesMap = exports.styledObjectToXcssTokens = exports.spaceTokenPositiveMap = exports.spaceTokenMap = exports.dimensionsMap = exports.cssToXcssTransformer = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
10
|
var _eslintCodemodUtils = require("eslint-codemod-utils");
|
|
11
|
+
var _tokenMaps = require("../../../common/token-maps.partial");
|
|
11
12
|
var _utils = require("../utils");
|
|
12
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
14
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -75,24 +76,8 @@ var styledObjectToXcssTokens = exports.styledObjectToXcssTokens = function style
|
|
|
75
76
|
}
|
|
76
77
|
});
|
|
77
78
|
};
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
var spaceTokenMap = exports.spaceTokenMap = {
|
|
81
|
-
'0px': 'space.0',
|
|
82
|
-
'2px': 'space.025',
|
|
83
|
-
'4px': 'space.050',
|
|
84
|
-
'6px': 'space.075',
|
|
85
|
-
'8px': 'space.100',
|
|
86
|
-
'12px': 'space.150',
|
|
87
|
-
'16px': 'space.200',
|
|
88
|
-
'20px': 'space.250',
|
|
89
|
-
'24px': 'space.300',
|
|
90
|
-
'32px': 'space.400',
|
|
91
|
-
'40px': 'space.500',
|
|
92
|
-
'48px': 'space.600',
|
|
93
|
-
'64px': 'space.800',
|
|
94
|
-
'80px': 'space.1000'
|
|
95
|
-
};
|
|
79
|
+
var spaceTokenMap = exports.spaceTokenMap = _tokenMaps.allSpaceMap;
|
|
80
|
+
var spaceTokenPositiveMap = exports.spaceTokenPositiveMap = _tokenMaps.positiveSpaceMap;
|
|
96
81
|
var dimensionsMap = exports.dimensionsMap = {
|
|
97
82
|
'100%': '100%'
|
|
98
83
|
};
|
|
@@ -105,17 +90,17 @@ var supportedDimensionAttributesMap = exports.supportedDimensionAttributesMap =
|
|
|
105
90
|
maxHeight: dimensionsMap
|
|
106
91
|
};
|
|
107
92
|
var supportedStylesMap = exports.supportedStylesMap = _objectSpread({
|
|
108
|
-
padding:
|
|
109
|
-
paddingBlock:
|
|
110
|
-
paddingBlockEnd:
|
|
111
|
-
paddingBlockStart:
|
|
112
|
-
paddingBottom:
|
|
113
|
-
paddingInline:
|
|
114
|
-
paddingInlineEnd:
|
|
115
|
-
paddingInlineStart:
|
|
116
|
-
paddingLeft:
|
|
117
|
-
paddingRight:
|
|
118
|
-
paddingTop:
|
|
93
|
+
padding: spaceTokenPositiveMap,
|
|
94
|
+
paddingBlock: spaceTokenPositiveMap,
|
|
95
|
+
paddingBlockEnd: spaceTokenPositiveMap,
|
|
96
|
+
paddingBlockStart: spaceTokenPositiveMap,
|
|
97
|
+
paddingBottom: spaceTokenPositiveMap,
|
|
98
|
+
paddingInline: spaceTokenPositiveMap,
|
|
99
|
+
paddingInlineEnd: spaceTokenPositiveMap,
|
|
100
|
+
paddingInlineStart: spaceTokenPositiveMap,
|
|
101
|
+
paddingLeft: spaceTokenPositiveMap,
|
|
102
|
+
paddingRight: spaceTokenPositiveMap,
|
|
103
|
+
paddingTop: spaceTokenPositiveMap,
|
|
119
104
|
margin: spaceTokenMap,
|
|
120
105
|
marginBlock: spaceTokenMap,
|
|
121
106
|
marginBlockEnd: spaceTokenMap,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { getIdentifierInParentScope, identifier, isNodeOfType, literal } from 'eslint-codemod-utils';
|
|
2
|
+
import { allSpaceMap, positiveSpaceMap } from '../../../common/token-maps.partial';
|
|
2
3
|
import { getAttributeValueIdentifier, getFunctionArgumentAtPos, getJSXAttributeByName, getVariableDefinitionValue } from '../utils';
|
|
3
4
|
export const cssToXcssTransformer = (node, context, fixer) => {
|
|
4
5
|
/**
|
|
@@ -64,24 +65,8 @@ export const styledObjectToXcssTokens = (styles, fixer) => {
|
|
|
64
65
|
}
|
|
65
66
|
});
|
|
66
67
|
};
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
export const spaceTokenMap = {
|
|
70
|
-
'0px': 'space.0',
|
|
71
|
-
'2px': 'space.025',
|
|
72
|
-
'4px': 'space.050',
|
|
73
|
-
'6px': 'space.075',
|
|
74
|
-
'8px': 'space.100',
|
|
75
|
-
'12px': 'space.150',
|
|
76
|
-
'16px': 'space.200',
|
|
77
|
-
'20px': 'space.250',
|
|
78
|
-
'24px': 'space.300',
|
|
79
|
-
'32px': 'space.400',
|
|
80
|
-
'40px': 'space.500',
|
|
81
|
-
'48px': 'space.600',
|
|
82
|
-
'64px': 'space.800',
|
|
83
|
-
'80px': 'space.1000'
|
|
84
|
-
};
|
|
68
|
+
export const spaceTokenMap = allSpaceMap;
|
|
69
|
+
export const spaceTokenPositiveMap = positiveSpaceMap;
|
|
85
70
|
export const dimensionsMap = {
|
|
86
71
|
'100%': '100%'
|
|
87
72
|
};
|
|
@@ -94,17 +79,17 @@ export const supportedDimensionAttributesMap = {
|
|
|
94
79
|
maxHeight: dimensionsMap
|
|
95
80
|
};
|
|
96
81
|
export const supportedStylesMap = {
|
|
97
|
-
padding:
|
|
98
|
-
paddingBlock:
|
|
99
|
-
paddingBlockEnd:
|
|
100
|
-
paddingBlockStart:
|
|
101
|
-
paddingBottom:
|
|
102
|
-
paddingInline:
|
|
103
|
-
paddingInlineEnd:
|
|
104
|
-
paddingInlineStart:
|
|
105
|
-
paddingLeft:
|
|
106
|
-
paddingRight:
|
|
107
|
-
paddingTop:
|
|
82
|
+
padding: spaceTokenPositiveMap,
|
|
83
|
+
paddingBlock: spaceTokenPositiveMap,
|
|
84
|
+
paddingBlockEnd: spaceTokenPositiveMap,
|
|
85
|
+
paddingBlockStart: spaceTokenPositiveMap,
|
|
86
|
+
paddingBottom: spaceTokenPositiveMap,
|
|
87
|
+
paddingInline: spaceTokenPositiveMap,
|
|
88
|
+
paddingInlineEnd: spaceTokenPositiveMap,
|
|
89
|
+
paddingInlineStart: spaceTokenPositiveMap,
|
|
90
|
+
paddingLeft: spaceTokenPositiveMap,
|
|
91
|
+
paddingRight: spaceTokenPositiveMap,
|
|
92
|
+
paddingTop: spaceTokenPositiveMap,
|
|
108
93
|
margin: spaceTokenMap,
|
|
109
94
|
marginBlock: spaceTokenMap,
|
|
110
95
|
marginBlockEnd: spaceTokenMap,
|
|
@@ -3,6 +3,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
import { getIdentifierInParentScope, identifier, isNodeOfType, literal } from 'eslint-codemod-utils';
|
|
6
|
+
import { allSpaceMap, positiveSpaceMap } from '../../../common/token-maps.partial';
|
|
6
7
|
import { getAttributeValueIdentifier, getFunctionArgumentAtPos, getJSXAttributeByName, getVariableDefinitionValue } from '../utils';
|
|
7
8
|
export var cssToXcssTransformer = function cssToXcssTransformer(node, context, fixer) {
|
|
8
9
|
/**
|
|
@@ -68,24 +69,8 @@ export var styledObjectToXcssTokens = function styledObjectToXcssTokens(styles,
|
|
|
68
69
|
}
|
|
69
70
|
});
|
|
70
71
|
};
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
export var spaceTokenMap = {
|
|
74
|
-
'0px': 'space.0',
|
|
75
|
-
'2px': 'space.025',
|
|
76
|
-
'4px': 'space.050',
|
|
77
|
-
'6px': 'space.075',
|
|
78
|
-
'8px': 'space.100',
|
|
79
|
-
'12px': 'space.150',
|
|
80
|
-
'16px': 'space.200',
|
|
81
|
-
'20px': 'space.250',
|
|
82
|
-
'24px': 'space.300',
|
|
83
|
-
'32px': 'space.400',
|
|
84
|
-
'40px': 'space.500',
|
|
85
|
-
'48px': 'space.600',
|
|
86
|
-
'64px': 'space.800',
|
|
87
|
-
'80px': 'space.1000'
|
|
88
|
-
};
|
|
72
|
+
export var spaceTokenMap = allSpaceMap;
|
|
73
|
+
export var spaceTokenPositiveMap = positiveSpaceMap;
|
|
89
74
|
export var dimensionsMap = {
|
|
90
75
|
'100%': '100%'
|
|
91
76
|
};
|
|
@@ -98,17 +83,17 @@ export var supportedDimensionAttributesMap = {
|
|
|
98
83
|
maxHeight: dimensionsMap
|
|
99
84
|
};
|
|
100
85
|
export var supportedStylesMap = _objectSpread({
|
|
101
|
-
padding:
|
|
102
|
-
paddingBlock:
|
|
103
|
-
paddingBlockEnd:
|
|
104
|
-
paddingBlockStart:
|
|
105
|
-
paddingBottom:
|
|
106
|
-
paddingInline:
|
|
107
|
-
paddingInlineEnd:
|
|
108
|
-
paddingInlineStart:
|
|
109
|
-
paddingLeft:
|
|
110
|
-
paddingRight:
|
|
111
|
-
paddingTop:
|
|
86
|
+
padding: spaceTokenPositiveMap,
|
|
87
|
+
paddingBlock: spaceTokenPositiveMap,
|
|
88
|
+
paddingBlockEnd: spaceTokenPositiveMap,
|
|
89
|
+
paddingBlockStart: spaceTokenPositiveMap,
|
|
90
|
+
paddingBottom: spaceTokenPositiveMap,
|
|
91
|
+
paddingInline: spaceTokenPositiveMap,
|
|
92
|
+
paddingInlineEnd: spaceTokenPositiveMap,
|
|
93
|
+
paddingInlineStart: spaceTokenPositiveMap,
|
|
94
|
+
paddingLeft: spaceTokenPositiveMap,
|
|
95
|
+
paddingRight: spaceTokenPositiveMap,
|
|
96
|
+
paddingTop: spaceTokenPositiveMap,
|
|
112
97
|
margin: spaceTokenMap,
|
|
113
98
|
marginBlock: spaceTokenMap,
|
|
114
99
|
marginBlockEnd: spaceTokenMap,
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import type { Rule } from 'eslint';
|
|
2
|
-
import { JSXElement, ObjectExpression } from 'eslint-codemod-utils';
|
|
2
|
+
import { type JSXElement, type ObjectExpression } from 'eslint-codemod-utils';
|
|
3
3
|
export declare const cssToXcssTransformer: (node: JSXElement, context: Rule.RuleContext, fixer: Rule.RuleFixer) => (Rule.Fix | undefined)[];
|
|
4
4
|
export declare const styledObjectToXcssTokens: (styles: ObjectExpression & Partial<Rule.NodeParentExtension>, fixer: Rule.RuleFixer) => (Rule.Fix | undefined)[];
|
|
5
5
|
export declare const spaceTokenMap: {
|
|
6
6
|
[key: string]: string;
|
|
7
7
|
};
|
|
8
|
+
export declare const spaceTokenPositiveMap: {
|
|
9
|
+
[key: string]: string;
|
|
10
|
+
};
|
|
8
11
|
export declare const dimensionsMap: {
|
|
9
12
|
[key: string]: string;
|
|
10
13
|
};
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import type { Rule } from 'eslint';
|
|
2
|
-
import { JSXElement, ObjectExpression } from 'eslint-codemod-utils';
|
|
2
|
+
import { type JSXElement, type ObjectExpression } from 'eslint-codemod-utils';
|
|
3
3
|
export declare const cssToXcssTransformer: (node: JSXElement, context: Rule.RuleContext, fixer: Rule.RuleFixer) => (Rule.Fix | undefined)[];
|
|
4
4
|
export declare const styledObjectToXcssTokens: (styles: ObjectExpression & Partial<Rule.NodeParentExtension>, fixer: Rule.RuleFixer) => (Rule.Fix | undefined)[];
|
|
5
5
|
export declare const spaceTokenMap: {
|
|
6
6
|
[key: string]: string;
|
|
7
7
|
};
|
|
8
|
+
export declare const spaceTokenPositiveMap: {
|
|
9
|
+
[key: string]: string;
|
|
10
|
+
};
|
|
8
11
|
export declare const dimensionsMap: {
|
|
9
12
|
[key: string]: string;
|
|
10
13
|
};
|
package/package.json
CHANGED