@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.
- package/.eslintrc.js +3 -0
- package/CHANGELOG.md +8 -0
- package/dist/cjs/components/box.js +3 -40
- package/dist/cjs/components/inline.partial.js +1 -0
- package/dist/cjs/components/internal/base-box.js +61 -0
- package/dist/cjs/components/stack.partial.js +1 -0
- package/dist/cjs/internal/style-maps.partial.js +370 -0
- package/dist/cjs/internal/xcss.js +17 -7
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/box.js +1 -37
- package/dist/es2019/components/inline.partial.js +1 -0
- package/dist/es2019/components/internal/base-box.js +52 -0
- package/dist/es2019/components/stack.partial.js +1 -0
- package/dist/es2019/internal/style-maps.partial.js +341 -0
- package/dist/es2019/internal/xcss.js +13 -7
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/box.js +2 -40
- package/dist/esm/components/inline.partial.js +1 -0
- package/dist/esm/components/internal/base-box.js +53 -0
- package/dist/esm/components/stack.partial.js +1 -0
- package/dist/esm/internal/style-maps.partial.js +340 -0
- package/dist/esm/internal/xcss.js +17 -7
- package/dist/esm/version.json +1 -1
- package/dist/types/components/box.d.ts +1 -1
- package/dist/types/components/internal/base-box.d.ts +83 -0
- package/dist/types/components/types.d.ts +1 -1
- package/dist/types/internal/style-maps.partial.d.ts +396 -0
- package/dist/types/internal/xcss.d.ts +5 -5
- package/package.json +2 -1
- package/report.api.md +206 -327
- package/scripts/__tests__/__snapshots__/codegen.test.tsx.snap +313 -363
- package/scripts/border-codegen-template.tsx +79 -0
- package/scripts/codegen-file-templates/align-self.tsx +9 -0
- package/scripts/codegen-file-templates/border-style.tsx +6 -0
- package/scripts/codegen-file-templates/dimensions.tsx +17 -0
- package/scripts/codegen-file-templates/display.tsx +6 -0
- package/scripts/codegen-file-templates/flex-grow.tsx +6 -0
- package/scripts/codegen-file-templates/flex-shrink.tsx +6 -0
- package/scripts/codegen-file-templates/flex.tsx +5 -0
- package/scripts/codegen-file-templates/layer.tsx +13 -0
- package/scripts/codegen-file-templates/overflow.tsx +20 -0
- package/scripts/codegen-file-templates/position.tsx +8 -0
- package/scripts/codegen-styles.tsx +80 -120
- package/scripts/color-codegen-template.tsx +9 -19
- package/scripts/misc-codegen-template.tsx +20 -40
- package/scripts/spacing-codegen-template.tsx +5 -12
- package/scripts/utils.tsx +15 -4
- package/tmp/api-report-tmp.d.ts +201 -326
- package/dist/cjs/components/internal/base-box.partial.js +0 -825
- package/dist/cjs/internal/color-map.js +0 -42
- package/dist/cjs/internal/style-maps.js +0 -130
- package/dist/es2019/components/internal/base-box.partial.js +0 -842
- package/dist/es2019/internal/color-map.js +0 -35
- package/dist/es2019/internal/style-maps.js +0 -117
- package/dist/esm/components/internal/base-box.partial.js +0 -820
- package/dist/esm/internal/color-map.js +0 -35
- package/dist/esm/internal/style-maps.js +0 -117
- package/dist/types/components/internal/base-box.partial.d.ts +0 -521
- package/dist/types/internal/color-map.d.ts +0 -36
- package/dist/types/internal/style-maps.d.ts +0 -151
- package/scripts/color-map-template.tsx +0 -52
- 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;
|