@atlaskit/primitives 0.6.0 → 0.7.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 (62) hide show
  1. package/.eslintrc.js +3 -0
  2. package/CHANGELOG.md +8 -0
  3. package/dist/cjs/components/box.js +3 -40
  4. package/dist/cjs/components/inline.partial.js +1 -0
  5. package/dist/cjs/components/internal/base-box.js +61 -0
  6. package/dist/cjs/components/stack.partial.js +1 -0
  7. package/dist/cjs/internal/style-maps.partial.js +370 -0
  8. package/dist/cjs/internal/xcss.js +17 -7
  9. package/dist/cjs/version.json +1 -1
  10. package/dist/es2019/components/box.js +1 -37
  11. package/dist/es2019/components/inline.partial.js +1 -0
  12. package/dist/es2019/components/internal/base-box.js +52 -0
  13. package/dist/es2019/components/stack.partial.js +1 -0
  14. package/dist/es2019/internal/style-maps.partial.js +341 -0
  15. package/dist/es2019/internal/xcss.js +13 -7
  16. package/dist/es2019/version.json +1 -1
  17. package/dist/esm/components/box.js +2 -40
  18. package/dist/esm/components/inline.partial.js +1 -0
  19. package/dist/esm/components/internal/base-box.js +53 -0
  20. package/dist/esm/components/stack.partial.js +1 -0
  21. package/dist/esm/internal/style-maps.partial.js +340 -0
  22. package/dist/esm/internal/xcss.js +17 -7
  23. package/dist/esm/version.json +1 -1
  24. package/dist/types/components/box.d.ts +1 -1
  25. package/dist/types/components/internal/base-box.d.ts +83 -0
  26. package/dist/types/components/types.d.ts +1 -1
  27. package/dist/types/internal/style-maps.partial.d.ts +396 -0
  28. package/dist/types/internal/xcss.d.ts +5 -5
  29. package/package.json +2 -1
  30. package/report.api.md +206 -327
  31. package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap +313 -363
  32. package/scripts/border-codegen-template.tsx +79 -0
  33. package/scripts/codegen-file-templates/align-self.tsx +9 -0
  34. package/scripts/codegen-file-templates/border-style.tsx +6 -0
  35. package/scripts/codegen-file-templates/dimensions.tsx +17 -0
  36. package/scripts/codegen-file-templates/display.tsx +6 -0
  37. package/scripts/codegen-file-templates/flex-grow.tsx +6 -0
  38. package/scripts/codegen-file-templates/flex-shrink.tsx +6 -0
  39. package/scripts/codegen-file-templates/flex.tsx +5 -0
  40. package/scripts/codegen-file-templates/layer.tsx +13 -0
  41. package/scripts/codegen-file-templates/overflow.tsx +20 -0
  42. package/scripts/codegen-file-templates/position.tsx +8 -0
  43. package/scripts/codegen-styles.tsx +80 -120
  44. package/scripts/color-codegen-template.tsx +9 -19
  45. package/scripts/misc-codegen-template.tsx +20 -40
  46. package/scripts/spacing-codegen-template.tsx +5 -12
  47. package/scripts/utils.tsx +15 -4
  48. package/tmp/api-report-tmp.d.ts +201 -326
  49. package/dist/cjs/components/internal/base-box.partial.js +0 -825
  50. package/dist/cjs/internal/color-map.js +0 -42
  51. package/dist/cjs/internal/style-maps.js +0 -130
  52. package/dist/es2019/components/internal/base-box.partial.js +0 -842
  53. package/dist/es2019/internal/color-map.js +0 -35
  54. package/dist/es2019/internal/style-maps.js +0 -117
  55. package/dist/esm/components/internal/base-box.partial.js +0 -820
  56. package/dist/esm/internal/color-map.js +0 -35
  57. package/dist/esm/internal/style-maps.js +0 -117
  58. package/dist/types/components/internal/base-box.partial.d.ts +0 -521
  59. package/dist/types/internal/color-map.d.ts +0 -36
  60. package/dist/types/internal/style-maps.d.ts +0 -151
  61. package/scripts/color-map-template.tsx +0 -52
  62. package/scripts/dimension-codegen-template.tsx +0 -75
@@ -1,521 +0,0 @@
1
- /** @jsx jsx */
2
- import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, FC, ReactElement, ReactNode } from 'react';
3
- import { Layer } from '../../constants';
4
- import type { BasePrimitiveProps } from '../types';
5
- export declare type BaseBoxProps<T extends ElementType = 'div'> = Omit<ComponentPropsWithoutRef<T>, 'as' | 'className'> & BasePrimitiveProps & BaseBoxPropsFoundation<T>;
6
- declare type BaseBoxPropsFoundation<T extends ElementType> = {
7
- /**
8
- * The DOM element to render as the Box. Defaults to `div`.
9
- */
10
- as?: 'div' | 'span' | 'li';
11
- /**
12
- * The HTML className attribute.
13
- *
14
- * Before using this prop please ensure:
15
- * - The styles cannot otherwise be achieved through `Box` directly.
16
- * - The use case needs custom styles that cannot be designed or implemented differently
17
- *
18
- * Ensure you're using the `@atlaskit/eslint-plugin-design-system` with this prop to prevent unbounded usage.
19
- *
20
- * @see `@atlaskit/eslint-plugin-design-system`
21
- */
22
- className?: string;
23
- /**
24
- * Elements to be rendered inside the Box.
25
- */
26
- children?: ReactNode;
27
- /**
28
- * @private
29
- * @deprecated Use `xcss` to achieve this functionality.
30
- * Token representing color with a fallback.
31
- */
32
- color?: TextColor;
33
- /**
34
- * Token representing background color with a built-in fallback value.
35
- */
36
- backgroundColor?: BackgroundColor;
37
- /**
38
- * @private
39
- * @deprecated Use `xcss` to achieve this functionality.
40
- * Token representing shadow with a fallback
41
- */
42
- shadow?: Shadow;
43
- /**
44
- * @private
45
- * @deprecated Use `xcss` to achieve this functionality.
46
- * Defines border style.
47
- */
48
- borderStyle?: BorderStyle;
49
- /**
50
- * @private
51
- * @deprecated Use `xcss` to achieve this functionality.
52
- * Defines border width.
53
- */
54
- borderWidth?: BorderWidth;
55
- /**
56
- * @private
57
- * @deprecated Use `xcss` to achieve this functionality.
58
- * Token representing border color with a fallback.
59
- */
60
- borderColor?: BorderColor;
61
- /**
62
- * @private
63
- * @deprecated Use `xcss` to achieve this functionality.
64
- * Defines border radius.
65
- */
66
- borderRadius?: BorderRadius;
67
- /**
68
- * @private
69
- * @deprecated Use `xcss` to achieve this functionality.
70
- * Used for providing a z-index.
71
- */
72
- layer?: Layer;
73
- /**
74
- * @private
75
- * @deprecated Use `xcss` to achieve this functionality.
76
- * Shorthand `flex` property.
77
- */
78
- flex?: Flex;
79
- /**
80
- * @private
81
- * @deprecated Use `xcss` to achieve this functionality.
82
- * Defines the flex grow factor -- how much remaining space should be taken up.
83
- */
84
- flexGrow?: FlexGrow;
85
- /**
86
- * @private
87
- * @deprecated Use `xcss` to achieve this functionality.
88
- * Defines the flex shrink factor -- how the item will shrink relative to other flex items in the container.
89
- */
90
- flexShrink?: FlexShrink;
91
- /**
92
- * @private
93
- * @deprecated Use `xcss` to achieve this functionality.
94
- * Overrides the `align-items` value.
95
- */
96
- alignSelf?: AlignSelf;
97
- /**
98
- * @private
99
- * @deprecated Use `xcss` to achieve this functionality.
100
- * Defines what happens if content overflows the box.
101
- * Shorthand for overflow-inline and overflow-block.
102
- *
103
- * @see overflowInline
104
- * @see overflowBlock
105
- */
106
- overflow?: Overflow;
107
- /**
108
- * @private
109
- * @deprecated Use `xcss` to achieve this functionality.
110
- * Defines what happens if content overflows the box in the horizontal direction (inline).
111
- */
112
- overflowInline?: OverflowInline;
113
- /**
114
- * @private
115
- * @deprecated Use `xcss` to achieve this functionality.
116
- * Defines what happens if content overflows the box in the vertical direction (block).
117
- */
118
- overflowBlock?: OverflowBlock;
119
- /**
120
- * Tokens representing CSS shorthand for `paddingBlock` and `paddingInline` together.
121
- *
122
- * @see paddingBlock
123
- * @see paddingInline
124
- */
125
- padding?: Padding;
126
- /**
127
- * Tokens representing CSS shorthand `paddingBlock`.
128
- *
129
- * @see paddingBlockStart
130
- * @see paddingBlockEnd
131
- */
132
- paddingBlock?: PaddingBlock;
133
- /**
134
- * Tokens representing CSS `paddingBlockStart`.
135
- */
136
- paddingBlockStart?: PaddingBlockStart;
137
- /**
138
- * Tokens representing CSS `paddingBlockEnd`.
139
- */
140
- paddingBlockEnd?: PaddingBlockEnd;
141
- /**
142
- * Tokens representing CSS shorthand `paddingInline`.
143
- *
144
- * @see paddingInlineStart
145
- * @see paddingInlineEnd
146
- */
147
- paddingInline?: PaddingInline;
148
- /**
149
- * Tokens representing CSS `paddingInlineStart`.
150
- */
151
- paddingInlineStart?: PaddingInlineStart;
152
- /**
153
- * Tokens representing CSS `paddingInlineEnd`.
154
- */
155
- paddingInlineEnd?: PaddingInlineEnd;
156
- /**
157
- * @private
158
- * @deprecated Use `xcss` to achieve this functionality.
159
- * Token representing width.
160
- */
161
- width?: Width;
162
- /**
163
- * @private
164
- * @deprecated Use `xcss` to achieve this functionality.
165
- * Token representing height.
166
- */
167
- height?: Height;
168
- /**
169
- * @private
170
- * @deprecated Use `xcss` to achieve this functionality.
171
- * Defines display type and layout. Defaults to `block`.
172
- */
173
- display?: Display;
174
- /**
175
- * @private
176
- * @deprecated Use `xcss` to achieve this functionality.
177
- * CSS position property.
178
- */
179
- position?: Position;
180
- /**
181
- * Forwarded ref element
182
- */
183
- ref?: ComponentPropsWithRef<T>['ref'];
184
- };
185
- export declare type BaseBoxComponent<T extends ElementType = 'div'> = (<T extends ElementType = 'div'>(props: BaseBoxProps<T>) => ReactElement | null) & FC<BaseBoxProps<T>>;
186
- /**
187
- * __Box__
188
- *
189
- * Box is a primitive component that has the design decisions of the Atlassian Design System baked in.
190
- * Renders a `div` by default.
191
- *
192
- * @internal
193
- */
194
- export declare const BaseBox: BaseBoxComponent;
195
- export default BaseBox;
196
- declare type BorderStyle = keyof typeof borderStyleMap;
197
- declare const borderStyleMap: {
198
- readonly none: import("@emotion/react").SerializedStyles;
199
- readonly solid: import("@emotion/react").SerializedStyles;
200
- };
201
- export declare type BorderWidth = keyof typeof borderWidthMap;
202
- declare const borderWidthMap: {
203
- readonly 'size.0': import("@emotion/react").SerializedStyles;
204
- readonly 'size.050': import("@emotion/react").SerializedStyles;
205
- readonly 'size.100': import("@emotion/react").SerializedStyles;
206
- };
207
- declare type BorderRadius = keyof typeof borderRadiusMap;
208
- declare const borderRadiusMap: {
209
- 'radius.100': import("@emotion/react").SerializedStyles;
210
- 'radius.200': import("@emotion/react").SerializedStyles;
211
- 'radius.round': import("@emotion/react").SerializedStyles;
212
- 'radius.300': import("@emotion/react").SerializedStyles;
213
- 'radius.400': import("@emotion/react").SerializedStyles;
214
- };
215
- declare type Flex = keyof typeof flexMap;
216
- declare const flexMap: {
217
- readonly '1': import("@emotion/react").SerializedStyles;
218
- };
219
- declare type FlexGrow = keyof typeof flexGrowMap;
220
- declare const flexGrowMap: {
221
- readonly '0': import("@emotion/react").SerializedStyles;
222
- readonly '1': import("@emotion/react").SerializedStyles;
223
- };
224
- declare type FlexShrink = keyof typeof flexShrinkMap;
225
- declare const flexShrinkMap: {
226
- readonly '0': import("@emotion/react").SerializedStyles;
227
- readonly '1': import("@emotion/react").SerializedStyles;
228
- };
229
- declare type AlignSelf = keyof typeof alignSelfMap;
230
- declare const alignSelfMap: {
231
- readonly center: import("@emotion/react").SerializedStyles;
232
- readonly start: import("@emotion/react").SerializedStyles;
233
- readonly stretch: import("@emotion/react").SerializedStyles;
234
- readonly end: import("@emotion/react").SerializedStyles;
235
- readonly baseline: import("@emotion/react").SerializedStyles;
236
- };
237
- export declare type Display = keyof typeof displayMap;
238
- declare const displayMap: {
239
- readonly block: import("@emotion/react").SerializedStyles;
240
- readonly inline: import("@emotion/react").SerializedStyles;
241
- readonly flex: import("@emotion/react").SerializedStyles;
242
- readonly 'inline-flex': import("@emotion/react").SerializedStyles;
243
- readonly 'inline-block': import("@emotion/react").SerializedStyles;
244
- };
245
- declare type Position = keyof typeof positionMap;
246
- declare const positionMap: {
247
- readonly absolute: import("@emotion/react").SerializedStyles;
248
- readonly fixed: import("@emotion/react").SerializedStyles;
249
- readonly relative: import("@emotion/react").SerializedStyles;
250
- readonly static: import("@emotion/react").SerializedStyles;
251
- };
252
- declare type Overflow = keyof typeof overflowMap;
253
- declare const overflowMap: {
254
- readonly auto: import("@emotion/react").SerializedStyles;
255
- readonly hidden: import("@emotion/react").SerializedStyles;
256
- };
257
- declare type OverflowInline = keyof typeof overflowInlineMap;
258
- declare const overflowInlineMap: {
259
- readonly auto: import("@emotion/react").SerializedStyles;
260
- readonly hidden: import("@emotion/react").SerializedStyles;
261
- };
262
- declare type OverflowBlock = keyof typeof overflowBlockMap;
263
- declare const overflowBlockMap: {
264
- readonly auto: import("@emotion/react").SerializedStyles;
265
- readonly hidden: import("@emotion/react").SerializedStyles;
266
- };
267
- /**
268
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
269
- * @codegen <<SignedSource::50178e05b73e6c8ed21bfbc8e6d87a13>>
270
- * @codegenId dimensions
271
- * @codegenCommand yarn codegen-styles
272
- * @codegenParams ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight"]
273
- */
274
- declare const widthMap: {
275
- readonly '100%': import("@emotion/react").SerializedStyles;
276
- readonly 'size.100': import("@emotion/react").SerializedStyles;
277
- readonly 'size.200': import("@emotion/react").SerializedStyles;
278
- readonly 'size.300': import("@emotion/react").SerializedStyles;
279
- readonly 'size.400': import("@emotion/react").SerializedStyles;
280
- readonly 'size.500': import("@emotion/react").SerializedStyles;
281
- readonly 'size.600': import("@emotion/react").SerializedStyles;
282
- readonly 'size.1000': import("@emotion/react").SerializedStyles;
283
- };
284
- export declare type Width = keyof typeof widthMap;
285
- declare const heightMap: {
286
- readonly '100%': import("@emotion/react").SerializedStyles;
287
- readonly 'size.100': import("@emotion/react").SerializedStyles;
288
- readonly 'size.200': import("@emotion/react").SerializedStyles;
289
- readonly 'size.300': import("@emotion/react").SerializedStyles;
290
- readonly 'size.400': import("@emotion/react").SerializedStyles;
291
- readonly 'size.500': import("@emotion/react").SerializedStyles;
292
- readonly 'size.600': import("@emotion/react").SerializedStyles;
293
- readonly 'size.1000': import("@emotion/react").SerializedStyles;
294
- };
295
- export declare type Height = keyof typeof heightMap;
296
- declare const minWidthMap: {
297
- readonly '100%': import("@emotion/react").SerializedStyles;
298
- readonly 'size.100': import("@emotion/react").SerializedStyles;
299
- readonly 'size.200': import("@emotion/react").SerializedStyles;
300
- readonly 'size.300': import("@emotion/react").SerializedStyles;
301
- readonly 'size.400': import("@emotion/react").SerializedStyles;
302
- readonly 'size.500': import("@emotion/react").SerializedStyles;
303
- readonly 'size.600': import("@emotion/react").SerializedStyles;
304
- readonly 'size.1000': import("@emotion/react").SerializedStyles;
305
- };
306
- export declare type MinWidth = keyof typeof minWidthMap;
307
- declare const maxWidthMap: {
308
- readonly '100%': import("@emotion/react").SerializedStyles;
309
- readonly 'size.100': import("@emotion/react").SerializedStyles;
310
- readonly 'size.200': import("@emotion/react").SerializedStyles;
311
- readonly 'size.300': import("@emotion/react").SerializedStyles;
312
- readonly 'size.400': import("@emotion/react").SerializedStyles;
313
- readonly 'size.500': import("@emotion/react").SerializedStyles;
314
- readonly 'size.600': import("@emotion/react").SerializedStyles;
315
- readonly 'size.1000': import("@emotion/react").SerializedStyles;
316
- };
317
- export declare type MaxWidth = keyof typeof maxWidthMap;
318
- declare const minHeightMap: {
319
- readonly '100%': import("@emotion/react").SerializedStyles;
320
- readonly 'size.100': import("@emotion/react").SerializedStyles;
321
- readonly 'size.200': import("@emotion/react").SerializedStyles;
322
- readonly 'size.300': import("@emotion/react").SerializedStyles;
323
- readonly 'size.400': import("@emotion/react").SerializedStyles;
324
- readonly 'size.500': import("@emotion/react").SerializedStyles;
325
- readonly 'size.600': import("@emotion/react").SerializedStyles;
326
- readonly 'size.1000': import("@emotion/react").SerializedStyles;
327
- };
328
- export declare type MinHeight = keyof typeof minHeightMap;
329
- declare const maxHeightMap: {
330
- readonly '100%': import("@emotion/react").SerializedStyles;
331
- readonly 'size.100': import("@emotion/react").SerializedStyles;
332
- readonly 'size.200': import("@emotion/react").SerializedStyles;
333
- readonly 'size.300': import("@emotion/react").SerializedStyles;
334
- readonly 'size.400': import("@emotion/react").SerializedStyles;
335
- readonly 'size.500': import("@emotion/react").SerializedStyles;
336
- readonly 'size.600': import("@emotion/react").SerializedStyles;
337
- readonly 'size.1000': import("@emotion/react").SerializedStyles;
338
- };
339
- export declare type MaxHeight = keyof typeof maxHeightMap;
340
- /**
341
- * @codegenEnd
342
- */
343
- /**
344
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
345
- * @codegen <<SignedSource::6da0ceaa2c227230e3a93bc724ff8648>>
346
- * @codegenId spacing
347
- * @codegenCommand yarn codegen-styles
348
- * @codegenParams ["padding"]
349
- * @codegenDependency ../../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::167d3b69b159ae33e74d4ea5ab7eade6>>
350
- */
351
- declare const paddingMap: {
352
- [k: string]: {
353
- readonly 'space.0': import("@emotion/react").SerializedStyles;
354
- readonly 'space.025': import("@emotion/react").SerializedStyles;
355
- readonly 'space.050': import("@emotion/react").SerializedStyles;
356
- readonly 'space.075': import("@emotion/react").SerializedStyles;
357
- readonly 'space.100': import("@emotion/react").SerializedStyles;
358
- readonly 'space.150': import("@emotion/react").SerializedStyles;
359
- readonly 'space.200': import("@emotion/react").SerializedStyles;
360
- readonly 'space.250': import("@emotion/react").SerializedStyles;
361
- readonly 'space.300': import("@emotion/react").SerializedStyles;
362
- readonly 'space.400': import("@emotion/react").SerializedStyles;
363
- readonly 'space.500': import("@emotion/react").SerializedStyles;
364
- readonly 'space.600': import("@emotion/react").SerializedStyles;
365
- readonly 'space.800': import("@emotion/react").SerializedStyles;
366
- readonly 'space.1000': import("@emotion/react").SerializedStyles;
367
- };
368
- };
369
- export declare type Padding = keyof typeof paddingMap.padding;
370
- export declare type PaddingBlock = keyof typeof paddingMap.paddingBlock;
371
- export declare type PaddingBlockStart = keyof typeof paddingMap.paddingBlockStart;
372
- export declare type PaddingBlockEnd = keyof typeof paddingMap.paddingBlockEnd;
373
- export declare type PaddingInline = keyof typeof paddingMap.paddingInline;
374
- export declare type PaddingInlineStart = keyof typeof paddingMap.paddingInlineStart;
375
- export declare type PaddingInlineEnd = keyof typeof paddingMap.paddingInlineEnd;
376
- /**
377
- * @codegenEnd
378
- */
379
- /**
380
- * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
381
- * @codegen <<SignedSource::1e77e4e502cd4d951550637bdce2f3ca>>
382
- * @codegenId colors
383
- * @codegenCommand yarn codegen-styles
384
- * @codegenParams ["border", "background", "shadow", "text"]
385
- * @codegenDependency ../../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
386
- */
387
- declare const borderColorMap: {
388
- readonly 'color.border': import("@emotion/react").SerializedStyles;
389
- readonly 'accent.red': import("@emotion/react").SerializedStyles;
390
- readonly 'accent.orange': import("@emotion/react").SerializedStyles;
391
- readonly 'accent.yellow': import("@emotion/react").SerializedStyles;
392
- readonly 'accent.green': import("@emotion/react").SerializedStyles;
393
- readonly 'accent.teal': import("@emotion/react").SerializedStyles;
394
- readonly 'accent.blue': import("@emotion/react").SerializedStyles;
395
- readonly 'accent.purple': import("@emotion/react").SerializedStyles;
396
- readonly 'accent.magenta': import("@emotion/react").SerializedStyles;
397
- readonly 'accent.gray': import("@emotion/react").SerializedStyles;
398
- readonly disabled: import("@emotion/react").SerializedStyles;
399
- readonly focused: import("@emotion/react").SerializedStyles;
400
- readonly input: import("@emotion/react").SerializedStyles;
401
- readonly inverse: import("@emotion/react").SerializedStyles;
402
- readonly selected: import("@emotion/react").SerializedStyles;
403
- readonly brand: import("@emotion/react").SerializedStyles;
404
- readonly danger: import("@emotion/react").SerializedStyles;
405
- readonly warning: import("@emotion/react").SerializedStyles;
406
- readonly success: import("@emotion/react").SerializedStyles;
407
- readonly discovery: import("@emotion/react").SerializedStyles;
408
- readonly information: import("@emotion/react").SerializedStyles;
409
- readonly bold: import("@emotion/react").SerializedStyles;
410
- };
411
- export declare type BorderColor = keyof typeof borderColorMap;
412
- declare const backgroundColorMap: {
413
- readonly 'accent.red.subtlest': import("@emotion/react").SerializedStyles;
414
- readonly 'accent.red.subtler': import("@emotion/react").SerializedStyles;
415
- readonly 'accent.red.subtle': import("@emotion/react").SerializedStyles;
416
- readonly 'accent.red.bolder': import("@emotion/react").SerializedStyles;
417
- readonly 'accent.orange.subtlest': import("@emotion/react").SerializedStyles;
418
- readonly 'accent.orange.subtler': import("@emotion/react").SerializedStyles;
419
- readonly 'accent.orange.subtle': import("@emotion/react").SerializedStyles;
420
- readonly 'accent.orange.bolder': import("@emotion/react").SerializedStyles;
421
- readonly 'accent.yellow.subtlest': import("@emotion/react").SerializedStyles;
422
- readonly 'accent.yellow.subtler': import("@emotion/react").SerializedStyles;
423
- readonly 'accent.yellow.subtle': import("@emotion/react").SerializedStyles;
424
- readonly 'accent.yellow.bolder': import("@emotion/react").SerializedStyles;
425
- readonly 'accent.green.subtlest': import("@emotion/react").SerializedStyles;
426
- readonly 'accent.green.subtler': import("@emotion/react").SerializedStyles;
427
- readonly 'accent.green.subtle': import("@emotion/react").SerializedStyles;
428
- readonly 'accent.green.bolder': import("@emotion/react").SerializedStyles;
429
- readonly 'accent.teal.subtlest': import("@emotion/react").SerializedStyles;
430
- readonly 'accent.teal.subtler': import("@emotion/react").SerializedStyles;
431
- readonly 'accent.teal.subtle': import("@emotion/react").SerializedStyles;
432
- readonly 'accent.teal.bolder': import("@emotion/react").SerializedStyles;
433
- readonly 'accent.blue.subtlest': import("@emotion/react").SerializedStyles;
434
- readonly 'accent.blue.subtler': import("@emotion/react").SerializedStyles;
435
- readonly 'accent.blue.subtle': import("@emotion/react").SerializedStyles;
436
- readonly 'accent.blue.bolder': import("@emotion/react").SerializedStyles;
437
- readonly 'accent.purple.subtlest': import("@emotion/react").SerializedStyles;
438
- readonly 'accent.purple.subtler': import("@emotion/react").SerializedStyles;
439
- readonly 'accent.purple.subtle': import("@emotion/react").SerializedStyles;
440
- readonly 'accent.purple.bolder': import("@emotion/react").SerializedStyles;
441
- readonly 'accent.magenta.subtlest': import("@emotion/react").SerializedStyles;
442
- readonly 'accent.magenta.subtler': import("@emotion/react").SerializedStyles;
443
- readonly 'accent.magenta.subtle': import("@emotion/react").SerializedStyles;
444
- readonly 'accent.magenta.bolder': import("@emotion/react").SerializedStyles;
445
- readonly 'accent.gray.subtlest': import("@emotion/react").SerializedStyles;
446
- readonly 'accent.gray.subtler': import("@emotion/react").SerializedStyles;
447
- readonly 'accent.gray.subtle': import("@emotion/react").SerializedStyles;
448
- readonly 'accent.gray.bolder': import("@emotion/react").SerializedStyles;
449
- readonly disabled: import("@emotion/react").SerializedStyles;
450
- readonly input: import("@emotion/react").SerializedStyles;
451
- readonly 'inverse.subtle': import("@emotion/react").SerializedStyles;
452
- readonly neutral: import("@emotion/react").SerializedStyles;
453
- readonly 'neutral.subtle': import("@emotion/react").SerializedStyles;
454
- readonly 'neutral.bold': import("@emotion/react").SerializedStyles;
455
- readonly selected: import("@emotion/react").SerializedStyles;
456
- readonly 'selected.bold': import("@emotion/react").SerializedStyles;
457
- readonly 'brand.bold': import("@emotion/react").SerializedStyles;
458
- readonly danger: import("@emotion/react").SerializedStyles;
459
- readonly 'danger.bold': import("@emotion/react").SerializedStyles;
460
- readonly warning: import("@emotion/react").SerializedStyles;
461
- readonly 'warning.bold': import("@emotion/react").SerializedStyles;
462
- readonly success: import("@emotion/react").SerializedStyles;
463
- readonly 'success.bold': import("@emotion/react").SerializedStyles;
464
- readonly discovery: import("@emotion/react").SerializedStyles;
465
- readonly 'discovery.bold': import("@emotion/react").SerializedStyles;
466
- readonly information: import("@emotion/react").SerializedStyles;
467
- readonly 'information.bold': import("@emotion/react").SerializedStyles;
468
- readonly 'color.blanket': import("@emotion/react").SerializedStyles;
469
- readonly 'color.blanket.selected': import("@emotion/react").SerializedStyles;
470
- readonly 'color.blanket.danger': import("@emotion/react").SerializedStyles;
471
- readonly 'elevation.surface': import("@emotion/react").SerializedStyles;
472
- readonly 'elevation.surface.overlay': import("@emotion/react").SerializedStyles;
473
- readonly 'elevation.surface.raised': import("@emotion/react").SerializedStyles;
474
- readonly 'elevation.surface.sunken': import("@emotion/react").SerializedStyles;
475
- };
476
- export declare type BackgroundColor = keyof typeof backgroundColorMap;
477
- declare const shadowMap: {
478
- readonly overflow: import("@emotion/react").SerializedStyles;
479
- readonly 'overflow.perimeter': import("@emotion/react").SerializedStyles;
480
- readonly 'overflow.spread': import("@emotion/react").SerializedStyles;
481
- readonly overlay: import("@emotion/react").SerializedStyles;
482
- readonly raised: import("@emotion/react").SerializedStyles;
483
- };
484
- export declare type Shadow = keyof typeof shadowMap;
485
- declare const textColorMap: {
486
- readonly 'color.text': import("@emotion/react").SerializedStyles;
487
- readonly 'accent.red': import("@emotion/react").SerializedStyles;
488
- readonly 'accent.red.bolder': import("@emotion/react").SerializedStyles;
489
- readonly 'accent.orange': import("@emotion/react").SerializedStyles;
490
- readonly 'accent.orange.bolder': import("@emotion/react").SerializedStyles;
491
- readonly 'accent.yellow': import("@emotion/react").SerializedStyles;
492
- readonly 'accent.yellow.bolder': import("@emotion/react").SerializedStyles;
493
- readonly 'accent.green': import("@emotion/react").SerializedStyles;
494
- readonly 'accent.green.bolder': import("@emotion/react").SerializedStyles;
495
- readonly 'accent.teal': import("@emotion/react").SerializedStyles;
496
- readonly 'accent.teal.bolder': import("@emotion/react").SerializedStyles;
497
- readonly 'accent.blue': import("@emotion/react").SerializedStyles;
498
- readonly 'accent.blue.bolder': import("@emotion/react").SerializedStyles;
499
- readonly 'accent.purple': import("@emotion/react").SerializedStyles;
500
- readonly 'accent.purple.bolder': import("@emotion/react").SerializedStyles;
501
- readonly 'accent.magenta': import("@emotion/react").SerializedStyles;
502
- readonly 'accent.magenta.bolder': import("@emotion/react").SerializedStyles;
503
- readonly 'accent.gray': import("@emotion/react").SerializedStyles;
504
- readonly 'accent.gray.bolder': import("@emotion/react").SerializedStyles;
505
- readonly disabled: import("@emotion/react").SerializedStyles;
506
- readonly inverse: import("@emotion/react").SerializedStyles;
507
- readonly selected: import("@emotion/react").SerializedStyles;
508
- readonly brand: import("@emotion/react").SerializedStyles;
509
- readonly danger: import("@emotion/react").SerializedStyles;
510
- readonly warning: import("@emotion/react").SerializedStyles;
511
- readonly 'warning.inverse': import("@emotion/react").SerializedStyles;
512
- readonly success: import("@emotion/react").SerializedStyles;
513
- readonly discovery: import("@emotion/react").SerializedStyles;
514
- readonly information: import("@emotion/react").SerializedStyles;
515
- readonly subtlest: import("@emotion/react").SerializedStyles;
516
- readonly subtle: import("@emotion/react").SerializedStyles;
517
- };
518
- export declare type TextColor = keyof typeof textColorMap;
519
- /**
520
- * @codegenEnd
521
- */
@@ -1,36 +0,0 @@
1
- declare const _default: {
2
- readonly 'neutral.bold': "inverse";
3
- readonly 'neutral.bold.hovered': "inverse";
4
- readonly 'neutral.bold.pressed': "inverse";
5
- readonly 'selected.bold': "inverse";
6
- readonly 'selected.bold.hovered': "inverse";
7
- readonly 'selected.bold.pressed': "inverse";
8
- readonly 'brand.bold': "inverse";
9
- readonly 'brand.bold.hovered': "inverse";
10
- readonly 'brand.bold.pressed': "inverse";
11
- readonly 'danger.bold': "inverse";
12
- readonly 'danger.bold.hovered': "inverse";
13
- readonly 'danger.bold.pressed': "inverse";
14
- readonly 'warning.bold': "warning.inverse";
15
- readonly 'warning.bold.hovered': "warning.inverse";
16
- readonly 'warning.bold.pressed': "warning.inverse";
17
- readonly 'success.bold': "inverse";
18
- readonly 'success.bold.hovered': "inverse";
19
- readonly 'success.bold.pressed': "inverse";
20
- readonly 'discovery.bold': "inverse";
21
- readonly 'discovery.bold.hovered': "inverse";
22
- readonly 'discovery.bold.pressed': "inverse";
23
- readonly 'information.bold': "inverse";
24
- readonly 'information.bold.hovered': "inverse";
25
- readonly 'information.bold.pressed': "inverse";
26
- };
27
- /**
28
- * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
29
- *
30
- * The color map is used to map a background color token to a matching text color that will meet contrast.
31
- *
32
- * @codegen <<SignedSource::d168519874a16bbb92cfbfd4747a39b4>>
33
- * @codegenCommand yarn codegen-styles
34
- * @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::10aa7e87eca39e4d6594a764e78e0698>>
35
- */
36
- export default _default;