@atlaskit/primitives 7.0.2 → 7.0.3
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 +29 -0
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/box.js +20 -2
- package/dist/cjs/components/flex.js +7 -1
- package/dist/cjs/components/grid.js +7 -1
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/box.js +20 -2
- package/dist/es2019/components/flex.js +7 -1
- package/dist/es2019/components/grid.js +7 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/responsive/build-media-query-css.js +2 -1
- package/dist/es2019/xcss/style-maps.partial.js +1 -0
- package/dist/es2019/xcss/xcss.js +1 -0
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/box.js +20 -2
- package/dist/esm/components/flex.js +7 -1
- package/dist/esm/components/grid.js +7 -1
- package/dist/esm/components/pressable.js +1 -1
- package/dist/types/xcss/style-maps.partial.d.ts +12 -12
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +12 -12
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,34 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 7.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#110975](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110975)
|
|
8
|
+
[`c462a22b33940`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c462a22b33940) -
|
|
9
|
+
Removed type hinting for size values in the following properties in XCSS:
|
|
10
|
+
|
|
11
|
+
- blockSize
|
|
12
|
+
- height
|
|
13
|
+
- inlineSize
|
|
14
|
+
- maxBlockSize
|
|
15
|
+
- maxHeight
|
|
16
|
+
- maxInlineSize
|
|
17
|
+
- maxWidth
|
|
18
|
+
- minBlockSize
|
|
19
|
+
- minHeight
|
|
20
|
+
- minInlineSize
|
|
21
|
+
- minWidth
|
|
22
|
+
- width
|
|
23
|
+
|
|
24
|
+
These properties optionally accept size values like `width: 'size.100'`. However `size` will be
|
|
25
|
+
deprecated in the future. Therefore, the type hinting that displayed `size.XXX` has been removed
|
|
26
|
+
to discourage its usage until it is officially deprecated.
|
|
27
|
+
|
|
28
|
+
No changes in functionality have been introduced. The syntax `width: 'size.100'` remains valid for
|
|
29
|
+
now, so existing code will not be broken. However, consumers are encouraged to use hard-coded
|
|
30
|
+
values, like `width: '8px'`, instead.
|
|
31
|
+
|
|
3
32
|
## 7.0.2
|
|
4
33
|
|
|
5
34
|
### Patch Changes
|
|
@@ -76,7 +76,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
76
76
|
action: 'clicked',
|
|
77
77
|
componentName: componentName || 'Anchor',
|
|
78
78
|
packageName: "@atlaskit/primitives",
|
|
79
|
-
packageVersion: "7.0.
|
|
79
|
+
packageVersion: "7.0.3",
|
|
80
80
|
analyticsData: analyticsContext,
|
|
81
81
|
actionSubject: 'link'
|
|
82
82
|
});
|
|
@@ -65,8 +65,26 @@ var Box = exports.Box = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
65
65
|
className: resolvedStyles.static
|
|
66
66
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
67
67
|
}, safeHtmlAttributes, {
|
|
68
|
-
css: [baseStyles,
|
|
69
|
-
// eslint-disable-next-line @atlaskit/
|
|
68
|
+
css: [baseStyles,
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
70
|
+
backgroundColor && _styleMaps.backgroundColorStylesMap[backgroundColor],
|
|
71
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
72
|
+
(0, _styleMaps.isSurfaceColorToken)(backgroundColor) && _styleMaps.surfaceColorStylesMap[backgroundColor],
|
|
73
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
74
|
+
padding && _styleMaps.paddingStylesMap.padding[padding],
|
|
75
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
76
|
+
paddingBlock && _styleMaps.paddingStylesMap.paddingBlock[paddingBlock],
|
|
77
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
78
|
+
paddingBlockStart && _styleMaps.paddingStylesMap.paddingBlockStart[paddingBlockStart],
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
80
|
+
paddingBlockEnd && _styleMaps.paddingStylesMap.paddingBlockEnd[paddingBlockEnd],
|
|
81
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
82
|
+
paddingInline && _styleMaps.paddingStylesMap.paddingInline[paddingInline],
|
|
83
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
84
|
+
paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
85
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
86
|
+
paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
|
|
87
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
70
88
|
resolvedStyles.emotion],
|
|
71
89
|
"data-testid": testId
|
|
72
90
|
}), children);
|
|
@@ -111,7 +111,13 @@ var Flex = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
|
|
|
111
111
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
112
112
|
,
|
|
113
113
|
className: resolvedStyles.static,
|
|
114
|
-
css: [baseStyles,
|
|
114
|
+
css: [baseStyles,
|
|
115
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
116
|
+
gap && _styleMaps.spaceStylesMap.gap[gap],
|
|
117
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
118
|
+
columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap],
|
|
119
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
120
|
+
rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap],
|
|
115
121
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
116
122
|
resolvedStyles.emotion],
|
|
117
123
|
"data-testid": testId,
|
|
@@ -177,7 +177,13 @@ var Grid = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
|
|
|
177
177
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
178
178
|
,
|
|
179
179
|
className: resolvedStyles.static,
|
|
180
|
-
css: [baseStyles,
|
|
180
|
+
css: [baseStyles,
|
|
181
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
182
|
+
gap && _styleMaps.spaceStylesMap.gap[gap],
|
|
183
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
184
|
+
columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap],
|
|
185
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
186
|
+
rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow],
|
|
181
187
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
182
188
|
resolvedStyles.emotion],
|
|
183
189
|
"data-testid": testId,
|
|
@@ -78,7 +78,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
78
78
|
action: 'clicked',
|
|
79
79
|
componentName: componentName || 'Pressable',
|
|
80
80
|
packageName: "@atlaskit/primitives",
|
|
81
|
-
packageVersion: "7.0.
|
|
81
|
+
packageVersion: "7.0.3",
|
|
82
82
|
analyticsData: analyticsContext,
|
|
83
83
|
actionSubject: 'button'
|
|
84
84
|
});
|
|
@@ -58,8 +58,26 @@ export const Box = /*#__PURE__*/forwardRef(({
|
|
|
58
58
|
className: resolvedStyles.static
|
|
59
59
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
60
60
|
}, safeHtmlAttributes, {
|
|
61
|
-
css: [baseStyles,
|
|
62
|
-
// eslint-disable-next-line @atlaskit/
|
|
61
|
+
css: [baseStyles,
|
|
62
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
63
|
+
backgroundColor && backgroundColorStylesMap[backgroundColor],
|
|
64
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
65
|
+
isSurfaceColorToken(backgroundColor) && surfaceColorStylesMap[backgroundColor],
|
|
66
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
67
|
+
padding && paddingStylesMap.padding[padding],
|
|
68
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
69
|
+
paddingBlock && paddingStylesMap.paddingBlock[paddingBlock],
|
|
70
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
71
|
+
paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart],
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
73
|
+
paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd],
|
|
74
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
75
|
+
paddingInline && paddingStylesMap.paddingInline[paddingInline],
|
|
76
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
77
|
+
paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
78
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
79
|
+
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
|
|
80
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
63
81
|
resolvedStyles.emotion],
|
|
64
82
|
"data-testid": testId
|
|
65
83
|
}), children);
|
|
@@ -104,7 +104,13 @@ const Flex = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
104
104
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
105
105
|
,
|
|
106
106
|
className: resolvedStyles.static,
|
|
107
|
-
css: [baseStyles,
|
|
107
|
+
css: [baseStyles,
|
|
108
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
109
|
+
gap && spaceStylesMap.gap[gap],
|
|
110
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
111
|
+
columnGap && spaceStylesMap.columnGap[columnGap],
|
|
112
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
113
|
+
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap],
|
|
108
114
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
109
115
|
resolvedStyles.emotion],
|
|
110
116
|
"data-testid": testId,
|
|
@@ -168,7 +168,13 @@ const Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
168
168
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
169
169
|
,
|
|
170
170
|
className: resolvedStyles.static,
|
|
171
|
-
css: [baseStyles,
|
|
171
|
+
css: [baseStyles,
|
|
172
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
173
|
+
gap && spaceStylesMap.gap[gap],
|
|
174
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
175
|
+
columnGap && spaceStylesMap.columnGap[columnGap],
|
|
176
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
177
|
+
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow],
|
|
172
178
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
173
179
|
resolvedStyles.emotion],
|
|
174
180
|
"data-testid": testId,
|
|
@@ -64,7 +64,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
64
64
|
action: 'clicked',
|
|
65
65
|
componentName: componentName || 'Pressable',
|
|
66
66
|
packageName: "@atlaskit/primitives",
|
|
67
|
-
packageVersion: "7.0.
|
|
67
|
+
packageVersion: "7.0.3",
|
|
68
68
|
analyticsData: analyticsContext,
|
|
69
69
|
actionSubject: 'button'
|
|
70
70
|
});
|
|
@@ -30,6 +30,7 @@ export const UNSAFE_buildAboveMediaQueryCSS = input => {
|
|
|
30
30
|
return UNSAFE_BREAKPOINTS_ORDERED_LIST.reduce((acc, breakpoint) => ({
|
|
31
31
|
...acc,
|
|
32
32
|
[breakpoint]: css({
|
|
33
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
33
34
|
[media.above[breakpoint]]: typeof input === 'function' ? input(breakpoint) : input
|
|
34
35
|
})
|
|
35
36
|
}), {});
|
|
@@ -67,7 +68,7 @@ export const UNSAFE_buildBelowMediaQueryCSS = input => {
|
|
|
67
68
|
return {
|
|
68
69
|
...acc,
|
|
69
70
|
[breakpoint]: css({
|
|
70
|
-
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
71
|
+
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
71
72
|
[UNSAFE_media.below[breakpoint]]: typeof input === 'function' ? input(breakpoint) : input
|
|
72
73
|
})
|
|
73
74
|
};
|
|
@@ -531,6 +531,7 @@ const spacingProperties = [
|
|
|
531
531
|
const getSerializedStylesMap = (cssProperty, tokenMap) => {
|
|
532
532
|
return Object.keys(tokenMap).reduce((emotionSpacingMap, token) => {
|
|
533
533
|
emotionSpacingMap[token] = css({
|
|
534
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
534
535
|
[cssProperty]: tokenMap[token]
|
|
535
536
|
});
|
|
536
537
|
return emotionSpacingMap;
|
package/dist/es2019/xcss/xcss.js
CHANGED
|
@@ -136,6 +136,7 @@ const transformStyles = styleObj => {
|
|
|
136
136
|
const baseXcss = style => {
|
|
137
137
|
const transformedStyles = transformStyles(style);
|
|
138
138
|
return {
|
|
139
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
139
140
|
[uniqueSymbol]: cssEmotion(transformedStyles)
|
|
140
141
|
};
|
|
141
142
|
};
|
|
@@ -66,7 +66,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
66
66
|
action: 'clicked',
|
|
67
67
|
componentName: componentName || 'Anchor',
|
|
68
68
|
packageName: "@atlaskit/primitives",
|
|
69
|
-
packageVersion: "7.0.
|
|
69
|
+
packageVersion: "7.0.3",
|
|
70
70
|
analyticsData: analyticsContext,
|
|
71
71
|
actionSubject: 'link'
|
|
72
72
|
});
|
|
@@ -59,8 +59,26 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
59
59
|
className: resolvedStyles.static
|
|
60
60
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
61
61
|
}, safeHtmlAttributes, {
|
|
62
|
-
css: [baseStyles,
|
|
63
|
-
// eslint-disable-next-line @atlaskit/
|
|
62
|
+
css: [baseStyles,
|
|
63
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
64
|
+
backgroundColor && backgroundColorStylesMap[backgroundColor],
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
66
|
+
isSurfaceColorToken(backgroundColor) && surfaceColorStylesMap[backgroundColor],
|
|
67
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
68
|
+
padding && paddingStylesMap.padding[padding],
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
70
|
+
paddingBlock && paddingStylesMap.paddingBlock[paddingBlock],
|
|
71
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
72
|
+
paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart],
|
|
73
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
74
|
+
paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd],
|
|
75
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
76
|
+
paddingInline && paddingStylesMap.paddingInline[paddingInline],
|
|
77
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
78
|
+
paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart],
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
80
|
+
paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
|
|
81
|
+
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
|
|
64
82
|
resolvedStyles.emotion],
|
|
65
83
|
"data-testid": testId
|
|
66
84
|
}), children);
|
|
@@ -104,7 +104,13 @@ var Flex = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
104
104
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
105
105
|
,
|
|
106
106
|
className: resolvedStyles.static,
|
|
107
|
-
css: [baseStyles,
|
|
107
|
+
css: [baseStyles,
|
|
108
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
109
|
+
gap && spaceStylesMap.gap[gap],
|
|
110
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
111
|
+
columnGap && spaceStylesMap.columnGap[columnGap],
|
|
112
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
113
|
+
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap],
|
|
108
114
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
109
115
|
resolvedStyles.emotion],
|
|
110
116
|
"data-testid": testId,
|
|
@@ -169,7 +169,13 @@ var Grid = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
169
169
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
170
170
|
,
|
|
171
171
|
className: resolvedStyles.static,
|
|
172
|
-
css: [baseStyles,
|
|
172
|
+
css: [baseStyles,
|
|
173
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
174
|
+
gap && spaceStylesMap.gap[gap],
|
|
175
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
176
|
+
columnGap && spaceStylesMap.columnGap[columnGap],
|
|
177
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
178
|
+
rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow],
|
|
173
179
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
|
|
174
180
|
resolvedStyles.emotion],
|
|
175
181
|
"data-testid": testId,
|
|
@@ -68,7 +68,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
68
68
|
action: 'clicked',
|
|
69
69
|
componentName: componentName || 'Pressable',
|
|
70
70
|
packageName: "@atlaskit/primitives",
|
|
71
|
-
packageVersion: "7.0.
|
|
71
|
+
packageVersion: "7.0.3",
|
|
72
72
|
analyticsData: analyticsContext,
|
|
73
73
|
actionSubject: 'button'
|
|
74
74
|
});
|
|
@@ -552,7 +552,7 @@ type MarginSpace = AllSpace | 'auto';
|
|
|
552
552
|
type AutoComplete<T extends string> = T | Omit<string, T>;
|
|
553
553
|
export type TokenisedProps = {
|
|
554
554
|
backgroundColor?: BackgroundColor;
|
|
555
|
-
blockSize?:
|
|
555
|
+
blockSize?: Dimension | string;
|
|
556
556
|
borderBlockColor?: AutoComplete<BorderColor>;
|
|
557
557
|
borderBlockEndColor?: AutoComplete<BorderColor>;
|
|
558
558
|
borderBlockEndWidth?: BorderWidth | string;
|
|
@@ -589,8 +589,8 @@ export type TokenisedProps = {
|
|
|
589
589
|
color?: TextColor;
|
|
590
590
|
columnGap?: Space;
|
|
591
591
|
gap?: Space;
|
|
592
|
-
height?:
|
|
593
|
-
inlineSize?:
|
|
592
|
+
height?: Dimension | string;
|
|
593
|
+
inlineSize?: Dimension | string;
|
|
594
594
|
inset?: AutoComplete<AllSpace>;
|
|
595
595
|
insetBlock?: AutoComplete<AllSpace>;
|
|
596
596
|
insetBlockEnd?: AutoComplete<AllSpace>;
|
|
@@ -610,14 +610,14 @@ export type TokenisedProps = {
|
|
|
610
610
|
marginLeft?: AutoComplete<MarginSpace>;
|
|
611
611
|
marginRight?: AutoComplete<MarginSpace>;
|
|
612
612
|
marginTop?: AutoComplete<MarginSpace>;
|
|
613
|
-
maxBlockSize?:
|
|
614
|
-
maxHeight?:
|
|
615
|
-
maxInlineSize?:
|
|
616
|
-
maxWidth?:
|
|
617
|
-
minBlockSize?:
|
|
618
|
-
minHeight?:
|
|
619
|
-
minInlineSize?:
|
|
620
|
-
minWidth?:
|
|
613
|
+
maxBlockSize?: Dimension | string;
|
|
614
|
+
maxHeight?: Dimension | string;
|
|
615
|
+
maxInlineSize?: Dimension | string;
|
|
616
|
+
maxWidth?: Dimension | string;
|
|
617
|
+
minBlockSize?: Dimension | string;
|
|
618
|
+
minHeight?: Dimension | string;
|
|
619
|
+
minInlineSize?: Dimension | string;
|
|
620
|
+
minWidth?: Dimension | string;
|
|
621
621
|
opacity?: AutoComplete<Opacity> | number;
|
|
622
622
|
outlineColor?: BorderColor;
|
|
623
623
|
outlineOffset?: Space;
|
|
@@ -636,7 +636,7 @@ export type TokenisedProps = {
|
|
|
636
636
|
right?: AutoComplete<AllSpace>;
|
|
637
637
|
rowGap?: Space;
|
|
638
638
|
top?: AutoComplete<AllSpace>;
|
|
639
|
-
width?:
|
|
639
|
+
width?: Dimension | string;
|
|
640
640
|
zIndex?: Layer;
|
|
641
641
|
};
|
|
642
642
|
declare const spacingProperties: readonly ["padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "gap", "rowGap", "columnGap"];
|
|
@@ -552,7 +552,7 @@ type MarginSpace = AllSpace | 'auto';
|
|
|
552
552
|
type AutoComplete<T extends string> = T | Omit<string, T>;
|
|
553
553
|
export type TokenisedProps = {
|
|
554
554
|
backgroundColor?: BackgroundColor;
|
|
555
|
-
blockSize?:
|
|
555
|
+
blockSize?: Dimension | string;
|
|
556
556
|
borderBlockColor?: AutoComplete<BorderColor>;
|
|
557
557
|
borderBlockEndColor?: AutoComplete<BorderColor>;
|
|
558
558
|
borderBlockEndWidth?: BorderWidth | string;
|
|
@@ -589,8 +589,8 @@ export type TokenisedProps = {
|
|
|
589
589
|
color?: TextColor;
|
|
590
590
|
columnGap?: Space;
|
|
591
591
|
gap?: Space;
|
|
592
|
-
height?:
|
|
593
|
-
inlineSize?:
|
|
592
|
+
height?: Dimension | string;
|
|
593
|
+
inlineSize?: Dimension | string;
|
|
594
594
|
inset?: AutoComplete<AllSpace>;
|
|
595
595
|
insetBlock?: AutoComplete<AllSpace>;
|
|
596
596
|
insetBlockEnd?: AutoComplete<AllSpace>;
|
|
@@ -610,14 +610,14 @@ export type TokenisedProps = {
|
|
|
610
610
|
marginLeft?: AutoComplete<MarginSpace>;
|
|
611
611
|
marginRight?: AutoComplete<MarginSpace>;
|
|
612
612
|
marginTop?: AutoComplete<MarginSpace>;
|
|
613
|
-
maxBlockSize?:
|
|
614
|
-
maxHeight?:
|
|
615
|
-
maxInlineSize?:
|
|
616
|
-
maxWidth?:
|
|
617
|
-
minBlockSize?:
|
|
618
|
-
minHeight?:
|
|
619
|
-
minInlineSize?:
|
|
620
|
-
minWidth?:
|
|
613
|
+
maxBlockSize?: Dimension | string;
|
|
614
|
+
maxHeight?: Dimension | string;
|
|
615
|
+
maxInlineSize?: Dimension | string;
|
|
616
|
+
maxWidth?: Dimension | string;
|
|
617
|
+
minBlockSize?: Dimension | string;
|
|
618
|
+
minHeight?: Dimension | string;
|
|
619
|
+
minInlineSize?: Dimension | string;
|
|
620
|
+
minWidth?: Dimension | string;
|
|
621
621
|
opacity?: AutoComplete<Opacity> | number;
|
|
622
622
|
outlineColor?: BorderColor;
|
|
623
623
|
outlineOffset?: Space;
|
|
@@ -636,7 +636,7 @@ export type TokenisedProps = {
|
|
|
636
636
|
right?: AutoComplete<AllSpace>;
|
|
637
637
|
rowGap?: Space;
|
|
638
638
|
top?: AutoComplete<AllSpace>;
|
|
639
|
-
width?:
|
|
639
|
+
width?: Dimension | string;
|
|
640
640
|
zIndex?: Layer;
|
|
641
641
|
};
|
|
642
642
|
declare const spacingProperties: readonly [
|