@atlaskit/forge-react-types 0.47.2 → 0.48.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.
Files changed (19) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/components/__generated__/BoxProps.codegen.js +24 -44
  3. package/dist/cjs/components/__generated__/PressableProps.codegen.js +24 -44
  4. package/dist/es2019/components/__generated__/BoxProps.codegen.js +24 -44
  5. package/dist/es2019/components/__generated__/PressableProps.codegen.js +24 -44
  6. package/dist/esm/components/__generated__/BoxProps.codegen.js +24 -44
  7. package/dist/esm/components/__generated__/PressableProps.codegen.js +24 -44
  8. package/dist/types/components/__generated__/BoxProps.codegen.d.ts +30 -866
  9. package/dist/types/components/__generated__/CodeBlockProps.codegen.d.ts +3 -3
  10. package/dist/types/components/__generated__/PressableProps.codegen.d.ts +30 -866
  11. package/dist/types-ts4.5/components/__generated__/BoxProps.codegen.d.ts +30 -866
  12. package/dist/types-ts4.5/components/__generated__/CodeBlockProps.codegen.d.ts +3 -3
  13. package/dist/types-ts4.5/components/__generated__/PressableProps.codegen.d.ts +30 -866
  14. package/package.json +7 -7
  15. package/scripts/codegen/codeGenerator.ts +158 -2
  16. package/scripts/codegen/componentPropTypes.ts +20 -8
  17. package/src/components/__generated__/BoxProps.codegen.tsx +32 -21
  18. package/src/components/__generated__/CodeBlockProps.codegen.tsx +3 -3
  19. package/src/components/__generated__/PressableProps.codegen.tsx +32 -21
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/forge-react-types
2
2
 
3
+ ## 0.48.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`671e0e819f9ae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/671e0e819f9ae) -
8
+ Support borderWidth and borderRadius tokens in xcss
9
+
3
10
  ## 0.47.2
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/components/__generated__/BoxProps.codegen.js CHANGED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  *
9
9
  * Extract component prop types from UIKit 2 components - BoxProps
10
10
  *
11
- * @codegen <<SignedSource::97f15631a172af79bb692d529c0cfdd2>>
11
+ * @codegen <<SignedSource::2aa8902478f587c656a335fdbf945043>>
12
12
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
13
13
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::8e5857e8580db0dac17ebc42ab6115c9>>
14
14
  */
@@ -25,6 +25,8 @@ Object.defineProperty(exports, "__esModule", {
25
25
  * returned style object and a warning will be logged in the console.
26
26
  */
27
27
 
28
+ var borderRadiusTokens = ['radius.xsmall', 'radius.small', 'radius.medium', 'radius.large', 'radius.xlarge', 'radius.full', 'radius.tile'];
29
+ var borderRadiusSupportedValues = [].concat(borderRadiusTokens, ['border.radius']);
28
30
  var xcssValidator = makeXCSSValidator({
29
31
  // text related props
30
32
  textAlign: {
@@ -104,65 +106,43 @@ var xcssValidator = makeXCSSValidator({
104
106
  paddingTop: true,
105
107
  // other box related props
106
108
  borderRadius: {
107
- supportedValues: ['border.radius']
109
+ supportedValues: borderRadiusSupportedValues
108
110
  },
109
111
  borderBottomLeftRadius: {
110
- supportedValues: ['border.radius']
112
+ supportedValues: borderRadiusSupportedValues
111
113
  },
112
114
  borderBottomRightRadius: {
113
- supportedValues: ['border.radius']
115
+ supportedValues: borderRadiusSupportedValues
114
116
  },
115
117
  borderTopLeftRadius: {
116
- supportedValues: ['border.radius']
118
+ supportedValues: borderRadiusSupportedValues
117
119
  },
118
120
  borderTopRightRadius: {
119
- supportedValues: ['border.radius']
121
+ supportedValues: borderRadiusSupportedValues
120
122
  },
121
123
  borderEndEndRadius: {
122
- supportedValues: ['border.radius']
124
+ supportedValues: borderRadiusSupportedValues
123
125
  },
124
126
  borderEndStartRadius: {
125
- supportedValues: ['border.radius']
127
+ supportedValues: borderRadiusSupportedValues
126
128
  },
127
129
  borderStartEndRadius: {
128
- supportedValues: ['border.radius']
130
+ supportedValues: borderRadiusSupportedValues
129
131
  },
130
132
  borderStartStartRadius: {
131
- supportedValues: ['border.radius']
132
- },
133
- borderWidth: {
134
- supportedValues: ['border.width']
135
- },
136
- borderBlockWidth: {
137
- supportedValues: ['border.width']
138
- },
139
- borderBlockEndWidth: {
140
- supportedValues: ['border.width']
141
- },
142
- borderBlockStartWidth: {
143
- supportedValues: ['border.width']
144
- },
145
- borderBottomWidth: {
146
- supportedValues: ['border.width']
147
- },
148
- borderInlineWidth: {
149
- supportedValues: ['border.width']
150
- },
151
- borderInlineEndWidth: {
152
- supportedValues: ['border.width']
153
- },
154
- borderInlineStartWidth: {
155
- supportedValues: ['border.width']
156
- },
157
- borderLeftWidth: {
158
- supportedValues: ['border.width']
159
- },
160
- borderRightWidth: {
161
- supportedValues: ['border.width']
162
- },
163
- borderTopWidth: {
164
- supportedValues: ['border.width']
165
- },
133
+ supportedValues: borderRadiusSupportedValues
134
+ },
135
+ borderWidth: true,
136
+ borderBlockWidth: true,
137
+ borderBlockEndWidth: true,
138
+ borderBlockStartWidth: true,
139
+ borderBottomWidth: true,
140
+ borderInlineWidth: true,
141
+ borderInlineEndWidth: true,
142
+ borderInlineStartWidth: true,
143
+ borderLeftWidth: true,
144
+ borderRightWidth: true,
145
+ borderTopWidth: true,
166
146
  // other props not in tokens based props
167
147
  borderTopStyle: {
168
148
  supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
package/dist/cjs/components/__generated__/PressableProps.codegen.js CHANGED
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
8
8
  *
9
9
  * Extract component prop types from UIKit 2 components - PressableProps
10
10
  *
11
- * @codegen <<SignedSource::5ee0d1c46a3e208ce25e8281bd363c25>>
11
+ * @codegen <<SignedSource::7158030e15c00ca33456e783cffd4db2>>
12
12
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
13
13
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::e23b1db22ac327f82c64213c36751b27>>
14
14
  */
@@ -25,6 +25,8 @@ Object.defineProperty(exports, "__esModule", {
25
25
  * returned style object and a warning will be logged in the console.
26
26
  */
27
27
 
28
+ var borderRadiusTokens = ['radius.xsmall', 'radius.small', 'radius.medium', 'radius.large', 'radius.xlarge', 'radius.full', 'radius.tile'];
29
+ var borderRadiusSupportedValues = [].concat(borderRadiusTokens, ['border.radius']);
28
30
  var xcssValidator = makeXCSSValidator({
29
31
  // text related props
30
32
  textAlign: {
@@ -104,65 +106,43 @@ var xcssValidator = makeXCSSValidator({
104
106
  paddingTop: true,
105
107
  // other box related props
106
108
  borderRadius: {
107
- supportedValues: ['border.radius']
109
+ supportedValues: borderRadiusSupportedValues
108
110
  },
109
111
  borderBottomLeftRadius: {
110
- supportedValues: ['border.radius']
112
+ supportedValues: borderRadiusSupportedValues
111
113
  },
112
114
  borderBottomRightRadius: {
113
- supportedValues: ['border.radius']
115
+ supportedValues: borderRadiusSupportedValues
114
116
  },
115
117
  borderTopLeftRadius: {
116
- supportedValues: ['border.radius']
118
+ supportedValues: borderRadiusSupportedValues
117
119
  },
118
120
  borderTopRightRadius: {
119
- supportedValues: ['border.radius']
121
+ supportedValues: borderRadiusSupportedValues
120
122
  },
121
123
  borderEndEndRadius: {
122
- supportedValues: ['border.radius']
124
+ supportedValues: borderRadiusSupportedValues
123
125
  },
124
126
  borderEndStartRadius: {
125
- supportedValues: ['border.radius']
127
+ supportedValues: borderRadiusSupportedValues
126
128
  },
127
129
  borderStartEndRadius: {
128
- supportedValues: ['border.radius']
130
+ supportedValues: borderRadiusSupportedValues
129
131
  },
130
132
  borderStartStartRadius: {
131
- supportedValues: ['border.radius']
132
- },
133
- borderWidth: {
134
- supportedValues: ['border.width']
135
- },
136
- borderBlockWidth: {
137
- supportedValues: ['border.width']
138
- },
139
- borderBlockEndWidth: {
140
- supportedValues: ['border.width']
141
- },
142
- borderBlockStartWidth: {
143
- supportedValues: ['border.width']
144
- },
145
- borderBottomWidth: {
146
- supportedValues: ['border.width']
147
- },
148
- borderInlineWidth: {
149
- supportedValues: ['border.width']
150
- },
151
- borderInlineEndWidth: {
152
- supportedValues: ['border.width']
153
- },
154
- borderInlineStartWidth: {
155
- supportedValues: ['border.width']
156
- },
157
- borderLeftWidth: {
158
- supportedValues: ['border.width']
159
- },
160
- borderRightWidth: {
161
- supportedValues: ['border.width']
162
- },
163
- borderTopWidth: {
164
- supportedValues: ['border.width']
165
- },
133
+ supportedValues: borderRadiusSupportedValues
134
+ },
135
+ borderWidth: true,
136
+ borderBlockWidth: true,
137
+ borderBlockEndWidth: true,
138
+ borderBlockStartWidth: true,
139
+ borderBottomWidth: true,
140
+ borderInlineWidth: true,
141
+ borderInlineEndWidth: true,
142
+ borderInlineStartWidth: true,
143
+ borderLeftWidth: true,
144
+ borderRightWidth: true,
145
+ borderTopWidth: true,
166
146
  // other props not in tokens based props
167
147
  borderTopStyle: {
168
148
  supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
package/dist/es2019/components/__generated__/BoxProps.codegen.js CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::97f15631a172af79bb692d529c0cfdd2>>
6
+ * @codegen <<SignedSource::2aa8902478f587c656a335fdbf945043>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::8e5857e8580db0dac17ebc42ab6115c9>>
9
9
  */
@@ -20,6 +20,8 @@
20
20
  * returned style object and a warning will be logged in the console.
21
21
  */
22
22
 
23
+ const borderRadiusTokens = ['radius.xsmall', 'radius.small', 'radius.medium', 'radius.large', 'radius.xlarge', 'radius.full', 'radius.tile'];
24
+ const borderRadiusSupportedValues = [...borderRadiusTokens, 'border.radius'];
23
25
  const xcssValidator = makeXCSSValidator({
24
26
  // text related props
25
27
  textAlign: {
@@ -99,65 +101,43 @@ const xcssValidator = makeXCSSValidator({
99
101
  paddingTop: true,
100
102
  // other box related props
101
103
  borderRadius: {
102
- supportedValues: ['border.radius']
104
+ supportedValues: borderRadiusSupportedValues
103
105
  },
104
106
  borderBottomLeftRadius: {
105
- supportedValues: ['border.radius']
107
+ supportedValues: borderRadiusSupportedValues
106
108
  },
107
109
  borderBottomRightRadius: {
108
- supportedValues: ['border.radius']
110
+ supportedValues: borderRadiusSupportedValues
109
111
  },
110
112
  borderTopLeftRadius: {
111
- supportedValues: ['border.radius']
113
+ supportedValues: borderRadiusSupportedValues
112
114
  },
113
115
  borderTopRightRadius: {
114
- supportedValues: ['border.radius']
116
+ supportedValues: borderRadiusSupportedValues
115
117
  },
116
118
  borderEndEndRadius: {
117
- supportedValues: ['border.radius']
119
+ supportedValues: borderRadiusSupportedValues
118
120
  },
119
121
  borderEndStartRadius: {
120
- supportedValues: ['border.radius']
122
+ supportedValues: borderRadiusSupportedValues
121
123
  },
122
124
  borderStartEndRadius: {
123
- supportedValues: ['border.radius']
125
+ supportedValues: borderRadiusSupportedValues
124
126
  },
125
127
  borderStartStartRadius: {
126
- supportedValues: ['border.radius']
127
- },
128
- borderWidth: {
129
- supportedValues: ['border.width']
130
- },
131
- borderBlockWidth: {
132
- supportedValues: ['border.width']
133
- },
134
- borderBlockEndWidth: {
135
- supportedValues: ['border.width']
136
- },
137
- borderBlockStartWidth: {
138
- supportedValues: ['border.width']
139
- },
140
- borderBottomWidth: {
141
- supportedValues: ['border.width']
142
- },
143
- borderInlineWidth: {
144
- supportedValues: ['border.width']
145
- },
146
- borderInlineEndWidth: {
147
- supportedValues: ['border.width']
148
- },
149
- borderInlineStartWidth: {
150
- supportedValues: ['border.width']
151
- },
152
- borderLeftWidth: {
153
- supportedValues: ['border.width']
154
- },
155
- borderRightWidth: {
156
- supportedValues: ['border.width']
157
- },
158
- borderTopWidth: {
159
- supportedValues: ['border.width']
160
- },
128
+ supportedValues: borderRadiusSupportedValues
129
+ },
130
+ borderWidth: true,
131
+ borderBlockWidth: true,
132
+ borderBlockEndWidth: true,
133
+ borderBlockStartWidth: true,
134
+ borderBottomWidth: true,
135
+ borderInlineWidth: true,
136
+ borderInlineEndWidth: true,
137
+ borderInlineStartWidth: true,
138
+ borderLeftWidth: true,
139
+ borderRightWidth: true,
140
+ borderTopWidth: true,
161
141
  // other props not in tokens based props
162
142
  borderTopStyle: {
163
143
  supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
package/dist/es2019/components/__generated__/PressableProps.codegen.js CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::5ee0d1c46a3e208ce25e8281bd363c25>>
6
+ * @codegen <<SignedSource::7158030e15c00ca33456e783cffd4db2>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::e23b1db22ac327f82c64213c36751b27>>
9
9
  */
@@ -20,6 +20,8 @@
20
20
  * returned style object and a warning will be logged in the console.
21
21
  */
22
22
 
23
+ const borderRadiusTokens = ['radius.xsmall', 'radius.small', 'radius.medium', 'radius.large', 'radius.xlarge', 'radius.full', 'radius.tile'];
24
+ const borderRadiusSupportedValues = [...borderRadiusTokens, 'border.radius'];
23
25
  const xcssValidator = makeXCSSValidator({
24
26
  // text related props
25
27
  textAlign: {
@@ -99,65 +101,43 @@ const xcssValidator = makeXCSSValidator({
99
101
  paddingTop: true,
100
102
  // other box related props
101
103
  borderRadius: {
102
- supportedValues: ['border.radius']
104
+ supportedValues: borderRadiusSupportedValues
103
105
  },
104
106
  borderBottomLeftRadius: {
105
- supportedValues: ['border.radius']
107
+ supportedValues: borderRadiusSupportedValues
106
108
  },
107
109
  borderBottomRightRadius: {
108
- supportedValues: ['border.radius']
110
+ supportedValues: borderRadiusSupportedValues
109
111
  },
110
112
  borderTopLeftRadius: {
111
- supportedValues: ['border.radius']
113
+ supportedValues: borderRadiusSupportedValues
112
114
  },
113
115
  borderTopRightRadius: {
114
- supportedValues: ['border.radius']
116
+ supportedValues: borderRadiusSupportedValues
115
117
  },
116
118
  borderEndEndRadius: {
117
- supportedValues: ['border.radius']
119
+ supportedValues: borderRadiusSupportedValues
118
120
  },
119
121
  borderEndStartRadius: {
120
- supportedValues: ['border.radius']
122
+ supportedValues: borderRadiusSupportedValues
121
123
  },
122
124
  borderStartEndRadius: {
123
- supportedValues: ['border.radius']
125
+ supportedValues: borderRadiusSupportedValues
124
126
  },
125
127
  borderStartStartRadius: {
126
- supportedValues: ['border.radius']
127
- },
128
- borderWidth: {
129
- supportedValues: ['border.width']
130
- },
131
- borderBlockWidth: {
132
- supportedValues: ['border.width']
133
- },
134
- borderBlockEndWidth: {
135
- supportedValues: ['border.width']
136
- },
137
- borderBlockStartWidth: {
138
- supportedValues: ['border.width']
139
- },
140
- borderBottomWidth: {
141
- supportedValues: ['border.width']
142
- },
143
- borderInlineWidth: {
144
- supportedValues: ['border.width']
145
- },
146
- borderInlineEndWidth: {
147
- supportedValues: ['border.width']
148
- },
149
- borderInlineStartWidth: {
150
- supportedValues: ['border.width']
151
- },
152
- borderLeftWidth: {
153
- supportedValues: ['border.width']
154
- },
155
- borderRightWidth: {
156
- supportedValues: ['border.width']
157
- },
158
- borderTopWidth: {
159
- supportedValues: ['border.width']
160
- },
128
+ supportedValues: borderRadiusSupportedValues
129
+ },
130
+ borderWidth: true,
131
+ borderBlockWidth: true,
132
+ borderBlockEndWidth: true,
133
+ borderBlockStartWidth: true,
134
+ borderBottomWidth: true,
135
+ borderInlineWidth: true,
136
+ borderInlineEndWidth: true,
137
+ borderInlineStartWidth: true,
138
+ borderLeftWidth: true,
139
+ borderRightWidth: true,
140
+ borderTopWidth: true,
161
141
  // other props not in tokens based props
162
142
  borderTopStyle: {
163
143
  supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
package/dist/esm/components/__generated__/BoxProps.codegen.js CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - BoxProps
5
5
  *
6
- * @codegen <<SignedSource::97f15631a172af79bb692d529c0cfdd2>>
6
+ * @codegen <<SignedSource::2aa8902478f587c656a335fdbf945043>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/box/__generated__/index.partial.tsx <<SignedSource::8e5857e8580db0dac17ebc42ab6115c9>>
9
9
  */
@@ -20,6 +20,8 @@
20
20
  * returned style object and a warning will be logged in the console.
21
21
  */
22
22
 
23
+ var borderRadiusTokens = ['radius.xsmall', 'radius.small', 'radius.medium', 'radius.large', 'radius.xlarge', 'radius.full', 'radius.tile'];
24
+ var borderRadiusSupportedValues = [].concat(borderRadiusTokens, ['border.radius']);
23
25
  var xcssValidator = makeXCSSValidator({
24
26
  // text related props
25
27
  textAlign: {
@@ -99,65 +101,43 @@ var xcssValidator = makeXCSSValidator({
99
101
  paddingTop: true,
100
102
  // other box related props
101
103
  borderRadius: {
102
- supportedValues: ['border.radius']
104
+ supportedValues: borderRadiusSupportedValues
103
105
  },
104
106
  borderBottomLeftRadius: {
105
- supportedValues: ['border.radius']
107
+ supportedValues: borderRadiusSupportedValues
106
108
  },
107
109
  borderBottomRightRadius: {
108
- supportedValues: ['border.radius']
110
+ supportedValues: borderRadiusSupportedValues
109
111
  },
110
112
  borderTopLeftRadius: {
111
- supportedValues: ['border.radius']
113
+ supportedValues: borderRadiusSupportedValues
112
114
  },
113
115
  borderTopRightRadius: {
114
- supportedValues: ['border.radius']
116
+ supportedValues: borderRadiusSupportedValues
115
117
  },
116
118
  borderEndEndRadius: {
117
- supportedValues: ['border.radius']
119
+ supportedValues: borderRadiusSupportedValues
118
120
  },
119
121
  borderEndStartRadius: {
120
- supportedValues: ['border.radius']
122
+ supportedValues: borderRadiusSupportedValues
121
123
  },
122
124
  borderStartEndRadius: {
123
- supportedValues: ['border.radius']
125
+ supportedValues: borderRadiusSupportedValues
124
126
  },
125
127
  borderStartStartRadius: {
126
- supportedValues: ['border.radius']
127
- },
128
- borderWidth: {
129
- supportedValues: ['border.width']
130
- },
131
- borderBlockWidth: {
132
- supportedValues: ['border.width']
133
- },
134
- borderBlockEndWidth: {
135
- supportedValues: ['border.width']
136
- },
137
- borderBlockStartWidth: {
138
- supportedValues: ['border.width']
139
- },
140
- borderBottomWidth: {
141
- supportedValues: ['border.width']
142
- },
143
- borderInlineWidth: {
144
- supportedValues: ['border.width']
145
- },
146
- borderInlineEndWidth: {
147
- supportedValues: ['border.width']
148
- },
149
- borderInlineStartWidth: {
150
- supportedValues: ['border.width']
151
- },
152
- borderLeftWidth: {
153
- supportedValues: ['border.width']
154
- },
155
- borderRightWidth: {
156
- supportedValues: ['border.width']
157
- },
158
- borderTopWidth: {
159
- supportedValues: ['border.width']
160
- },
128
+ supportedValues: borderRadiusSupportedValues
129
+ },
130
+ borderWidth: true,
131
+ borderBlockWidth: true,
132
+ borderBlockEndWidth: true,
133
+ borderBlockStartWidth: true,
134
+ borderBottomWidth: true,
135
+ borderInlineWidth: true,
136
+ borderInlineEndWidth: true,
137
+ borderInlineStartWidth: true,
138
+ borderLeftWidth: true,
139
+ borderRightWidth: true,
140
+ borderTopWidth: true,
161
141
  // other props not in tokens based props
162
142
  borderTopStyle: {
163
143
  supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']
package/dist/esm/components/__generated__/PressableProps.codegen.js CHANGED
@@ -3,7 +3,7 @@
3
3
  *
4
4
  * Extract component prop types from UIKit 2 components - PressableProps
5
5
  *
6
- * @codegen <<SignedSource::5ee0d1c46a3e208ce25e8281bd363c25>>
6
+ * @codegen <<SignedSource::7158030e15c00ca33456e783cffd4db2>>
7
7
  * @codegenCommand yarn workspace @atlaskit/forge-react-types codegen
8
8
  * @codegenDependency ../../../../forge-ui/src/components/UIKit/pressable/index.tsx <<SignedSource::e23b1db22ac327f82c64213c36751b27>>
9
9
  */
@@ -20,6 +20,8 @@
20
20
  * returned style object and a warning will be logged in the console.
21
21
  */
22
22
 
23
+ var borderRadiusTokens = ['radius.xsmall', 'radius.small', 'radius.medium', 'radius.large', 'radius.xlarge', 'radius.full', 'radius.tile'];
24
+ var borderRadiusSupportedValues = [].concat(borderRadiusTokens, ['border.radius']);
23
25
  var xcssValidator = makeXCSSValidator({
24
26
  // text related props
25
27
  textAlign: {
@@ -99,65 +101,43 @@ var xcssValidator = makeXCSSValidator({
99
101
  paddingTop: true,
100
102
  // other box related props
101
103
  borderRadius: {
102
- supportedValues: ['border.radius']
104
+ supportedValues: borderRadiusSupportedValues
103
105
  },
104
106
  borderBottomLeftRadius: {
105
- supportedValues: ['border.radius']
107
+ supportedValues: borderRadiusSupportedValues
106
108
  },
107
109
  borderBottomRightRadius: {
108
- supportedValues: ['border.radius']
110
+ supportedValues: borderRadiusSupportedValues
109
111
  },
110
112
  borderTopLeftRadius: {
111
- supportedValues: ['border.radius']
113
+ supportedValues: borderRadiusSupportedValues
112
114
  },
113
115
  borderTopRightRadius: {
114
- supportedValues: ['border.radius']
116
+ supportedValues: borderRadiusSupportedValues
115
117
  },
116
118
  borderEndEndRadius: {
117
- supportedValues: ['border.radius']
119
+ supportedValues: borderRadiusSupportedValues
118
120
  },
119
121
  borderEndStartRadius: {
120
- supportedValues: ['border.radius']
122
+ supportedValues: borderRadiusSupportedValues
121
123
  },
122
124
  borderStartEndRadius: {
123
- supportedValues: ['border.radius']
125
+ supportedValues: borderRadiusSupportedValues
124
126
  },
125
127
  borderStartStartRadius: {
126
- supportedValues: ['border.radius']
127
- },
128
- borderWidth: {
129
- supportedValues: ['border.width']
130
- },
131
- borderBlockWidth: {
132
- supportedValues: ['border.width']
133
- },
134
- borderBlockEndWidth: {
135
- supportedValues: ['border.width']
136
- },
137
- borderBlockStartWidth: {
138
- supportedValues: ['border.width']
139
- },
140
- borderBottomWidth: {
141
- supportedValues: ['border.width']
142
- },
143
- borderInlineWidth: {
144
- supportedValues: ['border.width']
145
- },
146
- borderInlineEndWidth: {
147
- supportedValues: ['border.width']
148
- },
149
- borderInlineStartWidth: {
150
- supportedValues: ['border.width']
151
- },
152
- borderLeftWidth: {
153
- supportedValues: ['border.width']
154
- },
155
- borderRightWidth: {
156
- supportedValues: ['border.width']
157
- },
158
- borderTopWidth: {
159
- supportedValues: ['border.width']
160
- },
128
+ supportedValues: borderRadiusSupportedValues
129
+ },
130
+ borderWidth: true,
131
+ borderBlockWidth: true,
132
+ borderBlockEndWidth: true,
133
+ borderBlockStartWidth: true,
134
+ borderBottomWidth: true,
135
+ borderInlineWidth: true,
136
+ borderInlineEndWidth: true,
137
+ borderInlineStartWidth: true,
138
+ borderLeftWidth: true,
139
+ borderRightWidth: true,
140
+ borderTopWidth: true,
161
141
  // other props not in tokens based props
162
142
  borderTopStyle: {
163
143
  supportedValues: ['dotted', 'dashed', 'solid', 'none', 'hidden']