UNPKG

@atlaskit/primitives

Version:

Primitives are token-backed low-level building blocks.

atlassian.design/components/primitives/overview/

106 lines • 3.55 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
import { allSpaceMap } from './all-space'; import { backgroundColorMap } from './background-color'; import { borderColorMap } from './border-color'; import { borderRadiusMap } from './border-radius'; import { borderWidthMap } from './border-width'; import { dimensionMap } from './dimension'; import { fontMap } from './font'; import { fontFamilyMap } from './font-family'; import { fontWeightMap } from './font-weight'; import { layerMap } from './layer'; import { opacityMap } from './opacity'; import { positiveSpaceMap } from './positive-space'; import { shadowMap } from './shadow'; import { textColorMap } from './text-color'; export const tokensMap = { backgroundColor: backgroundColorMap, blockSize: dimensionMap, borderBlockColor: borderColorMap, borderBlockEndColor: borderColorMap, borderBlockEndWidth: borderWidthMap, borderBlockStartColor: borderColorMap, borderBlockStartWidth: borderWidthMap, borderBlockWidth: borderWidthMap, borderBottomColor: borderColorMap, borderBottomLeftRadius: borderRadiusMap, borderBottomRightRadius: borderRadiusMap, borderBottomWidth: borderWidthMap, borderColor: borderColorMap, borderEndEndRadius: borderRadiusMap, borderEndStartRadius: borderRadiusMap, borderInlineColor: borderColorMap, borderInlineEndColor: borderColorMap, borderInlineEndWidth: borderWidthMap, borderInlineStartColor: borderColorMap, borderInlineStartWidth: borderWidthMap, borderInlineWidth: borderWidthMap, borderLeftColor: borderColorMap, borderLeftWidth: borderWidthMap, borderRadius: borderRadiusMap, borderRightColor: borderColorMap, borderRightWidth: borderWidthMap, borderStartEndRadius: borderRadiusMap, borderStartStartRadius: borderRadiusMap, borderTopColor: borderColorMap, borderTopLeftRadius: borderRadiusMap, borderTopRightRadius: borderRadiusMap, borderTopWidth: borderWidthMap, borderWidth: borderWidthMap, bottom: allSpaceMap, boxShadow: shadowMap, color: textColorMap, columnGap: positiveSpaceMap, font: fontMap, fontFamily: fontFamilyMap, fontWeight: fontWeightMap, gap: positiveSpaceMap, height: dimensionMap, inlineSize: dimensionMap, inset: allSpaceMap, insetBlock: allSpaceMap, insetBlockEnd: allSpaceMap, insetBlockStart: allSpaceMap, insetInline: allSpaceMap, insetInlineEnd: allSpaceMap, insetInlineStart: allSpaceMap, left: allSpaceMap, margin: allSpaceMap, marginBlock: allSpaceMap, marginBlockEnd: allSpaceMap, marginBlockStart: allSpaceMap, marginBottom: allSpaceMap, marginInline: allSpaceMap, marginInlineEnd: allSpaceMap, marginInlineStart: allSpaceMap, marginLeft: allSpaceMap, marginRight: allSpaceMap, marginTop: allSpaceMap, maxBlockSize: dimensionMap, maxHeight: dimensionMap, maxInlineSize: dimensionMap, maxWidth: dimensionMap, minBlockSize: dimensionMap, minHeight: dimensionMap, minInlineSize: dimensionMap, minWidth: dimensionMap, opacity: opacityMap, outlineColor: borderColorMap, outlineOffset: allSpaceMap, outlineWidth: borderWidthMap, padding: positiveSpaceMap, paddingBlock: positiveSpaceMap, paddingBlockEnd: positiveSpaceMap, paddingBlockStart: positiveSpaceMap, paddingBottom: positiveSpaceMap, paddingInline: positiveSpaceMap, paddingInlineEnd: positiveSpaceMap, paddingInlineStart: positiveSpaceMap, paddingLeft: positiveSpaceMap, paddingRight: positiveSpaceMap, paddingTop: positiveSpaceMap, right: allSpaceMap, rowGap: positiveSpaceMap, top: allSpaceMap, width: dimensionMap, zIndex: layerMap };