@takeoff-design/tailwind 0.0.0-init
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/LICENSE +17 -0
- package/README.md +36 -0
- package/dist/v3/components/typography.js +457 -0
- package/dist/v3/index.js +18 -0
- package/dist/v3/theme/colors.js +178 -0
- package/dist/v3/theme/effects.js +28 -0
- package/dist/v3/theme/radius.js +14 -0
- package/dist/v3/theme/screens.js +8 -0
- package/dist/v3/theme/spacing.js +39 -0
- package/dist/v4/theme.css +905 -0
- package/package.json +48 -0
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
/* @takeoff-design/tokens — auto-generated, do not edit */
|
|
2
|
+
module.exports = {
|
|
3
|
+
'primary-50': 'var(--primary-50)',
|
|
4
|
+
'primary-100': 'var(--primary-100)',
|
|
5
|
+
'primary-200': 'var(--primary-200)',
|
|
6
|
+
'primary-300': 'var(--primary-300)',
|
|
7
|
+
'primary-400': 'var(--primary-400)',
|
|
8
|
+
'primary-500': 'var(--primary-500)',
|
|
9
|
+
'primary-600': 'var(--primary-600)',
|
|
10
|
+
'primary-700': 'var(--primary-700)',
|
|
11
|
+
'primary-800': 'var(--primary-800)',
|
|
12
|
+
'primary-900': 'var(--primary-900)',
|
|
13
|
+
'static-black': 'var(--static-black)',
|
|
14
|
+
'static-white': 'var(--static-white)',
|
|
15
|
+
'secondary-50': 'var(--secondary-50)',
|
|
16
|
+
'secondary-100': 'var(--secondary-100)',
|
|
17
|
+
'secondary-200': 'var(--secondary-200)',
|
|
18
|
+
'secondary-300': 'var(--secondary-300)',
|
|
19
|
+
'secondary-400': 'var(--secondary-400)',
|
|
20
|
+
'secondary-500': 'var(--secondary-500)',
|
|
21
|
+
'secondary-600': 'var(--secondary-600)',
|
|
22
|
+
'secondary-700': 'var(--secondary-700)',
|
|
23
|
+
'secondary-800': 'var(--secondary-800)',
|
|
24
|
+
'secondary-900': 'var(--secondary-900)',
|
|
25
|
+
'neutral-0': 'var(--neutral-0)',
|
|
26
|
+
'neutral-50': 'var(--neutral-50)',
|
|
27
|
+
'neutral-100': 'var(--neutral-100)',
|
|
28
|
+
'neutral-200': 'var(--neutral-200)',
|
|
29
|
+
'neutral-300': 'var(--neutral-300)',
|
|
30
|
+
'neutral-400': 'var(--neutral-400)',
|
|
31
|
+
'neutral-500': 'var(--neutral-500)',
|
|
32
|
+
'neutral-600': 'var(--neutral-600)',
|
|
33
|
+
'neutral-700': 'var(--neutral-700)',
|
|
34
|
+
'neutral-800': 'var(--neutral-800)',
|
|
35
|
+
'neutral-900': 'var(--neutral-900)',
|
|
36
|
+
'neutral-1000': 'var(--neutral-1000)',
|
|
37
|
+
'red-50': 'var(--red-50)',
|
|
38
|
+
'red-100': 'var(--red-100)',
|
|
39
|
+
'red-200': 'var(--red-200)',
|
|
40
|
+
'red-300': 'var(--red-300)',
|
|
41
|
+
'red-400': 'var(--red-400)',
|
|
42
|
+
'red-500': 'var(--red-500)',
|
|
43
|
+
'red-600': 'var(--red-600)',
|
|
44
|
+
'red-700': 'var(--red-700)',
|
|
45
|
+
'red-800': 'var(--red-800)',
|
|
46
|
+
'red-900': 'var(--red-900)',
|
|
47
|
+
'blue-50': 'var(--blue-50)',
|
|
48
|
+
'blue-100': 'var(--blue-100)',
|
|
49
|
+
'blue-200': 'var(--blue-200)',
|
|
50
|
+
'blue-300': 'var(--blue-300)',
|
|
51
|
+
'blue-400': 'var(--blue-400)',
|
|
52
|
+
'blue-500': 'var(--blue-500)',
|
|
53
|
+
'blue-600': 'var(--blue-600)',
|
|
54
|
+
'blue-700': 'var(--blue-700)',
|
|
55
|
+
'blue-800': 'var(--blue-800)',
|
|
56
|
+
'blue-900': 'var(--blue-900)',
|
|
57
|
+
'green-50': 'var(--green-50)',
|
|
58
|
+
'green-100': 'var(--green-100)',
|
|
59
|
+
'green-200': 'var(--green-200)',
|
|
60
|
+
'green-300': 'var(--green-300)',
|
|
61
|
+
'green-400': 'var(--green-400)',
|
|
62
|
+
'green-500': 'var(--green-500)',
|
|
63
|
+
'green-600': 'var(--green-600)',
|
|
64
|
+
'green-700': 'var(--green-700)',
|
|
65
|
+
'green-800': 'var(--green-800)',
|
|
66
|
+
'green-900': 'var(--green-900)',
|
|
67
|
+
'yellow-50': 'var(--yellow-50)',
|
|
68
|
+
'yellow-100': 'var(--yellow-100)',
|
|
69
|
+
'yellow-200': 'var(--yellow-200)',
|
|
70
|
+
'yellow-300': 'var(--yellow-300)',
|
|
71
|
+
'yellow-400': 'var(--yellow-400)',
|
|
72
|
+
'yellow-500': 'var(--yellow-500)',
|
|
73
|
+
'yellow-600': 'var(--yellow-600)',
|
|
74
|
+
'yellow-700': 'var(--yellow-700)',
|
|
75
|
+
'yellow-800': 'var(--yellow-800)',
|
|
76
|
+
'yellow-900': 'var(--yellow-900)',
|
|
77
|
+
'purple-50': 'var(--purple-50)',
|
|
78
|
+
'purple-100': 'var(--purple-100)',
|
|
79
|
+
'purple-200': 'var(--purple-200)',
|
|
80
|
+
'purple-300': 'var(--purple-300)',
|
|
81
|
+
'purple-400': 'var(--purple-400)',
|
|
82
|
+
'purple-500': 'var(--purple-500)',
|
|
83
|
+
'purple-600': 'var(--purple-600)',
|
|
84
|
+
'purple-700': 'var(--purple-700)',
|
|
85
|
+
'purple-800': 'var(--purple-800)',
|
|
86
|
+
'purple-900': 'var(--purple-900)',
|
|
87
|
+
'cyan-50': 'var(--cyan-50)',
|
|
88
|
+
'cyan-100': 'var(--cyan-100)',
|
|
89
|
+
'cyan-200': 'var(--cyan-200)',
|
|
90
|
+
'cyan-300': 'var(--cyan-300)',
|
|
91
|
+
'cyan-400': 'var(--cyan-400)',
|
|
92
|
+
'cyan-500': 'var(--cyan-500)',
|
|
93
|
+
'cyan-600': 'var(--cyan-600)',
|
|
94
|
+
'cyan-700': 'var(--cyan-700)',
|
|
95
|
+
'cyan-800': 'var(--cyan-800)',
|
|
96
|
+
'cyan-900': 'var(--cyan-900)',
|
|
97
|
+
'business-50': 'var(--business-50)',
|
|
98
|
+
'business-100': 'var(--business-100)',
|
|
99
|
+
'business-200': 'var(--business-200)',
|
|
100
|
+
'business-300': 'var(--business-300)',
|
|
101
|
+
'business-400': 'var(--business-400)',
|
|
102
|
+
'business-500': 'var(--business-500)',
|
|
103
|
+
'business-600': 'var(--business-600)',
|
|
104
|
+
'business-700': 'var(--business-700)',
|
|
105
|
+
'business-800': 'var(--business-800)',
|
|
106
|
+
'business-900': 'var(--business-900)',
|
|
107
|
+
'teal-50': 'var(--teal-50)',
|
|
108
|
+
'teal-100': 'var(--teal-100)',
|
|
109
|
+
'teal-200': 'var(--teal-200)',
|
|
110
|
+
'teal-300': 'var(--teal-300)',
|
|
111
|
+
'teal-400': 'var(--teal-400)',
|
|
112
|
+
'teal-500': 'var(--teal-500)',
|
|
113
|
+
'teal-600': 'var(--teal-600)',
|
|
114
|
+
'teal-700': 'var(--teal-700)',
|
|
115
|
+
'teal-800': 'var(--teal-800)',
|
|
116
|
+
'teal-900': 'var(--teal-900)',
|
|
117
|
+
'alpha-brand-primary-500-24': 'var(--alpha-brand-primary-500-24)',
|
|
118
|
+
'alpha-brand-primary-500-16': 'var(--alpha-brand-primary-500-16)',
|
|
119
|
+
'alpha-brand-primary-500-8': 'var(--alpha-brand-primary-500-8)',
|
|
120
|
+
'alpha-brand-secondary-500-24': 'var(--alpha-brand-secondary-500-24)',
|
|
121
|
+
'alpha-brand-secondary-500-16': 'var(--alpha-brand-secondary-500-16)',
|
|
122
|
+
'alpha-brand-secondary-500-8': 'var(--alpha-brand-secondary-500-8)',
|
|
123
|
+
'alpha-brand-primary-500-4': 'var(--alpha-brand-primary-500-4)',
|
|
124
|
+
'alpha-brand-primary-500-2': 'var(--alpha-brand-primary-500-2)',
|
|
125
|
+
'alpha-brand-primary-500-48': 'var(--alpha-brand-primary-500-48)',
|
|
126
|
+
'alpha-base-black-72': 'var(--alpha-base-black-72)',
|
|
127
|
+
'alpha-base-black-64': 'var(--alpha-base-black-64)',
|
|
128
|
+
'alpha-base-black-48': 'var(--alpha-base-black-48)',
|
|
129
|
+
'alpha-base-black-32': 'var(--alpha-base-black-32)',
|
|
130
|
+
'alpha-base-black-24': 'var(--alpha-base-black-24)',
|
|
131
|
+
'alpha-base-black-16': 'var(--alpha-base-black-16)',
|
|
132
|
+
'alpha-base-white-72': 'var(--alpha-base-white-72)',
|
|
133
|
+
'alpha-base-white-64': 'var(--alpha-base-white-64)',
|
|
134
|
+
'alpha-base-white-48': 'var(--alpha-base-white-48)',
|
|
135
|
+
'alpha-base-white-32': 'var(--alpha-base-white-32)',
|
|
136
|
+
'alpha-base-white-24': 'var(--alpha-base-white-24)',
|
|
137
|
+
'alpha-base-white-16': 'var(--alpha-base-white-16)',
|
|
138
|
+
'alpha-base-black-12': 'var(--alpha-base-black-12)',
|
|
139
|
+
'alpha-base-black-8': 'var(--alpha-base-black-8)',
|
|
140
|
+
'alpha-base-black-4': 'var(--alpha-base-black-4)',
|
|
141
|
+
'alpha-base-white-12': 'var(--alpha-base-white-12)',
|
|
142
|
+
'alpha-base-white-8': 'var(--alpha-base-white-8)',
|
|
143
|
+
'alpha-base-white-4': 'var(--alpha-base-white-4)',
|
|
144
|
+
'alpha-base-white-2': 'var(--alpha-base-white-2)',
|
|
145
|
+
'alpha-base-black-2': 'var(--alpha-base-black-2)',
|
|
146
|
+
'alpha-base-black-none': 'var(--alpha-base-black-none)',
|
|
147
|
+
'alpha-base-white-none': 'var(--alpha-base-white-none)',
|
|
148
|
+
'alpha-blue-blue-500-72': 'var(--alpha-blue-blue-500-72)',
|
|
149
|
+
'alpha-blue-blue-500-64': 'var(--alpha-blue-blue-500-64)',
|
|
150
|
+
'alpha-blue-blue-500-48': 'var(--alpha-blue-blue-500-48)',
|
|
151
|
+
'alpha-blue-blue-500-32': 'var(--alpha-blue-blue-500-32)',
|
|
152
|
+
'alpha-blue-blue-500-24': 'var(--alpha-blue-blue-500-24)',
|
|
153
|
+
'alpha-blue-blue-500-16': 'var(--alpha-blue-blue-500-16)',
|
|
154
|
+
'alpha-blue-blue-500-12': 'var(--alpha-blue-blue-500-12)',
|
|
155
|
+
'alpha-blue-blue-500-8': 'var(--alpha-blue-blue-500-8)',
|
|
156
|
+
'alpha-blue-blue-500-4': 'var(--alpha-blue-blue-500-4)',
|
|
157
|
+
'alpha-blue-blue-500-2': 'var(--alpha-blue-blue-500-2)',
|
|
158
|
+
'alpha-neutral-neutral-500-72': 'var(--alpha-neutral-neutral-500-72)',
|
|
159
|
+
'alpha-neutral-neutral-500-64': 'var(--alpha-neutral-neutral-500-64)',
|
|
160
|
+
'alpha-neutral-neutral-500-48': 'var(--alpha-neutral-neutral-500-48)',
|
|
161
|
+
'alpha-neutral-neutral-500-32': 'var(--alpha-neutral-neutral-500-32)',
|
|
162
|
+
'alpha-neutral-neutral-500-24': 'var(--alpha-neutral-neutral-500-24)',
|
|
163
|
+
'alpha-neutral-neutral-500-16': 'var(--alpha-neutral-neutral-500-16)',
|
|
164
|
+
'alpha-neutral-neutral-500-12': 'var(--alpha-neutral-neutral-500-12)',
|
|
165
|
+
'alpha-neutral-neutral-500-8': 'var(--alpha-neutral-neutral-500-8)',
|
|
166
|
+
'alpha-neutral-neutral-500-4': 'var(--alpha-neutral-neutral-500-4)',
|
|
167
|
+
'alpha-neutral-neutral-500-2': 'var(--alpha-neutral-neutral-500-2)',
|
|
168
|
+
'aviation-amber-50': 'var(--aviation-amber-50)',
|
|
169
|
+
'aviation-amber-100': 'var(--aviation-amber-100)',
|
|
170
|
+
'aviation-amber-200': 'var(--aviation-amber-200)',
|
|
171
|
+
'aviation-amber-300': 'var(--aviation-amber-300)',
|
|
172
|
+
'aviation-amber-400': 'var(--aviation-amber-400)',
|
|
173
|
+
'aviation-amber-500': 'var(--aviation-amber-500)',
|
|
174
|
+
'aviation-amber-600': 'var(--aviation-amber-600)',
|
|
175
|
+
'aviation-amber-700': 'var(--aviation-amber-700)',
|
|
176
|
+
'aviation-amber-800': 'var(--aviation-amber-800)',
|
|
177
|
+
'aviation-amber-900': 'var(--aviation-amber-900)',
|
|
178
|
+
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/* @takeoff-design/tokens — auto-generated, do not edit */
|
|
2
|
+
module.exports = {
|
|
3
|
+
'1-default-xl': 'var(--effect-1-default-xl)',
|
|
4
|
+
'1-default-lg': 'var(--effect-1-default-lg)',
|
|
5
|
+
'1-default-base': 'var(--effect-1-default-base)',
|
|
6
|
+
'1-default-sm': 'var(--effect-1-default-sm)',
|
|
7
|
+
'1-default-xs': 'var(--effect-1-default-xs)',
|
|
8
|
+
'1-hover-xl': 'var(--effect-1-hover-xl)',
|
|
9
|
+
'1-hover-lg': 'var(--effect-1-hover-lg)',
|
|
10
|
+
'1-hover-base': 'var(--effect-1-hover-base)',
|
|
11
|
+
'1-hover-sm': 'var(--effect-1-hover-sm)',
|
|
12
|
+
'1-hover-xs': 'var(--effect-1-hover-xs)',
|
|
13
|
+
'2-default-xl': 'var(--effect-2-default-xl)',
|
|
14
|
+
'2-default-lg': 'var(--effect-2-default-lg)',
|
|
15
|
+
'2-default-base': 'var(--effect-2-default-base)',
|
|
16
|
+
'2-default-sm': 'var(--effect-2-default-sm)',
|
|
17
|
+
'2-default-xs': 'var(--effect-2-default-xs)',
|
|
18
|
+
'2-hover-xl': 'var(--effect-2-hover-xl)',
|
|
19
|
+
'2-hover-lg': 'var(--effect-2-hover-lg)',
|
|
20
|
+
'2-hover-base': 'var(--effect-2-hover-base)',
|
|
21
|
+
'2-hover-sm': 'var(--effect-2-hover-sm)',
|
|
22
|
+
'2-hover-xs': 'var(--effect-2-hover-xs)',
|
|
23
|
+
'primary-focus': 'var(--primary-focus)',
|
|
24
|
+
'secondary-focus': 'var(--secondary-focus)',
|
|
25
|
+
'info-focus': 'var(--info-focus)',
|
|
26
|
+
'secondary-light-focus': 'var(--secondary-light-focus)',
|
|
27
|
+
'neutral-focus': 'var(--neutral-focus)',
|
|
28
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/* @takeoff-design/tokens — auto-generated, do not edit */
|
|
2
|
+
module.exports = {
|
|
3
|
+
's': 'var(--radius-s)',
|
|
4
|
+
'm-base': 'var(--radius-m-base)',
|
|
5
|
+
'xxs': 'var(--radius-xxs)',
|
|
6
|
+
'l': 'var(--radius-l)',
|
|
7
|
+
'xl': 'var(--radius-xl)',
|
|
8
|
+
'2xl': 'var(--radius-2xl)',
|
|
9
|
+
'3xl': 'var(--radius-3xl)',
|
|
10
|
+
'4xl': 'var(--radius-4xl)',
|
|
11
|
+
'full': 'var(--radius-full)',
|
|
12
|
+
'none': 'var(--radius-none)',
|
|
13
|
+
'xs': 'var(--radius-xs)',
|
|
14
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/* @takeoff-design/tokens — auto-generated, do not edit */
|
|
2
|
+
module.exports = {
|
|
3
|
+
'xxs': 'var(--spacing-xxs)',
|
|
4
|
+
'xs': 'var(--spacing-xs)',
|
|
5
|
+
'm-base': 'var(--spacing-m-base)',
|
|
6
|
+
'4xl': 'var(--spacing-4xl)',
|
|
7
|
+
'5xl': 'var(--spacing-5xl)',
|
|
8
|
+
'6xl': 'var(--spacing-6xl)',
|
|
9
|
+
'8xl': 'var(--spacing-8xl)',
|
|
10
|
+
'10xl': 'var(--spacing-10xl)',
|
|
11
|
+
'12xl': 'var(--spacing-12xl)',
|
|
12
|
+
'14xl': 'var(--spacing-14xl)',
|
|
13
|
+
'16xl': 'var(--spacing-16xl)',
|
|
14
|
+
'20xl': 'var(--spacing-20xl)',
|
|
15
|
+
'24xl': 'var(--spacing-24xl)',
|
|
16
|
+
'28xl': 'var(--spacing-28xl)',
|
|
17
|
+
'32xl': 'var(--spacing-32xl)',
|
|
18
|
+
'xl': 'var(--spacing-xl)',
|
|
19
|
+
'none': 'var(--spacing-none)',
|
|
20
|
+
'px': 'var(--spacing-px)',
|
|
21
|
+
's': 'var(--spacing-s)',
|
|
22
|
+
'l': 'var(--spacing-l)',
|
|
23
|
+
'2xl': 'var(--spacing-2xl)',
|
|
24
|
+
'7xl': 'var(--spacing-7xl)',
|
|
25
|
+
'9xl': 'var(--spacing-9xl)',
|
|
26
|
+
'11xl': 'var(--spacing-11xl)',
|
|
27
|
+
'15xl': 'var(--spacing-15xl)',
|
|
28
|
+
'36xl': 'var(--spacing-36xl)',
|
|
29
|
+
'44xl': 'var(--spacing-44xl)',
|
|
30
|
+
'40xl': 'var(--spacing-40xl)',
|
|
31
|
+
'48xl': 'var(--spacing-48xl)',
|
|
32
|
+
'52xl': 'var(--spacing-52xl)',
|
|
33
|
+
'56xl': 'var(--spacing-56xl)',
|
|
34
|
+
'60xl': 'var(--spacing-60xl)',
|
|
35
|
+
'64xl': 'var(--spacing-64xl)',
|
|
36
|
+
'72xl': 'var(--spacing-72xl)',
|
|
37
|
+
'80xl': 'var(--spacing-80xl)',
|
|
38
|
+
'96xl': 'var(--spacing-96xl)',
|
|
39
|
+
};
|