@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/dist/types-ts4.5/xcss/style-maps.partial.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { SerializedStyles } from '@emotion/react';
2
2
  /**
3
3
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
4
- * @codegen <<SignedSource::2c35cc3f884146ac8ccdf053bf413481>>
4
+ * @codegen <<SignedSource::b6657585e3df6f8017d4c35bb9150e3f>>
5
5
  * @codegenId dimensions
6
- * @codegenCommand yarn codegen-styles
6
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
7
7
  * @codegenParams ["dimensions"]
8
8
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
9
9
  */
@@ -39,9 +39,9 @@ export type MinInlineSize = Dimension;
39
39
  */
40
40
  /**
41
41
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
42
- * @codegen <<SignedSource::c32ec2103b151d3533775390e92f0f03>>
42
+ * @codegen <<SignedSource::de092b03d79b8477034921622fcddd53>>
43
43
  * @codegenId spacing
44
- * @codegenCommand yarn codegen-styles
44
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
45
45
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::86e173b0e020fe5d091fdf4bff023711>>
46
46
  */
47
47
  export declare const spaceMap: {
@@ -66,129 +66,129 @@ export type Space = keyof typeof spaceMap;
66
66
  */
67
67
  /**
68
68
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
69
- * @codegen <<SignedSource::aa1cfa3cd24f141a85ac1e0b70dbd8a8>>
69
+ * @codegen <<SignedSource::7d56840c81e052d4dc9e5ebb6a1a0053>>
70
70
  * @codegenId colors
71
- * @codegenCommand yarn codegen-styles
71
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
72
72
  * @codegenParams ["border", "background", "shadow", "text", "fill"]
73
73
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
74
74
  */
75
75
  export declare const borderColorMap: {
76
76
  readonly 'color.border': "var(--ds-border)";
77
- readonly 'accent.red': "var(--ds-border-accent-red)";
78
- readonly 'accent.orange': "var(--ds-border-accent-orange)";
79
- readonly 'accent.yellow': "var(--ds-border-accent-yellow)";
80
- readonly 'accent.green': "var(--ds-border-accent-green)";
81
- readonly 'accent.teal': "var(--ds-border-accent-teal)";
82
- readonly 'accent.blue': "var(--ds-border-accent-blue)";
83
- readonly 'accent.purple': "var(--ds-border-accent-purple)";
84
- readonly 'accent.magenta': "var(--ds-border-accent-magenta)";
85
- readonly 'accent.gray': "var(--ds-border-accent-gray)";
86
- readonly disabled: "var(--ds-border-disabled)";
87
- readonly focused: "var(--ds-border-focused)";
88
- readonly input: "var(--ds-border-input)";
89
- readonly inverse: "var(--ds-border-inverse)";
90
- readonly selected: "var(--ds-border-selected)";
91
- readonly brand: "var(--ds-border-brand)";
92
- readonly danger: "var(--ds-border-danger)";
93
- readonly warning: "var(--ds-border-warning)";
94
- readonly success: "var(--ds-border-success)";
95
- readonly discovery: "var(--ds-border-discovery)";
96
- readonly information: "var(--ds-border-information)";
97
- readonly bold: "var(--ds-border-bold)";
77
+ readonly 'color.border.accent.red': "var(--ds-border-accent-red)";
78
+ readonly 'color.border.accent.orange': "var(--ds-border-accent-orange)";
79
+ readonly 'color.border.accent.yellow': "var(--ds-border-accent-yellow)";
80
+ readonly 'color.border.accent.green': "var(--ds-border-accent-green)";
81
+ readonly 'color.border.accent.teal': "var(--ds-border-accent-teal)";
82
+ readonly 'color.border.accent.blue': "var(--ds-border-accent-blue)";
83
+ readonly 'color.border.accent.purple': "var(--ds-border-accent-purple)";
84
+ readonly 'color.border.accent.magenta': "var(--ds-border-accent-magenta)";
85
+ readonly 'color.border.accent.gray': "var(--ds-border-accent-gray)";
86
+ readonly 'color.border.disabled': "var(--ds-border-disabled)";
87
+ readonly 'color.border.focused': "var(--ds-border-focused)";
88
+ readonly 'color.border.input': "var(--ds-border-input)";
89
+ readonly 'color.border.inverse': "var(--ds-border-inverse)";
90
+ readonly 'color.border.selected': "var(--ds-border-selected)";
91
+ readonly 'color.border.brand': "var(--ds-border-brand)";
92
+ readonly 'color.border.danger': "var(--ds-border-danger)";
93
+ readonly 'color.border.warning': "var(--ds-border-warning)";
94
+ readonly 'color.border.success': "var(--ds-border-success)";
95
+ readonly 'color.border.discovery': "var(--ds-border-discovery)";
96
+ readonly 'color.border.information': "var(--ds-border-information)";
97
+ readonly 'color.border.bold': "var(--ds-border-bold)";
98
98
  };
99
99
  export type BorderColor = keyof typeof borderColorMap;
100
100
  export declare const backgroundColorMap: {
101
- readonly 'accent.red.subtlest': "var(--ds-background-accent-red-subtlest)";
102
- readonly 'accent.red.subtler': "var(--ds-background-accent-red-subtler)";
103
- readonly 'accent.red.subtle': "var(--ds-background-accent-red-subtle)";
104
- readonly 'accent.red.bolder': "var(--ds-background-accent-red-bolder)";
105
- readonly 'accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)";
106
- readonly 'accent.orange.subtler': "var(--ds-background-accent-orange-subtler)";
107
- readonly 'accent.orange.subtle': "var(--ds-background-accent-orange-subtle)";
108
- readonly 'accent.orange.bolder': "var(--ds-background-accent-orange-bolder)";
109
- readonly 'accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)";
110
- readonly 'accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)";
111
- readonly 'accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)";
112
- readonly 'accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)";
113
- readonly 'accent.green.subtlest': "var(--ds-background-accent-green-subtlest)";
114
- readonly 'accent.green.subtler': "var(--ds-background-accent-green-subtler)";
115
- readonly 'accent.green.subtle': "var(--ds-background-accent-green-subtle)";
116
- readonly 'accent.green.bolder': "var(--ds-background-accent-green-bolder)";
117
- readonly 'accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)";
118
- readonly 'accent.teal.subtler': "var(--ds-background-accent-teal-subtler)";
119
- readonly 'accent.teal.subtle': "var(--ds-background-accent-teal-subtle)";
120
- readonly 'accent.teal.bolder': "var(--ds-background-accent-teal-bolder)";
121
- readonly 'accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)";
122
- readonly 'accent.blue.subtler': "var(--ds-background-accent-blue-subtler)";
123
- readonly 'accent.blue.subtle': "var(--ds-background-accent-blue-subtle)";
124
- readonly 'accent.blue.bolder': "var(--ds-background-accent-blue-bolder)";
125
- readonly 'accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)";
126
- readonly 'accent.purple.subtler': "var(--ds-background-accent-purple-subtler)";
127
- readonly 'accent.purple.subtle': "var(--ds-background-accent-purple-subtle)";
128
- readonly 'accent.purple.bolder': "var(--ds-background-accent-purple-bolder)";
129
- readonly 'accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)";
130
- readonly 'accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)";
131
- readonly 'accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)";
132
- readonly 'accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)";
133
- readonly 'accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)";
134
- readonly 'accent.gray.subtler': "var(--ds-background-accent-gray-subtler)";
135
- readonly 'accent.gray.subtle': "var(--ds-background-accent-gray-subtle)";
136
- readonly 'accent.gray.bolder': "var(--ds-background-accent-gray-bolder)";
137
- readonly disabled: "var(--ds-background-disabled)";
138
- readonly input: "var(--ds-background-input)";
139
- readonly 'input.hovered': "var(--ds-background-input-hovered)";
140
- readonly 'input.pressed': "var(--ds-background-input-pressed)";
141
- readonly 'inverse.subtle': "var(--ds-background-inverse-subtle)";
142
- readonly 'inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)";
143
- readonly 'inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)";
144
- readonly neutral: "var(--ds-background-neutral)";
145
- readonly 'neutral.hovered': "var(--ds-background-neutral-hovered)";
146
- readonly 'neutral.pressed': "var(--ds-background-neutral-pressed)";
147
- readonly 'neutral.subtle': "var(--ds-background-neutral-subtle)";
148
- readonly 'neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)";
149
- readonly 'neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)";
150
- readonly 'neutral.bold': "var(--ds-background-neutral-bold)";
151
- readonly 'neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)";
152
- readonly 'neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)";
153
- readonly selected: "var(--ds-background-selected)";
154
- readonly 'selected.hovered': "var(--ds-background-selected-hovered)";
155
- readonly 'selected.pressed': "var(--ds-background-selected-pressed)";
156
- readonly 'selected.bold': "var(--ds-background-selected-bold)";
157
- readonly 'selected.bold.hovered': "var(--ds-background-selected-bold-hovered)";
158
- readonly 'selected.bold.pressed': "var(--ds-background-selected-bold-pressed)";
159
- readonly 'brand.bold': "var(--ds-background-brand-bold)";
160
- readonly 'brand.bold.hovered': "var(--ds-background-brand-bold-hovered)";
161
- readonly 'brand.bold.pressed': "var(--ds-background-brand-bold-pressed)";
162
- readonly danger: "var(--ds-background-danger)";
163
- readonly 'danger.hovered': "var(--ds-background-danger-hovered)";
164
- readonly 'danger.pressed': "var(--ds-background-danger-pressed)";
165
- readonly 'danger.bold': "var(--ds-background-danger-bold)";
166
- readonly 'danger.bold.hovered': "var(--ds-background-danger-bold-hovered)";
167
- readonly 'danger.bold.pressed': "var(--ds-background-danger-bold-pressed)";
168
- readonly warning: "var(--ds-background-warning)";
169
- readonly 'warning.hovered': "var(--ds-background-warning-hovered)";
170
- readonly 'warning.pressed': "var(--ds-background-warning-pressed)";
171
- readonly 'warning.bold': "var(--ds-background-warning-bold)";
172
- readonly 'warning.bold.hovered': "var(--ds-background-warning-bold-hovered)";
173
- readonly 'warning.bold.pressed': "var(--ds-background-warning-bold-pressed)";
174
- readonly success: "var(--ds-background-success)";
175
- readonly 'success.hovered': "var(--ds-background-success-hovered)";
176
- readonly 'success.pressed': "var(--ds-background-success-pressed)";
177
- readonly 'success.bold': "var(--ds-background-success-bold)";
178
- readonly 'success.bold.hovered': "var(--ds-background-success-bold-hovered)";
179
- readonly 'success.bold.pressed': "var(--ds-background-success-bold-pressed)";
180
- readonly discovery: "var(--ds-background-discovery)";
181
- readonly 'discovery.hovered': "var(--ds-background-discovery-hovered)";
182
- readonly 'discovery.pressed': "var(--ds-background-discovery-pressed)";
183
- readonly 'discovery.bold': "var(--ds-background-discovery-bold)";
184
- readonly 'discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)";
185
- readonly 'discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)";
186
- readonly information: "var(--ds-background-information)";
187
- readonly 'information.hovered': "var(--ds-background-information-hovered)";
188
- readonly 'information.pressed': "var(--ds-background-information-pressed)";
189
- readonly 'information.bold': "var(--ds-background-information-bold)";
190
- readonly 'information.bold.hovered': "var(--ds-background-information-bold-hovered)";
191
- readonly 'information.bold.pressed': "var(--ds-background-information-bold-pressed)";
101
+ readonly 'color.background.accent.red.subtlest': "var(--ds-background-accent-red-subtlest)";
102
+ readonly 'color.background.accent.red.subtler': "var(--ds-background-accent-red-subtler)";
103
+ readonly 'color.background.accent.red.subtle': "var(--ds-background-accent-red-subtle)";
104
+ readonly 'color.background.accent.red.bolder': "var(--ds-background-accent-red-bolder)";
105
+ readonly 'color.background.accent.orange.subtlest': "var(--ds-background-accent-orange-subtlest)";
106
+ readonly 'color.background.accent.orange.subtler': "var(--ds-background-accent-orange-subtler)";
107
+ readonly 'color.background.accent.orange.subtle': "var(--ds-background-accent-orange-subtle)";
108
+ readonly 'color.background.accent.orange.bolder': "var(--ds-background-accent-orange-bolder)";
109
+ readonly 'color.background.accent.yellow.subtlest': "var(--ds-background-accent-yellow-subtlest)";
110
+ readonly 'color.background.accent.yellow.subtler': "var(--ds-background-accent-yellow-subtler)";
111
+ readonly 'color.background.accent.yellow.subtle': "var(--ds-background-accent-yellow-subtle)";
112
+ readonly 'color.background.accent.yellow.bolder': "var(--ds-background-accent-yellow-bolder)";
113
+ readonly 'color.background.accent.green.subtlest': "var(--ds-background-accent-green-subtlest)";
114
+ readonly 'color.background.accent.green.subtler': "var(--ds-background-accent-green-subtler)";
115
+ readonly 'color.background.accent.green.subtle': "var(--ds-background-accent-green-subtle)";
116
+ readonly 'color.background.accent.green.bolder': "var(--ds-background-accent-green-bolder)";
117
+ readonly 'color.background.accent.teal.subtlest': "var(--ds-background-accent-teal-subtlest)";
118
+ readonly 'color.background.accent.teal.subtler': "var(--ds-background-accent-teal-subtler)";
119
+ readonly 'color.background.accent.teal.subtle': "var(--ds-background-accent-teal-subtle)";
120
+ readonly 'color.background.accent.teal.bolder': "var(--ds-background-accent-teal-bolder)";
121
+ readonly 'color.background.accent.blue.subtlest': "var(--ds-background-accent-blue-subtlest)";
122
+ readonly 'color.background.accent.blue.subtler': "var(--ds-background-accent-blue-subtler)";
123
+ readonly 'color.background.accent.blue.subtle': "var(--ds-background-accent-blue-subtle)";
124
+ readonly 'color.background.accent.blue.bolder': "var(--ds-background-accent-blue-bolder)";
125
+ readonly 'color.background.accent.purple.subtlest': "var(--ds-background-accent-purple-subtlest)";
126
+ readonly 'color.background.accent.purple.subtler': "var(--ds-background-accent-purple-subtler)";
127
+ readonly 'color.background.accent.purple.subtle': "var(--ds-background-accent-purple-subtle)";
128
+ readonly 'color.background.accent.purple.bolder': "var(--ds-background-accent-purple-bolder)";
129
+ readonly 'color.background.accent.magenta.subtlest': "var(--ds-background-accent-magenta-subtlest)";
130
+ readonly 'color.background.accent.magenta.subtler': "var(--ds-background-accent-magenta-subtler)";
131
+ readonly 'color.background.accent.magenta.subtle': "var(--ds-background-accent-magenta-subtle)";
132
+ readonly 'color.background.accent.magenta.bolder': "var(--ds-background-accent-magenta-bolder)";
133
+ readonly 'color.background.accent.gray.subtlest': "var(--ds-background-accent-gray-subtlest)";
134
+ readonly 'color.background.accent.gray.subtler': "var(--ds-background-accent-gray-subtler)";
135
+ readonly 'color.background.accent.gray.subtle': "var(--ds-background-accent-gray-subtle)";
136
+ readonly 'color.background.accent.gray.bolder': "var(--ds-background-accent-gray-bolder)";
137
+ readonly 'color.background.disabled': "var(--ds-background-disabled)";
138
+ readonly 'color.background.input': "var(--ds-background-input)";
139
+ readonly 'color.background.input.hovered': "var(--ds-background-input-hovered)";
140
+ readonly 'color.background.input.pressed': "var(--ds-background-input-pressed)";
141
+ readonly 'color.background.inverse.subtle': "var(--ds-background-inverse-subtle)";
142
+ readonly 'color.background.inverse.subtle.hovered': "var(--ds-background-inverse-subtle-hovered)";
143
+ readonly 'color.background.inverse.subtle.pressed': "var(--ds-background-inverse-subtle-pressed)";
144
+ readonly 'color.background.neutral': "var(--ds-background-neutral)";
145
+ readonly 'color.background.neutral.hovered': "var(--ds-background-neutral-hovered)";
146
+ readonly 'color.background.neutral.pressed': "var(--ds-background-neutral-pressed)";
147
+ readonly 'color.background.neutral.subtle': "var(--ds-background-neutral-subtle)";
148
+ readonly 'color.background.neutral.subtle.hovered': "var(--ds-background-neutral-subtle-hovered)";
149
+ readonly 'color.background.neutral.subtle.pressed': "var(--ds-background-neutral-subtle-pressed)";
150
+ readonly 'color.background.neutral.bold': "var(--ds-background-neutral-bold)";
151
+ readonly 'color.background.neutral.bold.hovered': "var(--ds-background-neutral-bold-hovered)";
152
+ readonly 'color.background.neutral.bold.pressed': "var(--ds-background-neutral-bold-pressed)";
153
+ readonly 'color.background.selected': "var(--ds-background-selected)";
154
+ readonly 'color.background.selected.hovered': "var(--ds-background-selected-hovered)";
155
+ readonly 'color.background.selected.pressed': "var(--ds-background-selected-pressed)";
156
+ readonly 'color.background.selected.bold': "var(--ds-background-selected-bold)";
157
+ readonly 'color.background.selected.bold.hovered': "var(--ds-background-selected-bold-hovered)";
158
+ readonly 'color.background.selected.bold.pressed': "var(--ds-background-selected-bold-pressed)";
159
+ readonly 'color.background.brand.bold': "var(--ds-background-brand-bold)";
160
+ readonly 'color.background.brand.bold.hovered': "var(--ds-background-brand-bold-hovered)";
161
+ readonly 'color.background.brand.bold.pressed': "var(--ds-background-brand-bold-pressed)";
162
+ readonly 'color.background.danger': "var(--ds-background-danger)";
163
+ readonly 'color.background.danger.hovered': "var(--ds-background-danger-hovered)";
164
+ readonly 'color.background.danger.pressed': "var(--ds-background-danger-pressed)";
165
+ readonly 'color.background.danger.bold': "var(--ds-background-danger-bold)";
166
+ readonly 'color.background.danger.bold.hovered': "var(--ds-background-danger-bold-hovered)";
167
+ readonly 'color.background.danger.bold.pressed': "var(--ds-background-danger-bold-pressed)";
168
+ readonly 'color.background.warning': "var(--ds-background-warning)";
169
+ readonly 'color.background.warning.hovered': "var(--ds-background-warning-hovered)";
170
+ readonly 'color.background.warning.pressed': "var(--ds-background-warning-pressed)";
171
+ readonly 'color.background.warning.bold': "var(--ds-background-warning-bold)";
172
+ readonly 'color.background.warning.bold.hovered': "var(--ds-background-warning-bold-hovered)";
173
+ readonly 'color.background.warning.bold.pressed': "var(--ds-background-warning-bold-pressed)";
174
+ readonly 'color.background.success': "var(--ds-background-success)";
175
+ readonly 'color.background.success.hovered': "var(--ds-background-success-hovered)";
176
+ readonly 'color.background.success.pressed': "var(--ds-background-success-pressed)";
177
+ readonly 'color.background.success.bold': "var(--ds-background-success-bold)";
178
+ readonly 'color.background.success.bold.hovered': "var(--ds-background-success-bold-hovered)";
179
+ readonly 'color.background.success.bold.pressed': "var(--ds-background-success-bold-pressed)";
180
+ readonly 'color.background.discovery': "var(--ds-background-discovery)";
181
+ readonly 'color.background.discovery.hovered': "var(--ds-background-discovery-hovered)";
182
+ readonly 'color.background.discovery.pressed': "var(--ds-background-discovery-pressed)";
183
+ readonly 'color.background.discovery.bold': "var(--ds-background-discovery-bold)";
184
+ readonly 'color.background.discovery.bold.hovered': "var(--ds-background-discovery-bold-hovered)";
185
+ readonly 'color.background.discovery.bold.pressed': "var(--ds-background-discovery-bold-pressed)";
186
+ readonly 'color.background.information': "var(--ds-background-information)";
187
+ readonly 'color.background.information.hovered': "var(--ds-background-information-hovered)";
188
+ readonly 'color.background.information.pressed': "var(--ds-background-information-pressed)";
189
+ readonly 'color.background.information.bold': "var(--ds-background-information-bold)";
190
+ readonly 'color.background.information.bold.hovered': "var(--ds-background-information-bold-hovered)";
191
+ readonly 'color.background.information.bold.pressed': "var(--ds-background-information-bold-pressed)";
192
192
  readonly 'color.blanket': "var(--ds-blanket)";
193
193
  readonly 'color.blanket.selected': "var(--ds-blanket-selected)";
194
194
  readonly 'color.blanket.danger': "var(--ds-blanket-danger)";
@@ -205,69 +205,69 @@ export declare const backgroundColorMap: {
205
205
  };
206
206
  export type BackgroundColor = keyof typeof backgroundColorMap;
207
207
  export declare const shadowMap: {
208
- readonly overflow: "var(--ds-shadow-overflow)";
209
- readonly 'overflow.perimeter': "var(--ds-shadow-overflow-perimeter)";
210
- readonly 'overflow.spread': "var(--ds-shadow-overflow-spread)";
211
- readonly overlay: "var(--ds-shadow-overlay)";
212
- readonly raised: "var(--ds-shadow-raised)";
208
+ readonly 'elevation.shadow.overflow': "var(--ds-shadow-overflow)";
209
+ readonly 'elevation.shadow.overflow.perimeter': "var(--ds-shadow-overflow-perimeter)";
210
+ readonly 'elevation.shadow.overflow.spread': "var(--ds-shadow-overflow-spread)";
211
+ readonly 'elevation.shadow.overlay': "var(--ds-shadow-overlay)";
212
+ readonly 'elevation.shadow.raised': "var(--ds-shadow-raised)";
213
213
  };
214
214
  export type Shadow = keyof typeof shadowMap;
215
215
  export declare const textColorMap: {
216
216
  readonly 'color.text': "var(--ds-text)";
217
- readonly 'accent.red': "var(--ds-text-accent-red)";
218
- readonly 'accent.red.bolder': "var(--ds-text-accent-red-bolder)";
219
- readonly 'accent.orange': "var(--ds-text-accent-orange)";
220
- readonly 'accent.orange.bolder': "var(--ds-text-accent-orange-bolder)";
221
- readonly 'accent.yellow': "var(--ds-text-accent-yellow)";
222
- readonly 'accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)";
223
- readonly 'accent.green': "var(--ds-text-accent-green)";
224
- readonly 'accent.green.bolder': "var(--ds-text-accent-green-bolder)";
225
- readonly 'accent.teal': "var(--ds-text-accent-teal)";
226
- readonly 'accent.teal.bolder': "var(--ds-text-accent-teal-bolder)";
227
- readonly 'accent.blue': "var(--ds-text-accent-blue)";
228
- readonly 'accent.blue.bolder': "var(--ds-text-accent-blue-bolder)";
229
- readonly 'accent.purple': "var(--ds-text-accent-purple)";
230
- readonly 'accent.purple.bolder': "var(--ds-text-accent-purple-bolder)";
231
- readonly 'accent.magenta': "var(--ds-text-accent-magenta)";
232
- readonly 'accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)";
233
- readonly 'accent.gray': "var(--ds-text-accent-gray)";
234
- readonly 'accent.gray.bolder': "var(--ds-text-accent-gray-bolder)";
235
- readonly disabled: "var(--ds-text-disabled)";
236
- readonly inverse: "var(--ds-text-inverse)";
237
- readonly selected: "var(--ds-text-selected)";
238
- readonly brand: "var(--ds-text-brand)";
239
- readonly danger: "var(--ds-text-danger)";
240
- readonly warning: "var(--ds-text-warning)";
241
- readonly 'warning.inverse': "var(--ds-text-warning-inverse)";
242
- readonly success: "var(--ds-text-success)";
243
- readonly discovery: "var(--ds-text-discovery)";
244
- readonly information: "var(--ds-text-information)";
245
- readonly subtlest: "var(--ds-text-subtlest)";
246
- readonly subtle: "var(--ds-text-subtle)";
217
+ readonly 'color.text.accent.red': "var(--ds-text-accent-red)";
218
+ readonly 'color.text.accent.red.bolder': "var(--ds-text-accent-red-bolder)";
219
+ readonly 'color.text.accent.orange': "var(--ds-text-accent-orange)";
220
+ readonly 'color.text.accent.orange.bolder': "var(--ds-text-accent-orange-bolder)";
221
+ readonly 'color.text.accent.yellow': "var(--ds-text-accent-yellow)";
222
+ readonly 'color.text.accent.yellow.bolder': "var(--ds-text-accent-yellow-bolder)";
223
+ readonly 'color.text.accent.green': "var(--ds-text-accent-green)";
224
+ readonly 'color.text.accent.green.bolder': "var(--ds-text-accent-green-bolder)";
225
+ readonly 'color.text.accent.teal': "var(--ds-text-accent-teal)";
226
+ readonly 'color.text.accent.teal.bolder': "var(--ds-text-accent-teal-bolder)";
227
+ readonly 'color.text.accent.blue': "var(--ds-text-accent-blue)";
228
+ readonly 'color.text.accent.blue.bolder': "var(--ds-text-accent-blue-bolder)";
229
+ readonly 'color.text.accent.purple': "var(--ds-text-accent-purple)";
230
+ readonly 'color.text.accent.purple.bolder': "var(--ds-text-accent-purple-bolder)";
231
+ readonly 'color.text.accent.magenta': "var(--ds-text-accent-magenta)";
232
+ readonly 'color.text.accent.magenta.bolder': "var(--ds-text-accent-magenta-bolder)";
233
+ readonly 'color.text.accent.gray': "var(--ds-text-accent-gray)";
234
+ readonly 'color.text.accent.gray.bolder': "var(--ds-text-accent-gray-bolder)";
235
+ readonly 'color.text.disabled': "var(--ds-text-disabled)";
236
+ readonly 'color.text.inverse': "var(--ds-text-inverse)";
237
+ readonly 'color.text.selected': "var(--ds-text-selected)";
238
+ readonly 'color.text.brand': "var(--ds-text-brand)";
239
+ readonly 'color.text.danger': "var(--ds-text-danger)";
240
+ readonly 'color.text.warning': "var(--ds-text-warning)";
241
+ readonly 'color.text.warning.inverse': "var(--ds-text-warning-inverse)";
242
+ readonly 'color.text.success': "var(--ds-text-success)";
243
+ readonly 'color.text.discovery': "var(--ds-text-discovery)";
244
+ readonly 'color.text.information': "var(--ds-text-information)";
245
+ readonly 'color.text.subtlest': "var(--ds-text-subtlest)";
246
+ readonly 'color.text.subtle': "var(--ds-text-subtle)";
247
247
  };
248
248
  export type TextColor = keyof typeof textColorMap;
249
249
  export declare const fillMap: {
250
250
  readonly 'color.icon': "var(--ds-icon)";
251
- readonly 'accent.red': "var(--ds-icon-accent-red)";
252
- readonly 'accent.orange': "var(--ds-icon-accent-orange)";
253
- readonly 'accent.yellow': "var(--ds-icon-accent-yellow)";
254
- readonly 'accent.green': "var(--ds-icon-accent-green)";
255
- readonly 'accent.teal': "var(--ds-icon-accent-teal)";
256
- readonly 'accent.blue': "var(--ds-icon-accent-blue)";
257
- readonly 'accent.purple': "var(--ds-icon-accent-purple)";
258
- readonly 'accent.magenta': "var(--ds-icon-accent-magenta)";
259
- readonly 'accent.gray': "var(--ds-icon-accent-gray)";
260
- readonly disabled: "var(--ds-icon-disabled)";
261
- readonly inverse: "var(--ds-icon-inverse)";
262
- readonly selected: "var(--ds-icon-selected)";
263
- readonly brand: "var(--ds-icon-brand)";
264
- readonly danger: "var(--ds-icon-danger)";
265
- readonly warning: "var(--ds-icon-warning)";
266
- readonly 'warning.inverse': "var(--ds-icon-warning-inverse)";
267
- readonly success: "var(--ds-icon-success)";
268
- readonly discovery: "var(--ds-icon-discovery)";
269
- readonly information: "var(--ds-icon-information)";
270
- readonly subtle: "var(--ds-icon-subtle)";
251
+ readonly 'color.icon.accent.red': "var(--ds-icon-accent-red)";
252
+ readonly 'color.icon.accent.orange': "var(--ds-icon-accent-orange)";
253
+ readonly 'color.icon.accent.yellow': "var(--ds-icon-accent-yellow)";
254
+ readonly 'color.icon.accent.green': "var(--ds-icon-accent-green)";
255
+ readonly 'color.icon.accent.teal': "var(--ds-icon-accent-teal)";
256
+ readonly 'color.icon.accent.blue': "var(--ds-icon-accent-blue)";
257
+ readonly 'color.icon.accent.purple': "var(--ds-icon-accent-purple)";
258
+ readonly 'color.icon.accent.magenta': "var(--ds-icon-accent-magenta)";
259
+ readonly 'color.icon.accent.gray': "var(--ds-icon-accent-gray)";
260
+ readonly 'color.icon.disabled': "var(--ds-icon-disabled)";
261
+ readonly 'color.icon.inverse': "var(--ds-icon-inverse)";
262
+ readonly 'color.icon.selected': "var(--ds-icon-selected)";
263
+ readonly 'color.icon.brand': "var(--ds-icon-brand)";
264
+ readonly 'color.icon.danger': "var(--ds-icon-danger)";
265
+ readonly 'color.icon.warning': "var(--ds-icon-warning)";
266
+ readonly 'color.icon.warning.inverse': "var(--ds-icon-warning-inverse)";
267
+ readonly 'color.icon.success': "var(--ds-icon-success)";
268
+ readonly 'color.icon.discovery': "var(--ds-icon-discovery)";
269
+ readonly 'color.icon.information': "var(--ds-icon-information)";
270
+ readonly 'color.icon.subtle': "var(--ds-icon-subtle)";
271
271
  };
272
272
  export type Fill = keyof typeof fillMap;
273
273
  /**
@@ -275,17 +275,17 @@ export type Fill = keyof typeof fillMap;
275
275
  */
276
276
  /**
277
277
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
278
- * @codegen <<SignedSource::e63fc5ff12523b2d49dc72925e1648e6>>
278
+ * @codegen <<SignedSource::7787d50b7bc64a9350e4cf35ae608a79>>
279
279
  * @codegenId misc
280
- * @codegenCommand yarn codegen-styles
280
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
281
281
  * @codegenParams ["align-self", "border-style", "display", "flex-direction", "flex-grow", "flex-shrink", "flex", "layer", "overflow", "position"]
282
282
  * @codegenDependency ../../scripts/codegen-file-templates/align-self.tsx <<SignedSource::074079802534462de54bf882bb2073e5>>
283
283
  * @codegenDependency ../../scripts/codegen-file-templates/border-style.tsx <<SignedSource::87e7e289ffeaac901997c4af98084a5f>>
284
284
  * @codegenDependency ../../scripts/codegen-file-templates/dimensions.tsx <<SignedSource::01143ff41135244db1d8ec2efe4339d6>>
285
- * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::04ea30fcb3c02f2545af7fdc0206e645>>
285
+ * @codegenDependency ../../scripts/codegen-file-templates/display.tsx <<SignedSource::486569d9e228265c1688d0a7122bdedc>>
286
286
  * @codegenDependency ../../scripts/codegen-file-templates/flex-direction.tsx <<SignedSource::19809ba11675679c188b0d98fb651dc1>>
287
287
  * @codegenDependency ../../scripts/codegen-file-templates/flex-grow.tsx <<SignedSource::b8a06b122cb609170f1f42778a6c270e>>
288
- * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::bf6626972898bf22d2eeee2130693d47>>
288
+ * @codegenDependency ../../scripts/codegen-file-templates/flex-shrink.tsx <<SignedSource::77effeb1e5c39997e34b21b000a91faf>>
289
289
  * @codegenDependency ../../scripts/codegen-file-templates/flex.tsx <<SignedSource::ffa0189d14f1f00a16ec1e9f43a17ce9>>
290
290
  * @codegenDependency ../../scripts/codegen-file-templates/layer.tsx <<SignedSource::79d24a1e558f12d671c06a7609f90dc1>>
291
291
  * @codegenDependency ../../scripts/codegen-file-templates/overflow.tsx <<SignedSource::ccb841f2f51525aed895c06e00f15089>>
@@ -310,6 +310,7 @@ export declare const displayMap: {
310
310
  readonly inline: "inline";
311
311
  readonly inlineBlock: "inline-block";
312
312
  readonly inlineFlex: "inline-flex";
313
+ readonly grid: "grid";
313
314
  };
314
315
  export type Display = keyof typeof displayMap;
315
316
  export declare const flexDirectionMap: {
@@ -323,7 +324,7 @@ export declare const flexGrowMap: {
323
324
  };
324
325
  export type FlexGrow = keyof typeof flexGrowMap;
325
326
  export declare const flexShrinkMap: {
326
- readonly '0': 0;
327
+ readonly '0': "0";
327
328
  readonly '1': 1;
328
329
  };
329
330
  export type FlexShrink = keyof typeof flexShrinkMap;
@@ -370,25 +371,25 @@ export type Position = keyof typeof positionMap;
370
371
  */
371
372
  /**
372
373
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
373
- * @codegen <<SignedSource::80ae367205568f9ca76d35f0cbc9d127>>
374
+ * @codegen <<SignedSource::290c3673c7e8302a6517c5004ca82979>>
374
375
  * @codegenId border
375
- * @codegenCommand yarn codegen-styles
376
+ * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
376
377
  * @codegenParams ["width", "radius"]
377
378
  * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::81055547b21306c07a3e8a3c734a2f1c>>
378
379
  */
379
380
  export declare const borderWidthMap: {
380
- readonly 'width.0': "var(--ds-width-0)";
381
- readonly 'width.050': "var(--ds-width-050)";
382
- readonly 'width.100': "var(--ds-width-100)";
381
+ readonly 'border.width.0': "var(--ds-width-0)";
382
+ readonly 'border.width.050': "var(--ds-width-050)";
383
+ readonly 'border.width.100': "var(--ds-width-100)";
383
384
  };
384
385
  export type BorderWidth = keyof typeof borderWidthMap;
385
386
  export declare const borderRadiusMap: {
386
- readonly 'radius.050': "var(--ds-radius-050)";
387
- readonly 'radius.100': "var(--ds-radius-100)";
388
- readonly 'radius.200': "var(--ds-radius-200)";
389
- readonly 'radius.300': "var(--ds-radius-300)";
390
- readonly 'radius.400': "var(--ds-radius-400)";
391
- readonly 'radius.round': "var(--ds-radius-round)";
387
+ readonly 'border.radius.050': "var(--ds-radius-050)";
388
+ readonly 'border.radius.100': "var(--ds-radius-100)";
389
+ readonly 'border.radius.200': "var(--ds-radius-200)";
390
+ readonly 'border.radius.300': "var(--ds-radius-300)";
391
+ readonly 'border.radius.400': "var(--ds-radius-400)";
392
+ readonly 'border.radius.round': "var(--ds-radius-round)";
392
393
  };
393
394
  export type BorderRadius = keyof typeof borderRadiusMap;
394
395
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/primitives",
3
- "version": "0.10.0",
3
+ "version": "0.11.0",
4
4
  "description": "Primitives are token-backed low-level building blocks.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -69,7 +69,7 @@
69
69
  }
70
70
  },
71
71
  "scripts": {
72
- "codegen-styles": "ts-node --project ./tsconfig.node.json ./scripts/codegen-styles"
72
+ "codegen-styles": "ts-node -r tsconfig-paths/register ./scripts/codegen-styles.tsx"
73
73
  },
74
74
  "main": "dist/cjs/index.js",
75
75
  "module": "dist/esm/index.js",