@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 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.2",
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, backgroundColor && _styleMaps.backgroundColorStylesMap[backgroundColor], (0, _styleMaps.isSurfaceColorToken)(backgroundColor) && _styleMaps.surfaceColorStylesMap[backgroundColor], padding && _styleMaps.paddingStylesMap.padding[padding], paddingBlock && _styleMaps.paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && _styleMaps.paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && _styleMaps.paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && _styleMaps.paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && _styleMaps.paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && _styleMaps.paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
69
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
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, gap && _styleMaps.spaceStylesMap.gap[gap], columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap], rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap],
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, gap && _styleMaps.spaceStylesMap.gap[gap], columnGap && _styleMaps.spaceStylesMap.columnGap[columnGap], rowGap && _styleMaps.spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow],
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.2",
81
+ packageVersion: "7.0.3",
82
82
  analyticsData: analyticsContext,
83
83
  actionSubject: 'button'
84
84
  });
@@ -62,7 +62,7 @@ const AnchorNoRef = ({
62
62
  action: 'clicked',
63
63
  componentName: componentName || 'Anchor',
64
64
  packageName: "@atlaskit/primitives",
65
- packageVersion: "7.0.2",
65
+ packageVersion: "7.0.3",
66
66
  analyticsData: analyticsContext,
67
67
  actionSubject: 'link'
68
68
  });
@@ -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, backgroundColor && backgroundColorStylesMap[backgroundColor], isSurfaceColorToken(backgroundColor) && surfaceColorStylesMap[backgroundColor], padding && paddingStylesMap.padding[padding], paddingBlock && paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
62
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
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, gap && spaceStylesMap.gap[gap], columnGap && spaceStylesMap.columnGap[columnGap], rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap],
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, gap && spaceStylesMap.gap[gap], columnGap && spaceStylesMap.columnGap[columnGap], rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow],
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.2",
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;
@@ -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.2",
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, backgroundColor && backgroundColorStylesMap[backgroundColor], isSurfaceColorToken(backgroundColor) && surfaceColorStylesMap[backgroundColor], padding && paddingStylesMap.padding[padding], paddingBlock && paddingStylesMap.paddingBlock[paddingBlock], paddingBlockStart && paddingStylesMap.paddingBlockStart[paddingBlockStart], paddingBlockEnd && paddingStylesMap.paddingBlockEnd[paddingBlockEnd], paddingInline && paddingStylesMap.paddingInline[paddingInline], paddingInlineStart && paddingStylesMap.paddingInlineStart[paddingInlineStart], paddingInlineEnd && paddingStylesMap.paddingInlineEnd[paddingInlineEnd],
63
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
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, gap && spaceStylesMap.gap[gap], columnGap && spaceStylesMap.columnGap[columnGap], rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], direction && flexDirectionMap[direction], justifyContent && justifyContentMap[justifyContent], wrap && flexWrapMap[wrap],
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, gap && spaceStylesMap.gap[gap], columnGap && spaceStylesMap.columnGap[columnGap], rowGap && spaceStylesMap.rowGap[rowGap], alignItems && alignItemsMap[alignItems], alignContent && alignContentMap[alignContent], justifyContent && justifyContentMap[justifyContent], autoFlow && gridAutoFlowMap[autoFlow],
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.2",
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?: AutoComplete<Dimension>;
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?: AutoComplete<Dimension>;
593
- inlineSize?: AutoComplete<Dimension>;
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?: AutoComplete<Dimension>;
614
- maxHeight?: AutoComplete<Dimension>;
615
- maxInlineSize?: AutoComplete<Dimension>;
616
- maxWidth?: AutoComplete<Dimension>;
617
- minBlockSize?: AutoComplete<Dimension>;
618
- minHeight?: AutoComplete<Dimension>;
619
- minInlineSize?: AutoComplete<Dimension>;
620
- minWidth?: AutoComplete<Dimension>;
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?: AutoComplete<Dimension>;
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?: AutoComplete<Dimension>;
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?: AutoComplete<Dimension>;
593
- inlineSize?: AutoComplete<Dimension>;
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?: AutoComplete<Dimension>;
614
- maxHeight?: AutoComplete<Dimension>;
615
- maxInlineSize?: AutoComplete<Dimension>;
616
- maxWidth?: AutoComplete<Dimension>;
617
- minBlockSize?: AutoComplete<Dimension>;
618
- minHeight?: AutoComplete<Dimension>;
619
- minInlineSize?: AutoComplete<Dimension>;
620
- minWidth?: AutoComplete<Dimension>;
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?: AutoComplete<Dimension>;
639
+ width?: Dimension | string;
640
640
  zIndex?: Layer;
641
641
  };
642
642
  declare const spacingProperties: readonly [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "7.0.2",
3
+ "version": "7.0.3",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"