@atlaskit/primitives 0.10.1 → 0.12.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 (21) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/constellation/xcss/usage.mdx +1 -1
  3. package/dist/cjs/components/inline.js +5 -1
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/cjs/xcss/style-maps.partial.js +178 -178
  6. package/dist/es2019/components/inline.js +4 -1
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/es2019/xcss/style-maps.partial.js +178 -178
  9. package/dist/esm/components/inline.js +5 -1
  10. package/dist/esm/version.json +1 -1
  11. package/dist/esm/xcss/style-maps.partial.js +178 -178
  12. package/dist/types/components/inline.d.ts +1 -1
  13. package/dist/types/xcss/style-maps.partial.d.ts +178 -178
  14. package/dist/types-ts4.5/components/inline.d.ts +1 -1
  15. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +178 -178
  16. package/package.json +2 -2
  17. package/report.api.md +177 -177
  18. package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap +280 -142
  19. package/scripts/border-codegen-template.tsx +2 -5
  20. package/scripts/color-codegen-template.tsx +2 -4
  21. package/tmp/api-report-tmp.d.ts +177 -177
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/primitives
2
2
 
3
+ ## 0.12.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`407853b7b26`](https://bitbucket.org/atlassian/atlassian-frontend/commits/407853b7b26) - Inline now has a new default value for the `alignBlock` prop: `start` - the previous default, `stretch`, is now an option that can be set explicitly as well.
8
+
9
+ ## 0.11.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`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.
14
+
3
15
  ## 0.10.1
4
16
 
5
17
  ### Patch 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/components/inline.js CHANGED
@@ -22,6 +22,9 @@ var alignItemsMap = {
22
22
  }),
23
23
  end: (0, _react2.css)({
24
24
  alignItems: 'flex-end'
25
+ }),
26
+ stretch: (0, _react2.css)({
27
+ alignItems: 'stretch'
25
28
  })
26
29
  };
27
30
  var justifyContentMap = {
@@ -87,7 +90,8 @@ var Separator = function Separator(_ref) {
87
90
  var Inline = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
88
91
  var as = _ref2.as,
89
92
  alignInline = _ref2.alignInline,
90
- alignItems = _ref2.alignBlock,
93
+ _ref2$alignBlock = _ref2.alignBlock,
94
+ alignItems = _ref2$alignBlock === void 0 ? 'start' : _ref2$alignBlock,
91
95
  _ref2$shouldWrap = _ref2.shouldWrap,
92
96
  shouldWrap = _ref2$shouldWrap === void 0 ? false : _ref2$shouldWrap,
93
97
  spread = _ref2.spread,
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.10.1",
3
+ "version": "0.12.0",
4
4
  "sideEffects": false
5
5
  }
package/dist/cjs/xcss/style-maps.partial.js CHANGED
@@ -60,7 +60,7 @@ 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::98eba397b6a9706307e40f32a49200fd>>
63
+ * @codegen <<SignedSource::7d56840c81e052d4dc9e5ebb6a1a0053>>
64
64
  * @codegenId colors
65
65
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
66
66
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
@@ -68,121 +68,121 @@ exports.spaceMap = spaceMap;
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
  /**
@@ -367,25 +367,25 @@ exports.positionMap = positionMap;
367
367
 
368
368
  /**
369
369
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
370
- * @codegen <<SignedSource::f923934816cc73cf3f82820a93df5377>>
370
+ * @codegen <<SignedSource::290c3673c7e8302a6517c5004ca82979>>
371
371
  * @codegenId border
372
372
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
373
373
  * @codegenParams ["width", "radius"]
374
374
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::81055547b21306c07a3e8a3c734a2f1c>>
375
375
  */
376
376
  var borderWidthMap = {
377
- 'width.0': "var(--ds-width-0, 0px)",
378
- 'width.050': "var(--ds-width-050, 1px)",
379
- '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)"
380
380
  };
381
381
  exports.borderWidthMap = borderWidthMap;
382
382
  var borderRadiusMap = {
383
- 'radius.050': "var(--ds-radius-050, 2px)",
384
- 'radius.100': "var(--ds-radius-100, 3px)",
385
- 'radius.200': "var(--ds-radius-200, 8px)",
386
- 'radius.300': "var(--ds-radius-300, 12px)",
387
- 'radius.400': "var(--ds-radius-400, 16px)",
388
- '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%)"
389
389
  };
390
390
 
391
391
  /**
package/dist/es2019/components/inline.js CHANGED
@@ -15,6 +15,9 @@ const alignItemsMap = {
15
15
  }),
16
16
  end: css({
17
17
  alignItems: 'flex-end'
18
+ }),
19
+ stretch: css({
20
+ alignItems: 'stretch'
18
21
  })
19
22
  };
20
23
  const justifyContentMap = {
@@ -79,7 +82,7 @@ const Separator = ({
79
82
  const Inline = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
80
83
  as,
81
84
  alignInline,
82
- alignBlock: alignItems,
85
+ alignBlock: alignItems = 'start',
83
86
  shouldWrap = false,
84
87
  spread,
85
88
  grow,
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.10.1",
3
+ "version": "0.12.0",
4
4
  "sideEffects": false
5
5
  }