@atlaskit/primitives 0.1.0 → 0.1.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 0.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`fe50d8cb56c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fe50d8cb56c) - Internal change to add shape tokens to primitives.
8
+ - Updated dependencies
9
+
3
10
  ## 0.1.0
4
11
 
5
12
  ### Minor Changes
@@ -77,28 +77,28 @@ var borderStyleMap = {
77
77
  })
78
78
  };
79
79
  var borderWidthMap = {
80
- '0px': (0, _react2.css)({
81
- borderWidth: '0px'
80
+ 'size.050': (0, _react2.css)({
81
+ borderWidth: "var(--ds-width-050, 1px)"
82
82
  }),
83
- '1px': (0, _react2.css)({
84
- borderWidth: '1px'
85
- }),
86
- '2px': (0, _react2.css)({
87
- borderWidth: '2px'
88
- }),
89
- '3px': (0, _react2.css)({
90
- borderWidth: '3px'
83
+ 'size.100': (0, _react2.css)({
84
+ borderWidth: "var(--ds-width-100, 2px)"
91
85
  })
92
86
  };
93
87
  var borderRadiusMap = {
94
- normal: (0, _react2.css)({
95
- borderRadius: '3px'
88
+ 'radius.100': (0, _react2.css)({
89
+ borderRadius: "var(--ds-radius-200, 2px)"
90
+ }),
91
+ 'radius.200': (0, _react2.css)({
92
+ borderRadius: "var(--ds-radius-200, 3px)"
93
+ }),
94
+ 'radius.round': (0, _react2.css)({
95
+ borderRadius: "var(--ds-radius-round, 50%)"
96
96
  }),
97
- rounded: (0, _react2.css)({
98
- borderRadius: '50%'
97
+ 'radius.300': (0, _react2.css)({
98
+ borderRadius: "var(--ds-radius-300, 8px)"
99
99
  }),
100
- badge: (0, _react2.css)({
101
- borderRadius: '8px'
100
+ 'radius.400': (0, _react2.css)({
101
+ borderRadius: "var(--ds-radius-400, 16px)"
102
102
  })
103
103
  };
104
104
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "sideEffects": false
5
5
  }
@@ -69,28 +69,28 @@ const borderStyleMap = {
69
69
  })
70
70
  };
71
71
  const borderWidthMap = {
72
- '0px': css({
73
- borderWidth: '0px'
72
+ 'size.050': css({
73
+ borderWidth: "var(--ds-width-050, 1px)"
74
74
  }),
75
- '1px': css({
76
- borderWidth: '1px'
77
- }),
78
- '2px': css({
79
- borderWidth: '2px'
80
- }),
81
- '3px': css({
82
- borderWidth: '3px'
75
+ 'size.100': css({
76
+ borderWidth: "var(--ds-width-100, 2px)"
83
77
  })
84
78
  };
85
79
  const borderRadiusMap = {
86
- normal: css({
87
- borderRadius: '3px'
80
+ 'radius.100': css({
81
+ borderRadius: "var(--ds-radius-200, 2px)"
82
+ }),
83
+ 'radius.200': css({
84
+ borderRadius: "var(--ds-radius-200, 3px)"
85
+ }),
86
+ 'radius.round': css({
87
+ borderRadius: "var(--ds-radius-round, 50%)"
88
88
  }),
89
- rounded: css({
90
- borderRadius: '50%'
89
+ 'radius.300': css({
90
+ borderRadius: "var(--ds-radius-300, 8px)"
91
91
  }),
92
- badge: css({
93
- borderRadius: '8px'
92
+ 'radius.400': css({
93
+ borderRadius: "var(--ds-radius-400, 16px)"
94
94
  })
95
95
  };
96
96
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "sideEffects": false
5
5
  }
@@ -72,28 +72,28 @@ var borderStyleMap = {
72
72
  })
73
73
  };
74
74
  var borderWidthMap = {
75
- '0px': css({
76
- borderWidth: '0px'
75
+ 'size.050': css({
76
+ borderWidth: "var(--ds-width-050, 1px)"
77
77
  }),
78
- '1px': css({
79
- borderWidth: '1px'
80
- }),
81
- '2px': css({
82
- borderWidth: '2px'
83
- }),
84
- '3px': css({
85
- borderWidth: '3px'
78
+ 'size.100': css({
79
+ borderWidth: "var(--ds-width-100, 2px)"
86
80
  })
87
81
  };
88
82
  var borderRadiusMap = {
89
- normal: css({
90
- borderRadius: '3px'
83
+ 'radius.100': css({
84
+ borderRadius: "var(--ds-radius-200, 2px)"
85
+ }),
86
+ 'radius.200': css({
87
+ borderRadius: "var(--ds-radius-200, 3px)"
88
+ }),
89
+ 'radius.round': css({
90
+ borderRadius: "var(--ds-radius-round, 50%)"
91
91
  }),
92
- rounded: css({
93
- borderRadius: '50%'
92
+ 'radius.300': css({
93
+ borderRadius: "var(--ds-radius-300, 8px)"
94
94
  }),
95
- badge: css({
96
- borderRadius: '8px'
95
+ 'radius.400': css({
96
+ borderRadius: "var(--ds-radius-400, 16px)"
97
97
  })
98
98
  };
99
99
 
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "sideEffects": false
5
5
  }
@@ -126,16 +126,16 @@ declare const borderStyleMap: {
126
126
  };
127
127
  declare type BorderWidth = keyof typeof borderWidthMap;
128
128
  declare const borderWidthMap: {
129
- '0px': import("@emotion/react").SerializedStyles;
130
- '1px': import("@emotion/react").SerializedStyles;
131
- '2px': import("@emotion/react").SerializedStyles;
132
- '3px': import("@emotion/react").SerializedStyles;
129
+ 'size.050': import("@emotion/react").SerializedStyles;
130
+ 'size.100': import("@emotion/react").SerializedStyles;
133
131
  };
134
132
  declare type BorderRadius = keyof typeof borderRadiusMap;
135
133
  declare const borderRadiusMap: {
136
- normal: import("@emotion/react").SerializedStyles;
137
- rounded: import("@emotion/react").SerializedStyles;
138
- badge: import("@emotion/react").SerializedStyles;
134
+ 'radius.100': import("@emotion/react").SerializedStyles;
135
+ 'radius.200': import("@emotion/react").SerializedStyles;
136
+ 'radius.round': import("@emotion/react").SerializedStyles;
137
+ 'radius.300': import("@emotion/react").SerializedStyles;
138
+ 'radius.400': import("@emotion/react").SerializedStyles;
139
139
  };
140
140
  /**
141
141
  * @experimental - this is likely to be removed
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -38,7 +38,7 @@
38
38
  },
39
39
  "dependencies": {
40
40
  "@atlaskit/ds-explorations": "^2.0.1",
41
- "@atlaskit/tokens": "^1.1.0",
41
+ "@atlaskit/tokens": "^1.2.0",
42
42
  "@babel/runtime": "^7.0.0",
43
43
  "@emotion/react": "^11.7.1"
44
44
  },