@atlaskit/primitives 0.10.0 → 0.11.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 (23) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/constellation/xcss/usage.mdx +1 -1
  3. package/dist/cjs/version.json +1 -1
  4. package/dist/cjs/xcss/style-maps.partial.js +191 -190
  5. package/dist/cjs/xcss/xcss.js +1 -1
  6. package/dist/es2019/version.json +1 -1
  7. package/dist/es2019/xcss/style-maps.partial.js +191 -190
  8. package/dist/es2019/xcss/xcss.js +1 -1
  9. package/dist/esm/version.json +1 -1
  10. package/dist/esm/xcss/style-maps.partial.js +191 -190
  11. package/dist/esm/xcss/xcss.js +1 -1
  12. package/dist/types/xcss/style-maps.partial.d.ts +190 -189
  13. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +190 -189
  14. package/package.json +2 -2
  15. package/report.api.md +178 -177
  16. package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap +280 -142
  17. package/scripts/border-codegen-template.tsx +3 -6
  18. package/scripts/codegen-file-templates/display.tsx +1 -0
  19. package/scripts/codegen-file-templates/flex-shrink.tsx +1 -1
  20. package/scripts/codegen-styles.tsx +5 -5
  21. package/scripts/color-codegen-template.tsx +2 -4
  22. package/tmp/api-report-tmp.d.ts +178 -177
  23. package/tsconfig.node.json +0 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 0.11.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`8bd6dc6027f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8bd6dc6027f) - Box backgroundColor prop now accepts full token names, abbreviated forms will no longer work. xCSS now accepts full token names, abbreviated forms will no longer work.
8
+
9
+ ## 0.10.1
10
+
11
+ ### Patch Changes
12
+
13
+ - [`b6302963111`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b6302963111) - Change border.radius.normal to be 3px instead of 4px.
14
+ `display: grid` is now accepted for `xcss`.
15
+
3
16
  ## 0.10.0
4
17
 
5
18
  ### Minor Changes
package/constellation/xcss/usage.mdx CHANGED
@@ -74,7 +74,7 @@ import { xcss } from '@atlaskit/primitives';
74
74
  const someStyles = xcss({
75
75
  padding: 'space.200', // <--- works
76
76
  color: 'space.200', // <--- invalid and will error
77
- borderRadius: 'radius.100' // <--- also valid
77
+ borderRadius: 'border.radius.100' // <--- also valid
78
78
  });
79
79
  ```
80
80
 
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.10.0",
3
+ "version": "0.11.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/cjs/xcss/style-maps.partial.js CHANGED
@@ -9,9 +9,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
9
9
  var _react = require("@emotion/react");
10
10
  /**
11
11
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
12
- * @codegen <<SignedSource::2c35cc3f884146ac8ccdf053bf413481>>
12
+ * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
13
13
  * @codegenId dimensions
14
- * @codegenCommand yarn codegen-styles
14
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
15
15
  * @codegenParams ["dimensions"]
16
16
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
17
17
  */
@@ -32,9 +32,9 @@ exports.dimensionMap = dimensionMap;
32
32
 
33
33
  /**
34
34
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
35
- * @codegen <<SignedSource::c32ec2103b151d3533775390e92f0f03>>
35
+ * @codegen <<SignedSource::de092b03d79b8477034921622fcddd53>>
36
36
  * @codegenId spacing
37
- * @codegenCommand yarn codegen-styles
37
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
38
38
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::86e173b0e020fe5d091fdf4bff023711>>
39
39
  */
40
40
  var spaceMap = {
@@ -60,129 +60,129 @@ exports.spaceMap = spaceMap;
60
60
 
61
61
  /**
62
62
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
63
- * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
63
+ * @codegen <<SignedSource::7d56840c81e052d4dc9e5ebb6a1a0053>>
64
64
  * @codegenId colors
65
- * @codegenCommand yarn codegen-styles
65
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
66
66
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
67
67
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
68
68
  */
69
69
  var borderColorMap = {
70
70
  'color.border': "var(--ds-border, #091e4221)",
71
- 'accent.red': "var(--ds-border-accent-red, #FF5630)",
72
- 'accent.orange': "var(--ds-border-accent-orange, #D94008)",
73
- 'accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)",
74
- 'accent.green': "var(--ds-border-accent-green, #36B37E)",
75
- 'accent.teal': "var(--ds-border-accent-teal, #00B8D9)",
76
- 'accent.blue': "var(--ds-border-accent-blue, #0065FF)",
77
- 'accent.purple': "var(--ds-border-accent-purple, #6554C0)",
78
- 'accent.magenta': "var(--ds-border-accent-magenta, #CD519D)",
79
- 'accent.gray': "var(--ds-border-accent-gray, #5E6C84)",
80
- disabled: "var(--ds-border-disabled, #FAFBFC)",
81
- focused: "var(--ds-border-focused, #4C9AFF)",
82
- input: "var(--ds-border-input, #FAFBFC)",
83
- inverse: "var(--ds-border-inverse, #FFFFFF)",
84
- selected: "var(--ds-border-selected, #0052CC)",
85
- brand: "var(--ds-border-brand, #0052CC)",
86
- danger: "var(--ds-border-danger, #FF5630)",
87
- warning: "var(--ds-border-warning, #FFC400)",
88
- success: "var(--ds-border-success, #00875A)",
89
- discovery: "var(--ds-border-discovery, #998DD9)",
90
- information: "var(--ds-border-information, #0065FF)",
91
- bold: "var(--ds-border-bold, #344563)"
71
+ 'color.border.accent.red': "var(--ds-border-accent-red, #FF5630)",
72
+ 'color.border.accent.orange': "var(--ds-border-accent-orange, #D94008)",
73
+ 'color.border.accent.yellow': "var(--ds-border-accent-yellow, #FFAB00)",
74
+ 'color.border.accent.green': "var(--ds-border-accent-green, #36B37E)",
75
+ 'color.border.accent.teal': "var(--ds-border-accent-teal, #00B8D9)",
76
+ 'color.border.accent.blue': "var(--ds-border-accent-blue, #0065FF)",
77
+ 'color.border.accent.purple': "var(--ds-border-accent-purple, #6554C0)",
78
+ 'color.border.accent.magenta': "var(--ds-border-accent-magenta, #CD519D)",
79
+ 'color.border.accent.gray': "var(--ds-border-accent-gray, #5E6C84)",
80
+ 'color.border.disabled': "var(--ds-border-disabled, #FAFBFC)",
81
+ 'color.border.focused': "var(--ds-border-focused, #4C9AFF)",
82
+ 'color.border.input': "var(--ds-border-input, #FAFBFC)",
83
+ 'color.border.inverse': "var(--ds-border-inverse, #FFFFFF)",
84
+ 'color.border.selected': "var(--ds-border-selected, #0052CC)",
85
+ 'color.border.brand': "var(--ds-border-brand, #0052CC)",
86
+ 'color.border.danger': "var(--ds-border-danger, #FF5630)",
87
+ 'color.border.warning': "var(--ds-border-warning, #FFC400)",
88
+ 'color.border.success': "var(--ds-border-success, #00875A)",
89
+ 'color.border.discovery': "var(--ds-border-discovery, #998DD9)",
90
+ 'color.border.information': "var(--ds-border-information, #0065FF)",
91
+ 'color.border.bold': "var(--ds-border-bold, #344563)"
92
92
  };
93
93
  exports.borderColorMap = borderColorMap;
94
94
  var backgroundColorMap = {
95
- 'accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)",
96
- 'accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)",
97
- 'accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)",
98
- 'accent.red.bolder': "var(--ds-background-accent-red-bolder, #DE350B)",
99
- 'accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest, #F18D13)",
100
- 'accent.orange.subtler': "var(--ds-background-accent-orange-subtler, #B65C02)",
101
- 'accent.orange.subtle': "var(--ds-background-accent-orange-subtle, #5F3811)",
102
- 'accent.orange.bolder': "var(--ds-background-accent-orange-bolder, #43290F)",
103
- 'accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest, #FFE380)",
104
- 'accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler, #FFC400)",
105
- 'accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle, #FF991F)",
106
- 'accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder, #FF991F)",
107
- 'accent.green.subtlest': "var(--ds-background-accent-green-subtlest, #79F2C0)",
108
- 'accent.green.subtler': "var(--ds-background-accent-green-subtler, #57D9A3)",
109
- 'accent.green.subtle': "var(--ds-background-accent-green-subtle, #00875A)",
110
- 'accent.green.bolder': "var(--ds-background-accent-green-bolder, #00875A)",
111
- 'accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest, #79E2F2)",
112
- 'accent.teal.subtler': "var(--ds-background-accent-teal-subtler, #00C7E6)",
113
- 'accent.teal.subtle': "var(--ds-background-accent-teal-subtle, #00A3BF)",
114
- 'accent.teal.bolder': "var(--ds-background-accent-teal-bolder, #00A3BF)",
115
- 'accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest, #4C9AFF)",
116
- 'accent.blue.subtler': "var(--ds-background-accent-blue-subtler, #2684FF)",
117
- 'accent.blue.subtle': "var(--ds-background-accent-blue-subtle, #0052CC)",
118
- 'accent.blue.bolder': "var(--ds-background-accent-blue-bolder, #0052CC)",
119
- 'accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest, #998DD9)",
120
- 'accent.purple.subtler': "var(--ds-background-accent-purple-subtler, #8777D9)",
121
- 'accent.purple.subtle': "var(--ds-background-accent-purple-subtle, #5243AA)",
122
- 'accent.purple.bolder': "var(--ds-background-accent-purple-bolder, #5243AA)",
123
- 'accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest, #E774BB)",
124
- 'accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler, #E774BB)",
125
- 'accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle, #E774BB)",
126
- 'accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder, #E774BB)",
127
- 'accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest, #6B778C)",
128
- 'accent.gray.subtler': "var(--ds-background-accent-gray-subtler, #5E6C84)",
129
- 'accent.gray.subtle': "var(--ds-background-accent-gray-subtle, #42526E)",
130
- 'accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #505F79)",
131
- disabled: "var(--ds-background-disabled, #091e4289)",
132
- input: "var(--ds-background-input, #FAFBFC)",
133
- 'input.hovered': "var(--ds-background-input-hovered, #EBECF0)",
134
- 'input.pressed': "var(--ds-background-input-pressed, #FFFFFF)",
135
- 'inverse.subtle': "var(--ds-background-inverse-subtle, #00000029)",
136
- 'inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered, #0000003D)",
137
- 'inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed, #00000052)",
138
- neutral: "var(--ds-background-neutral, #DFE1E6)",
139
- 'neutral.hovered': "var(--ds-background-neutral-hovered, #091e4214)",
140
- 'neutral.pressed': "var(--ds-background-neutral-pressed, #B3D4FF)",
141
- 'neutral.subtle': "var(--ds-background-neutral-subtle, transparent)",
142
- 'neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered, #091e4214)",
143
- 'neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed, #B3D4FF)",
144
- 'neutral.bold': "var(--ds-background-neutral-bold, #42526E)",
145
- 'neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered, #505F79)",
146
- 'neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed, #344563)",
147
- selected: "var(--ds-background-selected, #DEEBFF)",
148
- 'selected.hovered': "var(--ds-background-selected-hovered, #B3D4FF)",
149
- 'selected.pressed': "var(--ds-background-selected-pressed, #4C9AFF)",
150
- 'selected.bold': "var(--ds-background-selected-bold, #0052CC)",
151
- 'selected.bold.hovered': "var(--ds-background-selected-bold-hovered, #2684FF)",
152
- 'selected.bold.pressed': "var(--ds-background-selected-bold-pressed, #0052CC)",
153
- 'brand.bold': "var(--ds-background-brand-bold, #0052CC)",
154
- 'brand.bold.hovered': "var(--ds-background-brand-bold-hovered, #0065FF)",
155
- 'brand.bold.pressed': "var(--ds-background-brand-bold-pressed, #0747A6)",
156
- danger: "var(--ds-background-danger, #FFEBE6)",
157
- 'danger.hovered': "var(--ds-background-danger-hovered, #FFBDAD)",
158
- 'danger.pressed': "var(--ds-background-danger-pressed, #FF8F73)",
159
- 'danger.bold': "var(--ds-background-danger-bold, #DE350B)",
160
- 'danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #FF5630)",
161
- 'danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #BF2600)",
162
- warning: "var(--ds-background-warning, #FFFAE6)",
163
- 'warning.hovered': "var(--ds-background-warning-hovered, #FFF0B3)",
164
- 'warning.pressed': "var(--ds-background-warning-pressed, #FFE380)",
165
- 'warning.bold': "var(--ds-background-warning-bold, #FFAB00)",
166
- 'warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FFC400)",
167
- 'warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #FF991F)",
168
- success: "var(--ds-background-success, #E3FCEF)",
169
- 'success.hovered': "var(--ds-background-success-hovered, #ABF5D1)",
170
- 'success.pressed': "var(--ds-background-success-pressed, #79F2C0)",
171
- 'success.bold': "var(--ds-background-success-bold, #00875A)",
172
- 'success.bold.hovered': "var(--ds-background-success-bold-hovered, #57D9A3)",
173
- 'success.bold.pressed': "var(--ds-background-success-bold-pressed, #00875A)",
174
- discovery: "var(--ds-background-discovery, #EAE6FF)",
175
- 'discovery.hovered': "var(--ds-background-discovery-hovered, #C0B6F2)",
176
- 'discovery.pressed': "var(--ds-background-discovery-pressed, #998DD9)",
177
- 'discovery.bold': "var(--ds-background-discovery-bold, #5243AA)",
178
- 'discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #8777D9)",
179
- 'discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #5243AA)",
180
- information: "var(--ds-background-information, #DEEBFF)",
181
- 'information.hovered': "var(--ds-background-information-hovered, #B3D4FF)",
182
- 'information.pressed': "var(--ds-background-information-pressed, #4C9AFF)",
183
- 'information.bold': "var(--ds-background-information-bold, #0052CC)",
184
- 'information.bold.hovered': "var(--ds-background-information-bold-hovered, #2684FF)",
185
- 'information.bold.pressed': "var(--ds-background-information-bold-pressed, #0052CC)",
95
+ 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest, #FF8F73)",
96
+ 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler, #FF7452)",
97
+ 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle, #DE350B)",
98
+ 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder, #DE350B)",
99
+ 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest, #F18D13)",
100
+ 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler, #B65C02)",
101
+ 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle, #5F3811)",
102
+ 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder, #43290F)",
103
+ 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest, #FFE380)",
104
+ 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler, #FFC400)",
105
+ 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle, #FF991F)",
106
+ 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder, #FF991F)",
107
+ 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest, #79F2C0)",
108
+ 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler, #57D9A3)",
109
+ 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle, #00875A)",
110
+ 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder, #00875A)",
111
+ 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest, #79E2F2)",
112
+ 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler, #00C7E6)",
113
+ 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle, #00A3BF)",
114
+ 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder, #00A3BF)",
115
+ 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest, #4C9AFF)",
116
+ 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler, #2684FF)",
117
+ 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle, #0052CC)",
118
+ 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder, #0052CC)",
119
+ 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest, #998DD9)",
120
+ 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler, #8777D9)",
121
+ 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle, #5243AA)",
122
+ 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder, #5243AA)",
123
+ 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest, #E774BB)",
124
+ 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler, #E774BB)",
125
+ 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle, #E774BB)",
126
+ 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder, #E774BB)",
127
+ 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest, #6B778C)",
128
+ 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler, #5E6C84)",
129
+ 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle, #42526E)",
130
+ 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder, #505F79)",
131
+ 'color.background.disabled': "var(--ds-background-disabled, #091e4289)",
132
+ 'color.background.input': "var(--ds-background-input, #FAFBFC)",
133
+ 'color.background.input.hovered': "var(--ds-background-input-hovered, #EBECF0)",
134
+ 'color.background.input.pressed': "var(--ds-background-input-pressed, #FFFFFF)",
135
+ 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle, #00000029)",
136
+ 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered, #0000003D)",
137
+ 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed, #00000052)",
138
+ 'color.background.neutral': "var(--ds-background-neutral, #DFE1E6)",
139
+ 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered, #091e4214)",
140
+ 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed, #B3D4FF)",
141
+ 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle, transparent)",
142
+ 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered, #091e4214)",
143
+ 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed, #B3D4FF)",
144
+ 'color.background.neutral.bold': "var(--ds-background-neutral-bold, #42526E)",
145
+ 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered, #505F79)",
146
+ 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed, #344563)",
147
+ 'color.background.selected': "var(--ds-background-selected, #DEEBFF)",
148
+ 'color.background.selected.hovered': "var(--ds-background-selected-hovered, #B3D4FF)",
149
+ 'color.background.selected.pressed': "var(--ds-background-selected-pressed, #4C9AFF)",
150
+ 'color.background.selected.bold': "var(--ds-background-selected-bold, #0052CC)",
151
+ 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered, #2684FF)",
152
+ 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed, #0052CC)",
153
+ 'color.background.brand.bold': "var(--ds-background-brand-bold, #0052CC)",
154
+ 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered, #0065FF)",
155
+ 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed, #0747A6)",
156
+ 'color.background.danger': "var(--ds-background-danger, #FFEBE6)",
157
+ 'color.background.danger.hovered': "var(--ds-background-danger-hovered, #FFBDAD)",
158
+ 'color.background.danger.pressed': "var(--ds-background-danger-pressed, #FF8F73)",
159
+ 'color.background.danger.bold': "var(--ds-background-danger-bold, #DE350B)",
160
+ 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered, #FF5630)",
161
+ 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed, #BF2600)",
162
+ 'color.background.warning': "var(--ds-background-warning, #FFFAE6)",
163
+ 'color.background.warning.hovered': "var(--ds-background-warning-hovered, #FFF0B3)",
164
+ 'color.background.warning.pressed': "var(--ds-background-warning-pressed, #FFE380)",
165
+ 'color.background.warning.bold': "var(--ds-background-warning-bold, #FFAB00)",
166
+ 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered, #FFC400)",
167
+ 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed, #FF991F)",
168
+ 'color.background.success': "var(--ds-background-success, #E3FCEF)",
169
+ 'color.background.success.hovered': "var(--ds-background-success-hovered, #ABF5D1)",
170
+ 'color.background.success.pressed': "var(--ds-background-success-pressed, #79F2C0)",
171
+ 'color.background.success.bold': "var(--ds-background-success-bold, #00875A)",
172
+ 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered, #57D9A3)",
173
+ 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed, #00875A)",
174
+ 'color.background.discovery': "var(--ds-background-discovery, #EAE6FF)",
175
+ 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered, #C0B6F2)",
176
+ 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed, #998DD9)",
177
+ 'color.background.discovery.bold': "var(--ds-background-discovery-bold, #5243AA)",
178
+ 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered, #8777D9)",
179
+ 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed, #5243AA)",
180
+ 'color.background.information': "var(--ds-background-information, #DEEBFF)",
181
+ 'color.background.information.hovered': "var(--ds-background-information-hovered, #B3D4FF)",
182
+ 'color.background.information.pressed': "var(--ds-background-information-pressed, #4C9AFF)",
183
+ 'color.background.information.bold': "var(--ds-background-information-bold, #0052CC)",
184
+ 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered, #2684FF)",
185
+ 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed, #0052CC)",
186
186
  'color.blanket': "var(--ds-blanket, #091e4289)",
187
187
  'color.blanket.selected': "var(--ds-blanket-selected, #388BFF14)",
188
188
  'color.blanket.danger': "var(--ds-blanket-danger, #EF5C4814)",
@@ -199,69 +199,69 @@ var backgroundColorMap = {
199
199
  };
200
200
  exports.backgroundColorMap = backgroundColorMap;
201
201
  var shadowMap = {
202
- overflow: "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)",
203
- 'overflow.perimeter': "var(--ds-shadow-overflow-perimeter, #091e421f)",
204
- 'overflow.spread': "var(--ds-shadow-overflow-spread, #091e4229)",
205
- overlay: "var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f)",
206
- raised: "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)"
202
+ 'elevation.shadow.overflow': "var(--ds-shadow-overflow, 0px 0px 8px #091e423f, 0px 0px 1px #091e424f)",
203
+ 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter, #091e421f)",
204
+ 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread, #091e4229)",
205
+ 'elevation.shadow.overlay': "var(--ds-shadow-overlay, 0px 8px 12px #091e423f, 0px 0px 1px #091e424f)",
206
+ 'elevation.shadow.raised': "var(--ds-shadow-raised, 0px 1px 1px #091e423f, 0px 0px 1px #091e4221)"
207
207
  };
208
208
  exports.shadowMap = shadowMap;
209
209
  var textColorMap = {
210
210
  'color.text': "var(--ds-text, #172B4D)",
211
- 'accent.red': "var(--ds-text-accent-red, #DE350B)",
212
- 'accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)",
213
- 'accent.orange': "var(--ds-text-accent-orange, #F18D13)",
214
- 'accent.orange.bolder': "var(--ds-text-accent-orange-bolder, #B65C02)",
215
- 'accent.yellow': "var(--ds-text-accent-yellow, #FF991F)",
216
- 'accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder, #FF8B00)",
217
- 'accent.green': "var(--ds-text-accent-green, #00875A)",
218
- 'accent.green.bolder': "var(--ds-text-accent-green-bolder, #006644)",
219
- 'accent.teal': "var(--ds-text-accent-teal, #00A3BF)",
220
- 'accent.teal.bolder': "var(--ds-text-accent-teal-bolder, #008DA6)",
221
- 'accent.blue': "var(--ds-text-accent-blue, #0052CC)",
222
- 'accent.blue.bolder': "var(--ds-text-accent-blue-bolder, #0747A6)",
223
- 'accent.purple': "var(--ds-text-accent-purple, #5243AA)",
224
- 'accent.purple.bolder': "var(--ds-text-accent-purple-bolder, #403294)",
225
- 'accent.magenta': "var(--ds-text-accent-magenta, #E774BB)",
226
- 'accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder, #DA62AC)",
227
- 'accent.gray': "var(--ds-text-accent-gray, #505F79)",
228
- 'accent.gray.bolder': "var(--ds-text-accent-gray-bolder, #172B4D)",
229
- disabled: "var(--ds-text-disabled, #A5ADBA)",
230
- inverse: "var(--ds-text-inverse, #FFFFFF)",
231
- selected: "var(--ds-text-selected, #0052CC)",
232
- brand: "var(--ds-text-brand, #0065FF)",
233
- danger: "var(--ds-text-danger, #DE350B)",
234
- warning: "var(--ds-text-warning, #974F0C)",
235
- 'warning.inverse': "var(--ds-text-warning-inverse, #172B4D)",
236
- success: "var(--ds-text-success, #006644)",
237
- discovery: "var(--ds-text-discovery, #403294)",
238
- information: "var(--ds-text-information, #0052CC)",
239
- subtlest: "var(--ds-text-subtlest, #7A869A)",
240
- subtle: "var(--ds-text-subtle, #42526E)"
211
+ 'color.text.accent.red': "var(--ds-text-accent-red, #DE350B)",
212
+ 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder, #BF2600)",
213
+ 'color.text.accent.orange': "var(--ds-text-accent-orange, #F18D13)",
214
+ 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder, #B65C02)",
215
+ 'color.text.accent.yellow': "var(--ds-text-accent-yellow, #FF991F)",
216
+ 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder, #FF8B00)",
217
+ 'color.text.accent.green': "var(--ds-text-accent-green, #00875A)",
218
+ 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder, #006644)",
219
+ 'color.text.accent.teal': "var(--ds-text-accent-teal, #00A3BF)",
220
+ 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder, #008DA6)",
221
+ 'color.text.accent.blue': "var(--ds-text-accent-blue, #0052CC)",
222
+ 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder, #0747A6)",
223
+ 'color.text.accent.purple': "var(--ds-text-accent-purple, #5243AA)",
224
+ 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder, #403294)",
225
+ 'color.text.accent.magenta': "var(--ds-text-accent-magenta, #E774BB)",
226
+ 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder, #DA62AC)",
227
+ 'color.text.accent.gray': "var(--ds-text-accent-gray, #505F79)",
228
+ 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder, #172B4D)",
229
+ 'color.text.disabled': "var(--ds-text-disabled, #A5ADBA)",
230
+ 'color.text.inverse': "var(--ds-text-inverse, #FFFFFF)",
231
+ 'color.text.selected': "var(--ds-text-selected, #0052CC)",
232
+ 'color.text.brand': "var(--ds-text-brand, #0065FF)",
233
+ 'color.text.danger': "var(--ds-text-danger, #DE350B)",
234
+ 'color.text.warning': "var(--ds-text-warning, #974F0C)",
235
+ 'color.text.warning.inverse': "var(--ds-text-warning-inverse, #172B4D)",
236
+ 'color.text.success': "var(--ds-text-success, #006644)",
237
+ 'color.text.discovery': "var(--ds-text-discovery, #403294)",
238
+ 'color.text.information': "var(--ds-text-information, #0052CC)",
239
+ 'color.text.subtlest': "var(--ds-text-subtlest, #7A869A)",
240
+ 'color.text.subtle': "var(--ds-text-subtle, #42526E)"
241
241
  };
242
242
  exports.textColorMap = textColorMap;
243
243
  var fillMap = {
244
244
  'color.icon': "var(--ds-icon, #505F79)",
245
- 'accent.red': "var(--ds-icon-accent-red, #FF5630)",
246
- 'accent.orange': "var(--ds-icon-accent-orange, #D94008)",
247
- 'accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)",
248
- 'accent.green': "var(--ds-icon-accent-green, #36B37E)",
249
- 'accent.teal': "var(--ds-icon-accent-teal, #00B8D9)",
250
- 'accent.blue': "var(--ds-icon-accent-blue, #0065FF)",
251
- 'accent.purple': "var(--ds-icon-accent-purple, #6554C0)",
252
- 'accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)",
253
- 'accent.gray': "var(--ds-icon-accent-gray, #5E6C84)",
254
- disabled: "var(--ds-icon-disabled, #8993A4)",
255
- inverse: "var(--ds-icon-inverse, #FFFFFF)",
256
- selected: "var(--ds-icon-selected, #0052CC)",
257
- brand: "var(--ds-icon-brand, #0065FF)",
258
- danger: "var(--ds-icon-danger, #DE350B)",
259
- warning: "var(--ds-icon-warning, #FFC400)",
260
- 'warning.inverse': "var(--ds-icon-warning-inverse, #253858)",
261
- success: "var(--ds-icon-success, #00875A)",
262
- discovery: "var(--ds-icon-discovery, #8777D9)",
263
- information: "var(--ds-icon-information, #0747A6)",
264
- subtle: "var(--ds-icon-subtle, #6B778C)"
245
+ 'color.icon.accent.red': "var(--ds-icon-accent-red, #FF5630)",
246
+ 'color.icon.accent.orange': "var(--ds-icon-accent-orange, #D94008)",
247
+ 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow, #FFAB00)",
248
+ 'color.icon.accent.green': "var(--ds-icon-accent-green, #36B37E)",
249
+ 'color.icon.accent.teal': "var(--ds-icon-accent-teal, #00B8D9)",
250
+ 'color.icon.accent.blue': "var(--ds-icon-accent-blue, #0065FF)",
251
+ 'color.icon.accent.purple': "var(--ds-icon-accent-purple, #6554C0)",
252
+ 'color.icon.accent.magenta': "var(--ds-icon-accent-magenta, #CD519D)",
253
+ 'color.icon.accent.gray': "var(--ds-icon-accent-gray, #5E6C84)",
254
+ 'color.icon.disabled': "var(--ds-icon-disabled, #8993A4)",
255
+ 'color.icon.inverse': "var(--ds-icon-inverse, #FFFFFF)",
256
+ 'color.icon.selected': "var(--ds-icon-selected, #0052CC)",
257
+ 'color.icon.brand': "var(--ds-icon-brand, #0065FF)",
258
+ 'color.icon.danger': "var(--ds-icon-danger, #DE350B)",
259
+ 'color.icon.warning': "var(--ds-icon-warning, #FFC400)",
260
+ 'color.icon.warning.inverse': "var(--ds-icon-warning-inverse, #253858)",
261
+ 'color.icon.success': "var(--ds-icon-success, #00875A)",
262
+ 'color.icon.discovery': "var(--ds-icon-discovery, #8777D9)",
263
+ 'color.icon.information': "var(--ds-icon-information, #0747A6)",
264
+ 'color.icon.subtle': "var(--ds-icon-subtle, #6B778C)"
265
265
  };
266
266
  exports.fillMap = fillMap;
267
267
  /**
@@ -270,17 +270,17 @@ exports.fillMap = fillMap;
270
270
 
271
271
  /**
272
272
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
273
- * @codegen <<SignedSource::e63fc5ff12523b2d49dc72925e1648e6>>
273
+ * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
274
274
  * @codegenId misc
275
- * @codegenCommand yarn codegen-styles
275
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
276
276
  * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
277
277
  * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
278
278
  * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
279
279
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
280
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>>
280
+ * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
281
281
  * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
282
282
  * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
283
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::bf6626972898bf22d2eeee2130693d47>>
283
+ * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
284
284
  * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
285
285
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
286
286
  * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
@@ -304,7 +304,8 @@ var displayMap = {
304
304
  block: 'block',
305
305
  inline: 'inline',
306
306
  inlineBlock: 'inline-block',
307
- inlineFlex: 'inline-flex'
307
+ inlineFlex: 'inline-flex',
308
+ grid: 'grid'
308
309
  };
309
310
  exports.displayMap = displayMap;
310
311
  var flexDirectionMap = {
@@ -318,7 +319,7 @@ var flexGrowMap = {
318
319
  };
319
320
  exports.flexGrowMap = flexGrowMap;
320
321
  var flexShrinkMap = {
321
- '0': 0,
322
+ '0': '0',
322
323
  '1': 1
323
324
  };
324
325
  exports.flexShrinkMap = flexShrinkMap;
@@ -366,25 +367,25 @@ exports.positionMap = positionMap;
366
367
 
367
368
  /**
368
369
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
369
- * @codegen <<SignedSource::80ae367205568f9ca76d35f0cbc9d127>>
370
+ * @codegen <<SignedSource::290c3673c7e8302a6517c5004ca82979>>
370
371
  * @codegenId border
371
- * @codegenCommand yarn codegen-styles
372
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
372
373
  * @codegenParams ["width", "radius"]
373
374
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::81055547b21306c07a3e8a3c734a2f1c>>
374
375
  */
375
376
  var borderWidthMap = {
376
- 'width.0': "var(--ds-width-0, 0px)",
377
- 'width.050': "var(--ds-width-050, 1px)",
378
- 'width.100': "var(--ds-width-100, 2px)"
377
+ 'border.width.0': "var(--ds-width-0, 0px)",
378
+ 'border.width.050': "var(--ds-width-050, 1px)",
379
+ 'border.width.100': "var(--ds-width-100, 2px)"
379
380
  };
380
381
  exports.borderWidthMap = borderWidthMap;
381
382
  var borderRadiusMap = {
382
- 'radius.050': "var(--ds-radius-050, 2px)",
383
- 'radius.100': "var(--ds-radius-100, 4px)",
384
- 'radius.200': "var(--ds-radius-200, 8px)",
385
- 'radius.300': "var(--ds-radius-300, 12px)",
386
- 'radius.400': "var(--ds-radius-400, 16px)",
387
- 'radius.round': "var(--ds-radius-round, 50%)"
383
+ 'border.radius.050': "var(--ds-radius-050, 2px)",
384
+ 'border.radius.100': "var(--ds-radius-100, 3px)",
385
+ 'border.radius.200': "var(--ds-radius-200, 8px)",
386
+ 'border.radius.300': "var(--ds-radius-300, 12px)",
387
+ 'border.radius.400': "var(--ds-radius-400, 16px)",
388
+ 'border.radius.round': "var(--ds-radius-round, 50%)"
388
389
  };
389
390
 
390
391
  /**
package/dist/cjs/xcss/xcss.js CHANGED
@@ -129,7 +129,7 @@ var transformStyles = function transformStyles(styleObj) {
129
129
  }
130
130
  var tokenValue = tokensMap[key][value];
131
131
  if (!tokenValue) {
132
- var message = "Invalid token alias: ".concat(value);
132
+ var message = "Invalid token alias: ".concat(key, ": ").concat(value);
133
133
  (0, _warnOnce.default)(message);
134
134
  }
135
135
  styleObj[key] = tokenValue !== null && tokenValue !== void 0 ? tokenValue : value;
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.10.0",
3
+ "version": "0.11.0",
4
4
  "sideEffects": false
5
5
  }