@atlaskit/primitives 1.4.1 → 1.4.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,17 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 1.4.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
8
+
9
+ ## 1.4.2
10
+
11
+ ### Patch Changes
12
+
13
+ - [`89ce462b216`](https://bitbucket.org/atlassian/atlassian-frontend/commits/89ce462b216) - Fix for margin properties not being mapped to values correctly.
14
+
3
15
  ## 1.4.1
4
16
 
5
17
  ### Patch Changes
package/README.md CHANGED
@@ -6,8 +6,15 @@ Primitives are token-backed low-level building blocks.
6
6
 
7
7
  Detailed docs and example usage can be found at:
8
8
 
9
- - [Overview](https://staging.atlassian.design/components/primitives/overview)
10
- - [Box](https://staging.atlassian.design/components/primitives/box)
11
- - [Inline](https://staging.atlassian.design/components/primitives/inline)
12
- - [Stack](https://staging.atlassian.design/components/primitives/stack)
13
- - [xcss](https://staging.atlassian.design/components/primitives/xcss)
9
+ - [Overview](https://atlassian.design/components/primitives/overview)
10
+ - [Box](https://atlassian.design/components/primitives/box)
11
+ - [xcss](https://atlassian.design/components/primitives/xcss)
12
+ - [Inline](https://atlassian.design/components/primitives/inline)
13
+ - [Stack](https://atlassian.design/components/primitives/stack)
14
+ - [Flex](https://atlassian.design/components/primitives/flex)
15
+ - [Grid](https://atlassian.design/components/primitives/grid)
16
+ - [Bleed](https://atlassian.design/components/primitives/bleed)
17
+
18
+ And you can also find some responsive helpers available in this package:
19
+
20
+ - [Responsive](https://atlassian.design/components/primitives/responsive/)
@@ -25,7 +25,7 @@ var flexGrowMap = {
25
25
  var separatorStyles = (0, _react2.css)({
26
26
  color: "var(--ds-text-subtle, #42526E)",
27
27
  marginBlock: "var(--ds-space-0, 0px)",
28
- marginInline: "calc(-1 * ".concat("var(--ds-space-025, 2px)", ")"),
28
+ marginInline: "var(--ds-space-negative-025, -2px)",
29
29
  pointerEvents: 'none',
30
30
  userSelect: 'none'
31
31
  });
@@ -37,9 +37,13 @@ var tokensMap = {
37
37
  marginBlock: _styleMaps.spaceMap,
38
38
  marginBlockEnd: _styleMaps.spaceMap,
39
39
  marginBlockStart: _styleMaps.spaceMap,
40
+ marginBottom: _styleMaps.spaceMap,
40
41
  marginInline: _styleMaps.spaceMap,
41
42
  marginInlineEnd: _styleMaps.spaceMap,
42
43
  marginInlineStart: _styleMaps.spaceMap,
44
+ marginLeft: _styleMaps.spaceMap,
45
+ marginRight: _styleMaps.spaceMap,
46
+ marginTop: _styleMaps.spaceMap,
43
47
  left: _styleMaps.spaceMap,
44
48
  maxBlockSize: _styleMaps.dimensionMap,
45
49
  maxHeight: _styleMaps.dimensionMap,
@@ -16,7 +16,7 @@ const flexGrowMap = {
16
16
  const separatorStyles = css({
17
17
  color: "var(--ds-text-subtle, #42526E)",
18
18
  marginBlock: "var(--ds-space-0, 0px)",
19
- marginInline: `calc(-1 * ${"var(--ds-space-025, 2px)"})`,
19
+ marginInline: `${"var(--ds-space-negative-025, -2px)"}`,
20
20
  pointerEvents: 'none',
21
21
  userSelect: 'none'
22
22
  });
@@ -25,9 +25,13 @@ const tokensMap = {
25
25
  marginBlock: spaceMap,
26
26
  marginBlockEnd: spaceMap,
27
27
  marginBlockStart: spaceMap,
28
+ marginBottom: spaceMap,
28
29
  marginInline: spaceMap,
29
30
  marginInlineEnd: spaceMap,
30
31
  marginInlineStart: spaceMap,
32
+ marginLeft: spaceMap,
33
+ marginRight: spaceMap,
34
+ marginTop: spaceMap,
31
35
  left: spaceMap,
32
36
  maxBlockSize: dimensionMap,
33
37
  maxHeight: dimensionMap,
@@ -17,7 +17,7 @@ var flexGrowMap = {
17
17
  var separatorStyles = css({
18
18
  color: "var(--ds-text-subtle, #42526E)",
19
19
  marginBlock: "var(--ds-space-0, 0px)",
20
- marginInline: "calc(-1 * ".concat("var(--ds-space-025, 2px)", ")"),
20
+ marginInline: "var(--ds-space-negative-025, -2px)",
21
21
  pointerEvents: 'none',
22
22
  userSelect: 'none'
23
23
  });
@@ -28,9 +28,13 @@ var tokensMap = {
28
28
  marginBlock: spaceMap,
29
29
  marginBlockEnd: spaceMap,
30
30
  marginBlockStart: spaceMap,
31
+ marginBottom: spaceMap,
31
32
  marginInline: spaceMap,
32
33
  marginInlineEnd: spaceMap,
33
34
  marginInlineStart: spaceMap,
35
+ marginLeft: spaceMap,
36
+ marginRight: spaceMap,
37
+ marginTop: spaceMap,
34
38
  left: spaceMap,
35
39
  maxBlockSize: dimensionMap,
36
40
  maxHeight: dimensionMap,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "1.4.1",
3
+ "version": "1.4.3",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -165,7 +165,7 @@
165
165
  ]
166
166
  }
167
167
  },
168
- "homepage": "https://atlassian.design/components/primitives",
168
+ "homepage": "https://atlassian.design/components/primitives/overview/",
169
169
  "typesVersions": {
170
170
  ">=4.5 <4.9": {
171
171
  "*": [